* 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 { |
||||
margin-bottom: 3rem; |
||||
|
||||
.profile-img { |
||||
object-fit: cover; |
||||
width: 300px; |
||||
height: 350px; |
||||
float: left; |
||||
margin-right: 2rem; |
||||
display : flex; |
||||
flex-direction : row; |
||||
margin : 4rem auto; |
||||
|
||||
.photo-container { |
||||
flex : 1; |
||||
|
||||
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 { |
||||
margin : 5rem 0; |
||||
|
||||
a { |
||||
display : flex; |
||||
justify-content : center; |
||||
} |
||||
|
||||
} |
||||
|
||||
.work-item { |
||||
#ourwork-done { |
||||
|
||||
.work-item { |
||||
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; |
||||
flex-direction : column; |
||||
justify-content : center; |
||||
align-items : center; |
||||
max-height : 75vh; |
||||
} |
||||
|
||||
img { |
||||
display : block; |
||||
max-height : 50vh; |
||||
width : auto; |
||||
height : auto; |
||||
max-height : 50vh; |
||||
} |
||||
h3, h5 { |
||||
|
||||
h2, h3 { |
||||
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 { |
||||
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 { |
||||
display : flex; |
||||
.activities-info { |
||||
display : flex;flex-direction: row; |
||||
margin: 3rem auto; |
||||
|
||||
.desc { |
||||
flex: 1; |
||||
|
||||
h2 { |
||||
|
||||
} |
||||
} |
||||
.promo-image { |
||||
flex: 1; |
||||
|
||||
img { |
||||
flex : 1; |
||||
display : block; |
||||
max-height: 30rem; |
||||
max-width: 30rem; |
||||
width: 100%; |
||||
height: auto; |
||||
width: auto; |
||||
} |
||||
.mentor-info-text { |
||||
flex : 3; |
||||
display : flex; |
||||
flex-direction: column; |
||||
padding-left: 5rem; |
||||
padding-right: 3rem; } |
||||
|
||||
} |
||||
} |
||||
|
||||
|
||||
.row { |
||||
display : flex; |
||||
flex-direction: row; |
||||
@media (max-width : 900px) { |
||||
.activities-info { |
||||
flex-direction: column; |
||||
} |
||||
} |
||||
|
||||
@ -1,112 +1,42 @@ |
||||
--- |
||||
layout: default |
||||
--- |
||||
<div class="page"> |
||||
<div class="page" id="mentors"> |
||||
<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"> |
||||
<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> |
||||
<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 class="mentor"> |
||||
<div class="photo-container"> |
||||
<img src="{{ mentor.photo }}"> |
||||
</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> |
||||
<div class="description"> |
||||
<div class="general"> |
||||
<h1>{{ mentor.name }}</h1> |
||||
<p>Vanus: {{ mentor.age }}</p> |
||||
<p>Eriala: {{ mentor.specialty }}</p> |
||||
<p>Kursus: {{ mentor.term }}</p> |
||||
<p>Tiimid:</p> |
||||
<ul> |
||||
<li>Turundus</li> |
||||
<li>Üritused</li> |
||||
{% for team in mentor.teams %} |
||||
<li>{{ team }}</li> |
||||
{% endfor %} |
||||
</ul> |
||||
<p>Kontakt:</p> |
||||
<p>Telefon: +372 12345678</p> |
||||
<p>E-mail: lappes@lapikud.ee</p> |
||||
<p>Telefon: <a href="tel:{{ mentor.phone }}">{{ mentor.phone }}</a></p> |
||||
<p>E-mail: <a href="mailto: {{ mentor.email }}">{{ mentor.email }}</a></p> |
||||
</div> |
||||
|
||||
<div> |
||||
<div class="varia"> |
||||
<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> |
||||
<p>Pöörlemine, tiirlemine, päikesevalguse peegeldamine.</p> |
||||
<p>{{ mentor.activities }}</p> |
||||
</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> |
||||
<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> |
||||
{% endfor %} |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
Loading…
Reference in new issue