mirror of
https://github.com/koodiklinikka/koodiklinikka.fi.git
synced 2026-03-17 19:05:18 +00:00
@@ -3,22 +3,16 @@ extends templates/head
|
|||||||
block title
|
block title
|
||||||
| Koodiklinikka
|
| Koodiklinikka
|
||||||
|
|
||||||
block header
|
block header_content
|
||||||
.header.header--promo
|
video(autoplay, loop, poster='images/poster.jpg', class='header__video-bg')
|
||||||
.header__container
|
source(src='videos/jumbo.mp4', type='video/mp4')
|
||||||
.header__nav
|
.header__container
|
||||||
a(href='/') etusivu
|
.header__nav
|
||||||
a(href='/yhdistys.html') yhdistys
|
a(href='/') etusivu
|
||||||
.header__headline
|
a(href='/yhdistys.html') yhdistys
|
||||||
.header__logo
|
.header__headline
|
||||||
h1.header__title
|
.header__logo
|
||||||
|Koodiklinikka yhteistyössä 1. - 2. maaliskuuta 2018 Helsingissä järjestettävän
|
h1.header__title Yhteisö kaikille ohjelmoinnista ja ohjelmistoalasta kiinnostuneille harrastajille ja ammattilaisille.
|
||||||
|<a href="https://ngvikings.org/">ngVikings</a>-tapahtuman kanssa!<br />
|
|
||||||
|
|
||||||
.promo
|
|
||||||
| Varaa paikkasi tapahtumaan
|
|
||||||
|<a href="https://ti.to/ngvikings/2018/discount/koodiklinikka" target="_blank">tästä!</a>
|
|
||||||
|
|
||||||
|
|
||||||
block content
|
block content
|
||||||
.content.with-feed
|
.content.with-feed
|
||||||
|
|||||||
@@ -17,18 +17,14 @@ headerHeight = 400px
|
|||||||
display none
|
display none
|
||||||
|
|
||||||
.header__container
|
.header__container
|
||||||
background linear-gradient(120deg, rgba(5, 164, 255, 0.55) 10%, rgba(5, 86, 117, 0.47) 90%)
|
background #3E7394
|
||||||
|
background linear-gradient(120deg, rgba(#085078, 0.8) 10%, rgba(#85D8CE, 0.7) 90%)
|
||||||
display table
|
display table
|
||||||
height 100%
|
height 100%
|
||||||
text-align center
|
text-align center
|
||||||
vertical-align middle
|
vertical-align middle
|
||||||
width 100%
|
width 100%
|
||||||
|
|
||||||
.header__headline
|
|
||||||
display table-cell
|
|
||||||
padding 0 1em
|
|
||||||
vertical-align middle
|
|
||||||
|
|
||||||
.header__nav
|
.header__nav
|
||||||
position absolute
|
position absolute
|
||||||
left 90px
|
left 90px
|
||||||
@@ -61,14 +57,29 @@ headerHeight = 400px
|
|||||||
position absolute
|
position absolute
|
||||||
text-shadow none
|
text-shadow none
|
||||||
|
|
||||||
|
.header__headline
|
||||||
|
display table-cell
|
||||||
|
padding 0 1em
|
||||||
|
vertical-align middle
|
||||||
|
|
||||||
.header__logo
|
.header__logo
|
||||||
background url('../images/logo.png')
|
background url('../images/logo.png')
|
||||||
background-size contain
|
background-size contain
|
||||||
height 70px
|
display inline-block
|
||||||
width 70px
|
height 180px
|
||||||
position absolute
|
margin-right 2em
|
||||||
top 1em
|
vertical-align middle
|
||||||
left 1em
|
width 180px
|
||||||
|
|
||||||
|
@media screen and (max-width: 1030px)
|
||||||
|
height 120px
|
||||||
|
margin-right 1.5em
|
||||||
|
width 120px
|
||||||
|
|
||||||
|
@media screen and (max-width: 810px)
|
||||||
|
height 80px
|
||||||
|
margin 0 0 1.5em
|
||||||
|
width 80px
|
||||||
|
|
||||||
.header__title
|
.header__title
|
||||||
color #fff
|
color #fff
|
||||||
@@ -99,26 +110,6 @@ headerHeight = 400px
|
|||||||
color inherit
|
color inherit
|
||||||
text-decoration underline
|
text-decoration underline
|
||||||
|
|
||||||
.header--promo
|
|
||||||
background-image url('https://ngvikings.org/images/backgrounds/home.jpg')
|
|
||||||
.header--promo .header__container
|
|
||||||
background linear-gradient(180deg, rgba(5, 164, 255, 0.28) 10%, rgba(0, 0, 0, 0.5) 90%)
|
|
||||||
|
|
||||||
.header--promo .header__title
|
|
||||||
font-size 2.5em
|
|
||||||
@media screen and (max-width: 1030px)
|
|
||||||
font-size 2em
|
|
||||||
@media screen and (max-width: 810px)
|
|
||||||
text-align left
|
|
||||||
max-width 640px
|
|
||||||
padding-top 2em
|
|
||||||
@media screen and (max-width: 530px)
|
|
||||||
font-size 1.75em
|
|
||||||
|
|
||||||
.header--promo .promo
|
|
||||||
color #ffcc00
|
|
||||||
font-size 0.75em
|
|
||||||
margin-top 0.5em
|
|
||||||
.header__video-bg
|
.header__video-bg
|
||||||
height 100%
|
height 100%
|
||||||
position absolute
|
position absolute
|
||||||
|
|||||||
@@ -42,7 +42,9 @@ html
|
|||||||
body
|
body
|
||||||
.site
|
.site
|
||||||
.container
|
.container
|
||||||
block header
|
.header
|
||||||
|
block header_content
|
||||||
|
|
||||||
block content
|
block content
|
||||||
|
|
||||||
footer
|
footer
|
||||||
|
|||||||
@@ -3,17 +3,16 @@ extends templates/head
|
|||||||
block title
|
block title
|
||||||
| Yhdistys
|
| Yhdistys
|
||||||
|
|
||||||
block header
|
block header_content
|
||||||
.header
|
.header__container
|
||||||
.header__container
|
.header__nav
|
||||||
.header__nav
|
a(href='/') etusivu
|
||||||
a(href='/') etusivu
|
a(href='/yhdistys.html') yhdistys
|
||||||
a(href='/yhdistys.html') yhdistys
|
.header__headline
|
||||||
.header__headline
|
.header__logo
|
||||||
.header__logo
|
h1.header__title Koodiklinikka ry
|
||||||
h1.header__title Koodiklinikka ry
|
.header__members
|
||||||
.header__members
|
#members
|
||||||
#members
|
|
||||||
|
|
||||||
block content
|
block content
|
||||||
.content
|
.content
|
||||||
|
|||||||
Reference in New Issue
Block a user