* added portfolio, mentors and management YAML files to be used in templating * fixed issue with landing page not working properly in mobile view * removed annoying page style that was applied to everything * improved text sizes in various views * reworked mentors view styles * rearranged landing page vector graphics to match their meaning more * code style improvementspull/30/head
Herman Õunapuu
7 years ago
parent
149f0ed5d3
commit
20bb489819
19 changed files with 565 additions and 401 deletions
@ -0,0 +1,38 @@ |
|||||||
|
# Management contact info |
||||||
|
|
||||||
|
|
||||||
|
- name: Hanno Vene |
||||||
|
photo: hannovene.jpg |
||||||
|
role: Juhatuse esimees |
||||||
|
subrole: Meie suur juht |
||||||
|
email: hanno.vene@lapikud.ee |
||||||
|
phone: +372 56 247 690 |
||||||
|
|
||||||
|
- name: Kaarel Pärtel |
||||||
|
photo: kaarelpartel.jpg |
||||||
|
role: Juhatuse liige |
||||||
|
subrole: Helpdeski juht |
||||||
|
email: kaarel.partel@lapikud.ee |
||||||
|
phone: +372 53 665 368 |
||||||
|
|
||||||
|
- name: Martin Oblikas |
||||||
|
photo: martinoblikas.jpg |
||||||
|
role: Juhatuse liige |
||||||
|
subrole: Tarkvara juht |
||||||
|
email: martin.oblikas@lapikud.ee |
||||||
|
phone: +372 50 70 459 |
||||||
|
|
||||||
|
- name: Risto Leesmäe |
||||||
|
photo: ristoleesmae.jpg |
||||||
|
role: Juhatuse liige |
||||||
|
subrole: Turunduse juht |
||||||
|
email: risto.leesmae@lapikud.ee |
||||||
|
phone: +372 53 269 529 |
||||||
|
|
||||||
|
- name: Asko Närep |
||||||
|
photo: askonarep.jpg |
||||||
|
role: Juhatuse liige |
||||||
|
subrole: Ürituste juht |
||||||
|
email: asko.narep@lapikud.ee |
||||||
|
phone: +372 56 236 649 |
||||||
|
|
||||||
@ -0,0 +1,38 @@ |
|||||||
|
# Mentors: example dataset |
||||||
|
|
||||||
|
|
||||||
|
- name: Maa Lapik |
||||||
|
age: 2018 |
||||||
|
photo: https://static.independent.co.uk/s3fs-public/styles/article_small/public/thumbnails/image/2018/06/15/09/fe.jpg |
||||||
|
specialty: kettaheide |
||||||
|
term: 4 |
||||||
|
teams: ['üritused', 'turundus'] |
||||||
|
phone: +372 12345678 |
||||||
|
email: lappes@lapikud.ee |
||||||
|
description: Vali mind, kui sind huvitab lapiku maa teooria. |
||||||
|
activities: Pöörlemine, tiirlemine, päikesevalguse peegeldamine. |
||||||
|
|
||||||
|
|
||||||
|
- name: Maa Lapik |
||||||
|
age: 2018 |
||||||
|
photo: https://static.independent.co.uk/s3fs-public/styles/article_small/public/thumbnails/image/2018/06/15/09/fe.jpg |
||||||
|
specialty: kettaheide |
||||||
|
term: 4 |
||||||
|
teams: ['üritused', 'turundus'] |
||||||
|
phone: +372 12345678 |
||||||
|
email: lappes@lapikud.ee |
||||||
|
description: Vali mind, kui sind huvitab lapiku maa teooria. |
||||||
|
activities: Pöörlemine, tiirlemine, päikesevalguse peegeldamine. |
||||||
|
|
||||||
|
|
||||||
|
- name: Maa Lapik |
||||||
|
age: 2018 |
||||||
|
photo: https://static.independent.co.uk/s3fs-public/styles/article_small/public/thumbnails/image/2018/06/15/09/fe.jpg |
||||||
|
specialty: kettaheide |
||||||
|
term: 4 |
||||||
|
teams: ['üritused', 'turundus'] |
||||||
|
phone: +372 12345678 |
||||||
|
email: lappes@lapikud.ee |
||||||
|
description: Vali mind, kui sind huvitab lapiku maa teooria. |
||||||
|
activities: Pöörlemine, tiirlemine, päikesevalguse peegeldamine. |
||||||
|
|
||||||
@ -0,0 +1,56 @@ |
|||||||
|
# Our work |
||||||
|
# |
||||||
|
|
||||||
|
|
||||||
|
- title: TTÜ Studentlife |
||||||
|
photo: studentlife.png |
||||||
|
url: http://studentlife.ee |
||||||
|
description: Tegime ja lahe oli ja oli lahe ja lahe oli ja oli lahe ja lahe oli ja oli lahe ja lahe oli ja oli lahe |
||||||
|
|
||||||
|
|
||||||
|
- title: Eesti Üliõpilasesinduse Liit |
||||||
|
photo: sallivkool.png |
||||||
|
url: http://sallivkool.ee/ |
||||||
|
description: |
||||||
|
|
||||||
|
|
||||||
|
- title: Eesti Üliõpilaskondade Liit |
||||||
|
photo: isic.png |
||||||
|
url: http://www.isic.ee |
||||||
|
description: |
||||||
|
|
||||||
|
|
||||||
|
- title: Eesti Jalgratta Virtuaalmuuseum |
||||||
|
photo: jalgrattaveeb.jpg |
||||||
|
url: http://www.velomuseum.ee/ |
||||||
|
description: |
||||||
|
|
||||||
|
|
||||||
|
- title: Meremeeste tööotsingu portaal |
||||||
|
photo: nauticalcrew.jpg |
||||||
|
url: |
||||||
|
description: Tänaseks on portaali omanikud selle sulgenud. |
||||||
|
|
||||||
|
|
||||||
|
- title: Võti Tulevikku 2013 infoveeb |
||||||
|
photo: votitulevikku.jpg |
||||||
|
url: |
||||||
|
description: |
||||||
|
|
||||||
|
|
||||||
|
- title: Ukseproff |
||||||
|
photo: ukseproff.jpg |
||||||
|
url: http://www.ukseproff.ee/ |
||||||
|
description: |
||||||
|
|
||||||
|
|
||||||
|
- title: Nõmme Tenniseklubi koduleht |
||||||
|
photo: nommetenniseklubi.jpg |
||||||
|
url: http://www.nommetennis.ee/ |
||||||
|
description: |
||||||
|
|
||||||
|
|
||||||
|
- title: Sporditrennid.ee trenni otsinguportaal |
||||||
|
photo: sporditrennid.jpg |
||||||
|
url: |
||||||
|
description: Tänaseks on portaali omanikud selle sulgenud. |
||||||
@ -1,14 +1,74 @@ |
|||||||
.mentors-page-container { |
#mentors { |
||||||
|
|
||||||
.mentor { |
.mentor { |
||||||
margin-bottom: 3rem; |
display : flex; |
||||||
|
flex-direction : row; |
||||||
.profile-img { |
margin : 4rem auto; |
||||||
object-fit: cover; |
|
||||||
width: 300px; |
.photo-container { |
||||||
height: 350px; |
flex : 1; |
||||||
float: left; |
|
||||||
margin-right: 2rem; |
img { |
||||||
|
display : block; |
||||||
|
height : auto; |
||||||
|
width : 100%; |
||||||
|
margin-top : 2rem; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.description { |
||||||
|
flex : 2; |
||||||
|
|
||||||
|
display : flex; |
||||||
|
flex-direction : row; |
||||||
|
|
||||||
|
* { |
||||||
|
margin : 0.1rem 0; |
||||||
|
} |
||||||
|
|
||||||
|
h1, h4 { |
||||||
|
margin : 1rem 0; |
||||||
|
} |
||||||
|
|
||||||
|
.general { |
||||||
|
flex : 2; |
||||||
|
margin : 0 3rem; |
||||||
|
} |
||||||
|
|
||||||
|
.varia { |
||||||
|
flex : 3; |
||||||
|
margin : 1rem 3rem 0; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.mentor-info-text { |
||||||
|
flex : 3; |
||||||
|
display : flex; |
||||||
|
flex-direction : column; |
||||||
|
padding-left : 5rem; |
||||||
|
padding-right : 3rem; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
@media (max-width : 900px) { |
||||||
|
#mentors { |
||||||
|
.mentor { |
||||||
|
flex-direction : column; |
||||||
|
|
||||||
|
.description { |
||||||
|
flex-direction : column; |
||||||
|
.general, .varia { |
||||||
|
margin : 0 auto; |
||||||
|
} |
||||||
|
} |
||||||
|
.photo-container { |
||||||
|
img { |
||||||
|
max-height : 75vh; |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,29 +1,68 @@ |
|||||||
#ourwork-banner { |
#ourwork-banner { |
||||||
margin : 5rem 0; |
margin : 5rem 0; |
||||||
|
|
||||||
|
a { |
||||||
|
display : flex; |
||||||
|
justify-content : center; |
||||||
|
} |
||||||
|
|
||||||
} |
} |
||||||
|
|
||||||
|
#ourwork-done { |
||||||
|
|
||||||
.work-item { |
.work-item { |
||||||
padding : 1rem; |
padding : 1rem; |
||||||
|
margin : 7rem 0; |
||||||
|
display : flex; |
||||||
|
flex-direction : row; |
||||||
|
max-height : 75vh; |
||||||
|
|
||||||
|
.description { |
||||||
|
flex : 2; |
||||||
|
|
||||||
|
h3 { |
||||||
|
white-space : nowrap; |
||||||
|
overflow : hidden; |
||||||
|
text-overflow : ellipsis; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.thumbnail { |
||||||
|
flex : 3; |
||||||
display : flex; |
display : flex; |
||||||
flex-direction : column; |
|
||||||
justify-content : center; |
justify-content : center; |
||||||
align-items : center; |
align-items : center; |
||||||
max-height : 75vh; |
} |
||||||
|
|
||||||
img { |
img { |
||||||
display : block; |
display : block; |
||||||
max-height : 50vh; |
|
||||||
width : auto; |
width : auto; |
||||||
|
height : auto; |
||||||
|
max-height : 50vh; |
||||||
} |
} |
||||||
h3, h5 { |
|
||||||
|
h2, h3 { |
||||||
text-align : center; |
text-align : center; |
||||||
|
margin-bottom : 0.3rem; |
||||||
|
} |
||||||
|
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
@media (max-width : 900px) { |
@media (max-width : 900px) { |
||||||
|
|
||||||
|
#ourwork-done { |
||||||
|
|
||||||
|
.work-item { |
||||||
|
flex-direction : column; |
||||||
|
max-height : none; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
#ourwork-banner { |
#ourwork-banner { |
||||||
h1 { |
h1 { |
||||||
font-size : 3.6rem; |
font-size : 3.6rem; |
||||||
} |
} |
||||||
|
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -0,0 +1,18 @@ |
|||||||
|
|
||||||
|
|
||||||
|
.banner { |
||||||
|
background : #f0941d; |
||||||
|
color : white; |
||||||
|
font-weight : bold; |
||||||
|
padding : 2rem; |
||||||
|
border-radius : 8rem; |
||||||
|
} |
||||||
|
|
||||||
|
.page { |
||||||
|
display : flex; |
||||||
|
flex-direction : column; |
||||||
|
flex : 1; |
||||||
|
width : 85vw; |
||||||
|
max-width : 1200px; |
||||||
|
margin : 5rem auto 0; |
||||||
|
} |
||||||
@ -1,25 +1,27 @@ |
|||||||
.mentor-info { |
.activities-info { |
||||||
display : flex; |
display : flex;flex-direction: row; |
||||||
|
margin: 3rem auto; |
||||||
|
|
||||||
img { |
.desc { |
||||||
flex: 1; |
flex: 1; |
||||||
|
|
||||||
|
h2 { |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
.promo-image { |
||||||
|
flex: 1; |
||||||
|
|
||||||
|
img { |
||||||
display : block; |
display : block; |
||||||
max-height: 30rem; |
width: 100%; |
||||||
max-width: 30rem; |
|
||||||
height: auto; |
height: auto; |
||||||
width: auto; |
|
||||||
} |
} |
||||||
.mentor-info-text { |
} |
||||||
flex : 3; |
|
||||||
display : flex; |
|
||||||
flex-direction: column; |
|
||||||
padding-left: 5rem; |
|
||||||
padding-right: 3rem; } |
|
||||||
|
|
||||||
} |
} |
||||||
|
|
||||||
|
@media (max-width : 900px) { |
||||||
.row { |
.activities-info { |
||||||
display : flex; |
flex-direction: column; |
||||||
flex-direction: row; |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,112 +1,42 @@ |
|||||||
--- |
--- |
||||||
layout: default |
layout: default |
||||||
--- |
--- |
||||||
<div class="page"> |
<div class="page" id="mentors"> |
||||||
<h1>Mentorid</h1> |
<h1>Mentorid</h1> |
||||||
|
<h3>Siin on meie mentorid. Kui leiad kellegi, kellega huvid kattuvad, võta temaga julgelt ühendust!</h3> |
||||||
|
|
||||||
|
{% for mentor in site.data.mentors %} |
||||||
|
|
||||||
<div class="mentor-info"> |
<div class="mentor"> |
||||||
<img |
<div class="photo-container"> |
||||||
src="https://img.purch.com/w/660/aHR0cDovL3d3dy5saXZlc2NpZW5jZS5jb20vaW1hZ2VzL2kvMDAwLzA5OS81OTgvb3JpZ2luYWwvZmxhdC1lYXJ0aC1OTy1SRVVTRS5qcGc="> |
<img src="{{ mentor.photo }}"> |
||||||
|
|
||||||
<div class="mentor-info-text"> |
|
||||||
<h3>Maa Lapik</h3> |
|
||||||
|
|
||||||
<div class="row"> |
|
||||||
<div> |
|
||||||
<p>Vanus: 2018</p> |
|
||||||
<p>Eriala: kettaheide</p> |
|
||||||
<p>Kursus: jah</p> |
|
||||||
<p>Tiimid:</p> |
|
||||||
<ul> |
|
||||||
<li>Turundus</li> |
|
||||||
<li>Üritused</li> |
|
||||||
</ul> |
|
||||||
<p>Kontakt:</p> |
|
||||||
<p>Telefon: +372 12345678</p> |
|
||||||
<p>E-mail: lappes@lapikud.ee</p> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div> |
|
||||||
<h4>Miks peaksid valima minu enda mentoriks?</h4> |
|
||||||
<p>Vali mind, kui sind huvitab lapiku maa teooria.</p> |
|
||||||
<h4>Millega tegelen väljaspool Lapikuid?</h4> |
|
||||||
<p>Pöörlemine, tiirlemine, päikesevalguse peegeldamine.</p> |
|
||||||
</div> |
</div> |
||||||
</div> |
<div class="description"> |
||||||
|
<div class="general"> |
||||||
</div> |
<h1>{{ mentor.name }}</h1> |
||||||
|
<p>Vanus: {{ mentor.age }}</p> |
||||||
</div> |
<p>Eriala: {{ mentor.specialty }}</p> |
||||||
|
<p>Kursus: {{ mentor.term }}</p> |
||||||
|
|
||||||
<div class="mentor-info"> |
|
||||||
<img |
|
||||||
src="https://img.purch.com/w/660/aHR0cDovL3d3dy5saXZlc2NpZW5jZS5jb20vaW1hZ2VzL2kvMDAwLzA5OS81OTgvb3JpZ2luYWwvZmxhdC1lYXJ0aC1OTy1SRVVTRS5qcGc="> |
|
||||||
|
|
||||||
<div class="mentor-info-text"> |
|
||||||
<h3>Maa Lapik</h3> |
|
||||||
|
|
||||||
<div class="row"> |
|
||||||
<div> |
|
||||||
<p>Vanus: 2018</p> |
|
||||||
<p>Eriala: kettaheide</p> |
|
||||||
<p>Kursus: jah</p> |
|
||||||
<p>Tiimid:</p> |
<p>Tiimid:</p> |
||||||
<ul> |
<ul> |
||||||
<li>Turundus</li> |
{% for team in mentor.teams %} |
||||||
<li>Üritused</li> |
<li>{{ team }}</li> |
||||||
|
{% endfor %} |
||||||
</ul> |
</ul> |
||||||
<p>Kontakt:</p> |
<p>Telefon: <a href="tel:{{ mentor.phone }}">{{ mentor.phone }}</a></p> |
||||||
<p>Telefon: +372 12345678</p> |
<p>E-mail: <a href="mailto: {{ mentor.email }}">{{ mentor.email }}</a></p> |
||||||
<p>E-mail: lappes@lapikud.ee</p> |
|
||||||
</div> |
</div> |
||||||
|
|
||||||
<div> |
<div class="varia"> |
||||||
<h4>Miks peaksid valima minu enda mentoriks?</h4> |
<h4>Miks peaksid valima minu enda mentoriks?</h4> |
||||||
<p>Vali mind, kui sind huvitab lapiku maa teooria.</p> |
<p>{{ mentor.description }}</p> |
||||||
<h4>Millega tegelen väljaspool Lapikuid?</h4> |
<h4>Millega tegelen väljaspool Lapikuid?</h4> |
||||||
<p>Pöörlemine, tiirlemine, päikesevalguse peegeldamine.</p> |
<p>{{ mentor.activities }}</p> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
|
|
||||||
|
|
||||||
<div class="mentor-info"> |
|
||||||
<img |
|
||||||
src="https://img.purch.com/w/660/aHR0cDovL3d3dy5saXZlc2NpZW5jZS5jb20vaW1hZ2VzL2kvMDAwLzA5OS81OTgvb3JpZ2luYWwvZmxhdC1lYXJ0aC1OTy1SRVVTRS5qcGc="> |
|
||||||
|
|
||||||
<div class="mentor-info-text"> |
|
||||||
<h3>Maa Lapik</h3> |
|
||||||
|
|
||||||
<div class="row"> |
|
||||||
<div> |
|
||||||
<p>Vanus: 2018</p> |
|
||||||
<p>Eriala: kettaheide</p> |
|
||||||
<p>Kursus: jah</p> |
|
||||||
<p>Tiimid:</p> |
|
||||||
<ul> |
|
||||||
<li>Turundus</li> |
|
||||||
<li>Üritused</li> |
|
||||||
</ul> |
|
||||||
<p>Kontakt:</p> |
|
||||||
<p>Telefon: +372 12345678</p> |
|
||||||
<p>E-mail: lappes@lapikud.ee</p> |
|
||||||
</div> |
</div> |
||||||
|
|
||||||
<div> |
{% endfor %} |
||||||
<h4>Miks peaksid valima minu enda mentoriks?</h4> |
|
||||||
<p>Vali mind, kui sind huvitab lapiku maa teooria.</p> |
|
||||||
<h4>Millega tegelen väljaspool Lapikuid?</h4> |
|
||||||
<p>Pöörlemine, tiirlemine, päikesevalguse peegeldamine.</p> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
</div> |
||||||
|
|||||||
Loading…
Reference in new issue