forked from Mirrors/apostrophe
finish last section and footer
parent
ac64dc7e0b
commit
d3140965ad
|
@ -1,5 +1,37 @@
|
||||||
|
.programmer {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column;
|
||||||
|
|
||||||
|
align-items: center;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding: 20px;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.programmer p{
|
||||||
|
margin-top: 60px;
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
.programmer img{
|
.programmer img{
|
||||||
|
filter: none;
|
||||||
|
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
height: 25vh;
|
height: auto;
|
||||||
width: auto;
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/********MOBILE************/
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
|
||||||
|
.programmer{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.programmer p{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
|
@ -11,6 +11,24 @@ footer {
|
||||||
color: whitesmoke;
|
color: whitesmoke;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer a{
|
footer a {
|
||||||
color: whitesmoke;
|
color: whitesmoke;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#about, #links {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#about {
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#links {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#links a{
|
||||||
|
margin-left:10px;
|
||||||
|
}
|
|
@ -1,5 +1,5 @@
|
||||||
|
|
||||||
section {
|
.section {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
// align-items: center;
|
// align-items: center;
|
||||||
|
@ -11,29 +11,29 @@ section {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
section img {
|
.section img {
|
||||||
filter: drop-shadow( 0px 10px 40px #888888 );
|
filter: drop-shadow( 0px 10px 40px #888888 );
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
|
||||||
|
z-index: 3;
|
||||||
/* display: block;
|
/* display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
justify-content: center; */
|
justify-content: center; */
|
||||||
}
|
}
|
||||||
|
|
||||||
section.dark {
|
.section.dark {
|
||||||
background: rgba(0, 0, 0, 0);
|
background: rgba(0, 0, 0, 0);
|
||||||
height: 900px;
|
height: 900px;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
section.programmers {
|
.section.programmers {
|
||||||
height: 80vh;
|
height: 80vh;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
/* margin-top: -10vh; */
|
|
||||||
margin-bottom: 20vh;
|
margin-bottom: 20vh;
|
||||||
/* padding-top: 10vh; */
|
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: wrap;
|
flex-flow: wrap;
|
||||||
|
@ -44,11 +44,12 @@ section.programmers {
|
||||||
box-shadow: 0px 20px 40px 0px #1010104f;
|
box-shadow: 0px 20px 40px 0px #1010104f;
|
||||||
}
|
}
|
||||||
|
|
||||||
.programmer {
|
/********MOBILE************/
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.section.programmers{
|
||||||
|
min-height: 80vh;
|
||||||
|
height: auto;
|
||||||
|
flex-flow: column;
|
||||||
|
}
|
||||||
|
}
|
|
@ -562,7 +562,21 @@ footer {
|
||||||
footer a {
|
footer a {
|
||||||
color: whitesmoke; }
|
color: whitesmoke; }
|
||||||
|
|
||||||
section {
|
#about, #links {
|
||||||
|
display: flex;
|
||||||
|
align-items: center; }
|
||||||
|
|
||||||
|
#about {
|
||||||
|
margin-left: 30px; }
|
||||||
|
|
||||||
|
#links {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: 30px; }
|
||||||
|
|
||||||
|
#links a {
|
||||||
|
margin-left: 10px; }
|
||||||
|
|
||||||
|
.section {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
@ -570,39 +584,37 @@ section {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
background: whitesmoke; }
|
background: whitesmoke; }
|
||||||
|
|
||||||
section img {
|
.section img {
|
||||||
filter: drop-shadow(0px 10px 40px #888888);
|
filter: drop-shadow(0px 10px 40px #888888);
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
z-index: 3;
|
||||||
/* display: block;
|
/* display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
justify-content: center; */ }
|
justify-content: center; */ }
|
||||||
|
|
||||||
section.dark {
|
.section.dark {
|
||||||
background: rgba(0, 0, 0, 0);
|
background: rgba(0, 0, 0, 0);
|
||||||
height: 900px;
|
height: 900px;
|
||||||
flex-wrap: wrap; }
|
flex-wrap: wrap; }
|
||||||
|
|
||||||
section.programmers {
|
.section.programmers {
|
||||||
height: 80vh;
|
height: 80vh;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
/* margin-top: -10vh; */
|
|
||||||
margin-bottom: 20vh;
|
margin-bottom: 20vh;
|
||||||
/* padding-top: 10vh; */
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: wrap;
|
flex-flow: wrap;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
background: whitesmoke;
|
background: whitesmoke;
|
||||||
box-shadow: 0px 20px 40px 0px #1010104f; }
|
box-shadow: 0px 20px 40px 0px #1010104f; }
|
||||||
|
|
||||||
.programmer {
|
/********MOBILE************/
|
||||||
display: flex;
|
@media (max-width: 480px) {
|
||||||
align-items: center;
|
.section.programmers {
|
||||||
margin-left: auto;
|
min-height: 80vh;
|
||||||
margin-right: auto;
|
height: auto;
|
||||||
padding: 20px; }
|
flex-flow: column; } }
|
||||||
|
|
||||||
/* MODULES - Re-usable site elements.
|
/* MODULES - Re-usable site elements.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
.background-1 {
|
.background-1 {
|
||||||
|
@ -645,9 +657,31 @@ button:hover {
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
#download {
|
#download {
|
||||||
display: none; } }
|
display: none; } }
|
||||||
|
.programmer {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding: 20px;
|
||||||
|
width: 50%; }
|
||||||
|
|
||||||
|
.programmer p {
|
||||||
|
margin-top: 60px;
|
||||||
|
width: 60%; }
|
||||||
|
|
||||||
.programmer img {
|
.programmer img {
|
||||||
|
filter: none;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
height: 25vh;
|
height: auto;
|
||||||
width: auto; }
|
width: 40%; }
|
||||||
|
|
||||||
|
/********MOBILE************/
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.programmer {
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.programmer p {
|
||||||
|
width: 100%; } }
|
||||||
|
|
||||||
/*# sourceMappingURL=styles.css.map */
|
/*# sourceMappingURL=styles.css.map */
|
||||||
|
|
File diff suppressed because one or more lines are too long
Binary file not shown.
After Width: | Height: | Size: 1.5 MiB |
12
index.html
12
index.html
|
@ -55,11 +55,17 @@
|
||||||
<section class="section programmers">
|
<section class="section programmers">
|
||||||
<div class="programmer left">
|
<div class="programmer left">
|
||||||
<img src="images/Wolf.jpeg" alt="Wolf Vollprecht">
|
<img src="images/Wolf.jpeg" alt="Wolf Vollprecht">
|
||||||
<p>Blablabla</p>
|
<p>Wolf started UberWriter as part of the Ubuntu App Showdown a long time ago.
|
||||||
|
Then a Master degree in Robotics at ETH Zurich got in the way of fulltime development on UberWriter.
|
||||||
|
Now he works full time on interactive computing and open source HPC libraries at QuantStack in Paris: check out xtensor, xsimd and xframe! ;)</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="programmer right">
|
<div class="programmer right">
|
||||||
<img src="images/Manu.jpeg" alt="Manuel Genovés">
|
<img src="images/Manu.jpg" alt="Manuel Genovés">
|
||||||
<p>Blebleble</p>
|
<p>Manuel started colaborating in UberWriter after it's development was stopped a couple years ago, finishing its
|
||||||
|
migration to the last libraries and contributing to package it with Flatpak.
|
||||||
|
Currently he is a student finishing a degree in Physics at the University of Valencia, doing
|
||||||
|
research into the holographic microscopy field.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
Loading…
Reference in New Issue