forked from lapikud/lapikud.github.io
Landing page view, helpdesk carousel fixes
* added partners to landing page * fixed helpdesk carousel styling in some viewport sizes
This commit is contained in:
Herman Õunapuu
35
_data/partners.yml
Normal file
35
_data/partners.yml
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
- name: Tehnopol
|
||||||
|
image: tehnopollogo.png
|
||||||
|
url: https://www.tehnopol.ee/
|
||||||
|
additionalText:
|
||||||
|
|
||||||
|
|
||||||
|
- name: TTÜ
|
||||||
|
image: tty_logo_2.png
|
||||||
|
url: https://www.ttu.ee/
|
||||||
|
additionalText:
|
||||||
|
|
||||||
|
- name: Skeemipesa
|
||||||
|
image: skeemipesa_logo.png
|
||||||
|
url: http://www.skeemipesa.ee/
|
||||||
|
additionalText:
|
||||||
|
|
||||||
|
|
||||||
|
- name: TTÜ Robotiklubi
|
||||||
|
image: robotiklubi_logo.png
|
||||||
|
url: https://www.robotiklubi.ee/
|
||||||
|
additionalText:
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
- name: TTÜ Infotehnoloogia teaduskond
|
||||||
|
image: IT_teaduskond_logo.gif
|
||||||
|
url: https://www.ttu.ee/teaduskond/infotehnoloogia-teaduskond/
|
||||||
|
additionalText:
|
||||||
|
|
||||||
|
|
||||||
|
- name: Koopia Niini & Rauam
|
||||||
|
image: koopia_niini_rauam.png
|
||||||
|
url: https://www.koopia.ee/
|
||||||
|
additionalText: Tule köida oma lõputöö SIIN!
|
||||||
|
|
||||||
@@ -56,6 +56,20 @@
|
|||||||
height : 60vh;
|
height : 60vh;
|
||||||
max-height : 300px;
|
max-height : 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.siema {
|
||||||
|
.carousel-image-container {
|
||||||
|
display : flex;
|
||||||
|
justify-content : center;
|
||||||
|
align-items : center;
|
||||||
|
img {
|
||||||
|
max-height : 300px;
|
||||||
|
width : 100%;
|
||||||
|
height : auto;
|
||||||
|
object-fit : scale-down;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#pricing {
|
#pricing {
|
||||||
|
|||||||
139
_sass/home.scss
139
_sass/home.scss
@@ -1,61 +1,100 @@
|
|||||||
.home {
|
.home {
|
||||||
.logo_container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
text-align: center;
|
|
||||||
margin: 4rem 0;
|
|
||||||
|
|
||||||
.logo {
|
@media (max-width : 900px) {
|
||||||
max-width: 60rem;
|
h1 {
|
||||||
width: 100%;
|
font-size : 3.6rem;
|
||||||
padding: 0 1rem;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.lg-icon-container {
|
.logo_container {
|
||||||
justify-content: flex-start;
|
display : flex;
|
||||||
align-content: flex-start;
|
flex-direction : row;
|
||||||
align-items: flex-start;
|
flex-wrap : wrap;
|
||||||
margin: 0;
|
align-items : center;
|
||||||
margin-top: 4rem;
|
justify-content : center;
|
||||||
.column {
|
text-align : center;
|
||||||
display: flex;
|
margin : 4rem 0;
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
align-content: flex-start;
|
|
||||||
text-align: left;
|
|
||||||
|
|
||||||
.lg-icon {
|
.logo {
|
||||||
fill: #f0941d;
|
max-width : 60rem;
|
||||||
width: 10rem;
|
width : 100%;
|
||||||
height: 10rem;
|
padding : 0 1rem;
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
div {
|
|
||||||
flex: 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 40.0rem) {
|
|
||||||
.column {
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: center;
|
|
||||||
align-content: flex-start;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg-icon-container {
|
||||||
|
justify-content : flex-start;
|
||||||
|
align-content : flex-start;
|
||||||
|
align-items : flex-start;
|
||||||
|
margin : 0;
|
||||||
|
margin-top : 4rem;
|
||||||
|
.column {
|
||||||
|
display : flex;
|
||||||
|
flex-direction : row;
|
||||||
|
justify-content : center;
|
||||||
|
align-items : center;
|
||||||
|
align-content : flex-start;
|
||||||
|
text-align : left;
|
||||||
|
|
||||||
|
.lg-icon {
|
||||||
|
fill : #f0941d;
|
||||||
|
width : 10rem;
|
||||||
|
height : 10rem;
|
||||||
|
flex : 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
div {
|
||||||
|
flex : 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width : 40.0rem) {
|
||||||
|
.column {
|
||||||
|
flex-direction : column;
|
||||||
|
justify-content : flex-start;
|
||||||
|
align-items : center;
|
||||||
|
align-content : flex-start;
|
||||||
|
text-align : center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.description {
|
||||||
|
margin-top : 1em;
|
||||||
|
}
|
||||||
|
@media (min-width : 40.0rem) {
|
||||||
.description {
|
.description {
|
||||||
margin-top: 1em;
|
margin-top : 3em;
|
||||||
}
|
}
|
||||||
@media (min-width: 40.0rem) {
|
}
|
||||||
.description {
|
|
||||||
margin-top: 3em;
|
.partners {
|
||||||
|
#partners-container {
|
||||||
|
display : flex;
|
||||||
|
flex-wrap : wrap;
|
||||||
|
justify-content : space-evenly;
|
||||||
|
align-items : center;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color : #1e1e1e;
|
||||||
|
img {
|
||||||
|
max-width : 300px;
|
||||||
|
max-height : 150px;
|
||||||
|
width : 100%;
|
||||||
|
height : auto;
|
||||||
|
object-fit : scale-down;
|
||||||
|
margin : 1rem auto;
|
||||||
}
|
}
|
||||||
|
h4 {
|
||||||
|
text-align : center;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width : 900px) {
|
||||||
|
#partners-container {
|
||||||
|
|
||||||
|
flex-direction : column
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
BIN
assets/partners/IT_teaduskond_logo.gif
Normal file
BIN
assets/partners/IT_teaduskond_logo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
BIN
assets/partners/koopia_niini_rauam.png
Normal file
BIN
assets/partners/koopia_niini_rauam.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
assets/partners/robotiklubi_logo.png
Normal file
BIN
assets/partners/robotiklubi_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
assets/partners/skeemipesa_logo.png
Normal file
BIN
assets/partners/skeemipesa_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
assets/partners/tehnopollogo.png
Normal file
BIN
assets/partners/tehnopollogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
assets/partners/tty_logo_2.png
Normal file
BIN
assets/partners/tty_logo_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
assets/partners/yli6pilasesindus_logo.png
Normal file
BIN
assets/partners/yli6pilasesindus_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
@@ -125,11 +125,21 @@ title: Helpdesk - Lapikud
|
|||||||
<div id="maparea">
|
<div id="maparea">
|
||||||
<div id="map"></div>
|
<div id="map"></div>
|
||||||
<div class="siema">
|
<div class="siema">
|
||||||
<img src="assets/carousel-images/1.jpg">
|
<div class="carousel-image-container">
|
||||||
<img src="assets/carousel-images/2.jpg">
|
<img src="assets/carousel-images/1.jpg">
|
||||||
<img src="assets/carousel-images/3.jpg">
|
</div>
|
||||||
<img src="assets/carousel-images/4.jpg">
|
<div class="carousel-image-container">
|
||||||
<img src="assets/carousel-images/5.jpg">
|
<img src="assets/carousel-images/2.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="carousel-image-container">
|
||||||
|
<img src="assets/carousel-images/3.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="carousel-image-container">
|
||||||
|
<img src="assets/carousel-images/4.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="carousel-image-container">
|
||||||
|
<img src="assets/carousel-images/5.jpg">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
97
index.html
97
index.html
@@ -5,52 +5,79 @@ title: Lapikud
|
|||||||
|
|
||||||
<!-- home -->
|
<!-- home -->
|
||||||
<section class="container home">
|
<section class="container home">
|
||||||
<div class="logo_container">
|
<div class="logo_container">
|
||||||
<img class="logo" src="{{ "/assets/logo.svg " | relative_url }}">
|
<img class="logo" src="{{ "/assets/logo.svg " | relative_url }}">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- three icons -->
|
<!-- three icons -->
|
||||||
<div class="row row-center lg-icon-container">
|
<div class="row row-center lg-icon-container">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<svg class=lg-icon height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
|
<svg class=lg-icon height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M7 2v11h3v9l7-12h-4l4-8z"/>
|
<path d="M7 2v11h3v9l7-12h-4l4-8z"/>
|
||||||
</svg>
|
</svg>
|
||||||
<div>
|
<div>
|
||||||
<h3>Tudengile</h3>
|
<h3>Tudengile</h3>
|
||||||
<p>Tule arenda oma skilli ja saa ägedaid sõpru</p>
|
<p>Tule arenda oma skilli ja saa ägedaid sõpru</p>
|
||||||
<p><a href="/student">Uuri edasi meie tegevuste kohta -></a></p>
|
<p><a href="/student">Uuri edasi meie tegevuste kohta -></a></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<svg class=lg-icon height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
|
<svg class=lg-icon height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/>
|
<path
|
||||||
</svg>
|
d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/>
|
||||||
<div>
|
</svg>
|
||||||
<h3>Helpdesk</h3>
|
<div>
|
||||||
<p>Tudengisõbralik arvutiparandus!</p>
|
<h3>Helpdesk</h3>
|
||||||
<p><a href="/helpdesk">Tööde hinnakiri -></a></p>
|
<p>Tudengisõbralik arvutiparandus!</p>
|
||||||
</div>
|
<p><a href="/helpdesk">Tööde hinnakiri -></a></p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<svg class=lg-icon height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
|
<svg class=lg-icon height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/>
|
<path
|
||||||
</svg>
|
d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/>
|
||||||
<div>
|
</svg>
|
||||||
<h3>Ettevõttele</h3>
|
<div>
|
||||||
<p>Aitame sinu ideed ellu viia!</p>
|
<h3>Ettevõttele</h3>
|
||||||
<p><a href="/ourwork">Tehtud tööd -></a></p>
|
<p>Aitame sinu ideed ellu viia!</p>
|
||||||
</div>
|
<p><a href="/ourwork">Tehtud tööd -></a></p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="description">
|
<div class="description">
|
||||||
<h1>KES ME OLEME?</h1>
|
<h1>Kes me oleme?</h1>
|
||||||
<p>
|
<p>
|
||||||
MTÜ Lapikud on TTÜ Tarkvaraarendusklubi, mis ühendab endisi ja praegusi IT huvilisi TTÜ üliõpilasi. Organisatsioon loodi 2002 aastal informaatika tudengite poolt, kelle erialatunnuseks oli “LAP”. Targad mehed otsustasid, et järelikult on nad “Lapikud”.
|
MTÜ Lapikud on TTÜ Tarkvaraarendusklubi, mis ühendab endisi ja praegusi IT huvilisi TTÜ üliõpilasi. Organisatsioon
|
||||||
|
loodi 2002 aastal informaatika tudengite poolt, kelle erialatunnuseks oli “LAP”. Targad mehed otsustasid, et
|
||||||
|
järelikult on nad “Lapikud”.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h1>MILLEGA TEGELEME?</h1>
|
<h1>Millega tegeleme?</h1>
|
||||||
<p>Meie põhieesmärgiks on TTÜ IT tudengite erialase lisandväärtuse loomine. Kaasame tudengeid huvitavatesse IT projektidesse ning anname tudengitele võimaluse reaalselt oma käega midagi ära teha. Meie projektidest kooruvad välja huvitavad ja reaalselt tarvilikud lõputööd. Pakume nutikatele tudengitele võimalust saada meie juures esimene töökogemus. Lapikud ei ole ainult IT tudengite organisatsioon – püüame kaasata oma tegevusse ka majandusteaduskonna tudengeid, et projektides oleks esindatud ka pehmem, äri pool.
|
<p>Meie põhieesmärgiks on TTÜ IT tudengite erialase lisandväärtuse loomine. Kaasame tudengeid huvitavatesse IT
|
||||||
|
projektidesse ning anname tudengitele võimaluse reaalselt oma käega midagi ära teha. Meie projektidest kooruvad
|
||||||
|
välja huvitavad ja reaalselt tarvilikud lõputööd. Pakume nutikatele tudengitele võimalust saada meie juures
|
||||||
|
esimene töökogemus. Lapikud ei ole ainult IT tudengite organisatsioon – püüame kaasata oma tegevusse ka
|
||||||
|
majandusteaduskonna tudengeid, et projektides oleks esindatud ka pehmem, äri pool.
|
||||||
<p>
|
<p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="partners">
|
||||||
|
<h1>Koostööpartnerid</h1>
|
||||||
|
<div id="partners-container">
|
||||||
|
{% for partner in site.data.partners %}
|
||||||
|
<a href="{{ partner.url }}" target="_blank" rel="noopener noreferrer">
|
||||||
|
<img src="{{ "/assets/partners/" | append: partner.image }}" alt="{{ partner.name }}">
|
||||||
|
{% if partner.additionalText != null %}
|
||||||
|
<h4>{{ partner.additionalText}}</h4>
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Reference in New Issue
Block a user