diff --git a/src/jade/index.jade b/src/jade/index.jade
index 275cece..8df967f 100644
--- a/src/jade/index.jade
+++ b/src/jade/index.jade
@@ -33,36 +33,37 @@ html
try{Typekit.load();}catch(e){};
body
- .jumbo
- #logo
- video(autoplay, loop, poster='images/poster.jpg')
- source(src='videos/jumbo.mp4', type='video/mp4')
+ .site
+ .container
+ .jumbo
+ #logo
+ video(autoplay, loop, poster='images/poster.jpg')
+ source(src='videos/jumbo.mp4', type='video/mp4')
- .jumbo__container
- h1 Slack-yhteisö kaikille ohjelmoinnista ja ohjelmistoalasta kiinnostuneille harrastajille ja ammattilaisille.
+ .jumbo__container
+ h1 Slack-yhteisö kaikille ohjelmoinnista ja ohjelmistoalasta kiinnostuneille harrastajille ja ammattilaisille.
- .content
- section
- .row
- h3 Tule mukaan
- #invite-form
+ .content
+ section
+ .row
+ h3 Tule mukaan
+ #invite-form
- section
- .row
- .column.column3-5
- p.
- Etsitkö tiimikavereita projektiisi? Kiinnostaako koodaaminen, mutta et tiedä mistä lähtisi liikkeelle?
- Onko koodissasi bugi, joka ei pitkän googlettamisen jälkeen ole vieläkään ratkennut?
- Koodiklinikka on kaikille avoin softakehitykseen keskittynyt yhteisö.
-
- Tarkoituksenamme on yhdistää ja kasvattaa suomalaista ohjelmointiyhteisöä, sekä tarjota apua ja uusia kontakteja ohjelmoinnista innostuneille nuorille.
- .column.column2-5
- #members
+ section
+ .row
+ .column.column3-5
+ p.
+ Etsitkö tiimikavereita projektiisi? Kiinnostaako koodaaminen, mutta et tiedä mistä lähtisi liikkeelle?
+ Onko koodissasi bugi, joka ei pitkän googlettamisen jälkeen ole vieläkään ratkennut?
+ Koodiklinikka on kaikille avoin softakehitykseen keskittynyt yhteisö.
+
+ Tarkoituksenamme on yhdistää ja kasvattaa suomalaista ohjelmointiyhteisöä, sekä tarjota apua ja uusia kontakteja ohjelmoinnista innostuneille nuorille.
+ .column.column2-5
+ #members
- #feed
-
+ #feed
footer
@@ -73,7 +74,7 @@ html
i.fa.fa-github
a(href='https://twitter.com/koodiklinikka')
i.fa.fa-twitter
+
#fader
-
script(src='js/bundle.js')
diff --git a/src/styles/style.styl b/src/styles/style.styl
index 6cc3b95..44f7376 100644
--- a/src/styles/style.styl
+++ b/src/styles/style.styl
@@ -30,9 +30,18 @@ a
&:hover
text-decoration underline
+.site
+ display flex
+ min-height 100vh
+ flex-direction column
+
+.container
+ flex 1
+ min-height 100vh
+ padding-bottom 50px
.jumbo
width 100%
- height 50%
+ height 50vh
min-height 300px
position relative
overflow hidden
@@ -86,13 +95,14 @@ section
z-index 2
position relative
padding-right feedWidth
+ min-height 50vh
+ box-sizing border-box
section:first-child
box-shadow -1px -1px 1px rgba(0, 0, 0, 0.05)
border-bottom 1px solid #EEEEEE
background #FCFCFC
-
.row
max-width 800px
margin auto
@@ -176,6 +186,7 @@ section:first-child
footer
font-size 1.5em
+ margin-top -50px
padding 0.5em
background textColor
z-index 2