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