diff --git a/_includes/nav.html b/_includes/nav.html index 0d1e41f..af72750 100644 --- a/_includes/nav.html +++ b/_includes/nav.html @@ -2,7 +2,7 @@
- diff --git a/_layouts/base.html b/_layouts/base.html deleted file mode 100644 index b8c3fc7..0000000 --- a/_layouts/base.html +++ /dev/null @@ -1,78 +0,0 @@ - - - - - - - - - hack{cyprus} 2013 - - - - - - - - - - - - - - - - - - - - - - - {% include _nav.html %} - - {{content}} - - {% include _footer.html %} - - - {% include _share.html %} - - - - - - - - - - - - - - - - - -
- - {% include _eventbrite.html %} - - diff --git a/_layouts/blog.html b/_layouts/blog.html new file mode 100644 index 0000000..e69de29 diff --git a/_layouts/event.html b/_layouts/event.html new file mode 100644 index 0000000..2858e79 --- /dev/null +++ b/_layouts/event.html @@ -0,0 +1,21 @@ + + + + + + + {% include meta.html %} + + + +
+ + {% include nav.html %} + + {{content}} + + {% include footer.html %} + + + + diff --git a/_layouts/home.html b/_layouts/home.html new file mode 100644 index 0000000..2858e79 --- /dev/null +++ b/_layouts/home.html @@ -0,0 +1,21 @@ + + + + + + + {% include meta.html %} + + + +
+ + {% include nav.html %} + + {{content}} + + {% include footer.html %} + + + + diff --git a/_layouts/old/base.html b/_layouts/old/base.html new file mode 100644 index 0000000..139597f --- /dev/null +++ b/_layouts/old/base.html @@ -0,0 +1,2 @@ + + diff --git a/_less/base/inputs.less b/_less/base/inputs.less index 323bfb4..b59b97f 100644 --- a/_less/base/inputs.less +++ b/_less/base/inputs.less @@ -6,19 +6,19 @@ a { .btn { display: block; - // text-transform: uppercase; .sans; - font-weight: 600; + font-weight: 500; text-decoration: none; color: @mono; - padding: 1em 0; + padding: 1.5em 0; text-align: center; position: relative; - // letter-spacing: 1px; + letter-spacing: 1px; background: @mono-20; border-bottom: 0; z-index: 2; .border-radius(2px); + font-size: 0.875em; &.primary { @@ -40,7 +40,7 @@ a { background: @secondary-60; color: #fff; &:hover { - color: @mono; + color: #fff; background: lighten(@secondary-60, 10%); } &.disabled { diff --git a/_less/base/layout.less b/_less/base/layout.less index 9a17bcf..f0502f5 100644 --- a/_less/base/layout.less +++ b/_less/base/layout.less @@ -1,34 +1,8 @@ .container { width: 60em; - margin: 0 auto + margin: 0 auto; } -html { - background: @mono; -} - -html.js body { - visibility: hidden; -} - -body { - background: @mono; -} - -.content { - width: 35em; - position: relative; - } - -footer { - text-align: center; - padding: 4em 0; - font-size: 0.75em; - background: @mono; - p { - color: @mono-20; - a { - color: @primary; - } - } +.row { + padding: 2em 0 } diff --git a/_less/base/typography.less b/_less/base/typography.less index ddfbef9..bc4184d 100644 --- a/_less/base/typography.less +++ b/_less/base/typography.less @@ -1,39 +1,93 @@ .sans { - font-family: "adelle-sans",sans-serif; + font-family: "adelle-sans", sans-serif; } .serif { - font-family: "adelle", serif; + // font-family: "adelle", serif; + .sans; } body { font-size: 16px; - .serif; + .sans; color: @mono; + font-weight: 300; } - h1 { - font-family: "sullivan"; - text-transform: uppercase; - font-size: 9em; - letter-spacing: -2px; - line-height: 1; - margin: 0; +h1, h2, h3, blockquote { + text-align: center; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; } -h2 { + + + + + + + + + + + + + + + h1 { + .serif; + font-size: 2em; + + } + + h1.opening { + font-family: "sullivan"; + text-transform: uppercase; + font-size: 9em; + letter-spacing: -2px; + line-height: 1; + margin: 0; + } + + .section-head { + margin-bottom: 1em; + } + + .section-subhead { + font-size: 1.25em; + color: @mono-60; + line-height: 1.3; + width: 35em; + margin: 0 auto; + } + +h2, h3 { font-weight: 300; - font-family: "deming"; - font-size: 0.875em; - margin-bottom: 2em; + margin-bottom: 0.5em; + .serif; } p { - font-size: 1.125em; + font-size: 1em; font-weight: 300; line-height: 1.6; margin-bottom: 2em; color: @mono-60; } +.brand-font { + font-family: "sullivan"; + text-transform: uppercase; + font-weight: normal; + // text-shadow: 6px 6px 0px darken(@mono, 30%); + -webkit-font-smoothing: antialiased; + margin: 0; + line-height: 1; + color: #fff; + letter-spacing: -10px; + padding: 0; + span { + color: @primary; + } + } diff --git a/_less/hackcyprus-2013.less b/_less/hackcyprus-2013.less index e036860..3469bb6 100644 --- a/_less/hackcyprus-2013.less +++ b/_less/hackcyprus-2013.less @@ -11,17 +11,22 @@ // Objects @import "objects/nav"; @import "objects/logo"; -@import "objects/slide"; +@import "objects/opening"; +@import "objects/tickets"; +@import "objects/panorama"; +@import "objects/partners"; +@import "objects/speakers"; +// @import "objects/slide"; @import "objects/intro"; -@import "objects/word-art"; -@import "objects/manifesto"; -@import "objects/party"; -@import "objects/junior"; -@import "objects/hackathon"; -@import "objects/insights"; -@import "objects/team"; -@import "objects/supporters"; -@import "objects/share"; +// @import "objects/word-art"; +// @import "objects/manifesto"; +// @import "objects/party"; +// @import "objects/junior"; +// @import "objects/hackathon"; +// @import "objects/insights"; +// @import "objects/team"; +// @import "objects/supporters"; +// @import "objects/share"; // Vendor @import "vendor/bootstrap-component-animations"; diff --git a/_less/objects/intro.less b/_less/objects/intro.less index 5aed267..16e51bc 100644 --- a/_less/objects/intro.less +++ b/_less/objects/intro.less @@ -1,90 +1,10 @@ -#intro { - position: relative; - overflow: hidden; - background: @mono; - background-image: url(/images/header-bg.jpg); - background-size: cover; - - .social { - height: 1em; - margin-top: 2em; - } - - .content { - width: 100%; - } - - .btn { - width: 14em; - color: @mono; - padding: 1.25em 0; - &.fail { - color: white; - } - } - - #mc_embed_signup { - - - - span { - display: block; - .sans; - font-size: 1em; - color: @mono-60; - -webkit-font-smoothing: antialiased; - line-height: 0.8; - margin-bottom: 0.875em; - font-style: italic; - } - - form { - width: 26em; - margin: 0 auto; - padding: 1em; - background: @mono; - background: rgba(23,27,30,0.6); - .border-radius(3px); - - label { - margin-right: 1em; - color: white; - float: left; - .sans; - font-weight: 600; - text-decoration: none; - } - - #mce-EMAIL { - border: none; - .border-top-left-radius(2px); - .border-bottom-left-radius(2px); - width: 17em; - padding: 0.5em 1em; - float: left; - outline: none; - .sans; - background:#e0e0e0; - } - - #mce-EMAIL:focus { - background-color: #fff; - } - - #mc-embedded-subscribe { - padding: 0.5em 0.75em; - .border-radius(0px); - float: left; - .border-top-right-radius(2px); - .border-bottom-right-radius(2px); - width: 7em; - border: none; - color: #fff; - -webkit-font-smoothing: antialiased; - } - +.intro { + padding: 5em 0; + h1 { + font-weight: 600; + font-size: 2.5em; + b { + color:red; } - } - -} \ No newline at end of file +} diff --git a/_less/objects/logo.less b/_less/objects/logo.less index d6c66ac..619fff9 100644 --- a/_less/objects/logo.less +++ b/_less/objects/logo.less @@ -3,31 +3,26 @@ a#logo { text-transform: none; position: absolute; border: none; - width: 12em; + width: 16em; left: 50%; - margin-left: -6em; + margin-left: -8em; display: block; - top: 0.875em; + top: 1em; padding: 0; - text-align: center; .serif; - &:hover { - border: 0; - background: none; - b { - color: @secondary-60; - font-weight: 900; - } - } + h1 { - font-size: 2.75em; + font-size: 1.75em; color: #fff; - font-weight: 700; + font-weight: 500; + text-align: center; .serif; - text-transform: none; + line-height: 1; + b { color: @primary; - font-weight: 900; + font-weight: 700; } + } -} \ No newline at end of file +} diff --git a/_less/objects/nav.less b/_less/objects/nav.less index 0b79bdd..b1092d5 100644 --- a/_less/objects/nav.less +++ b/_less/objects/nav.less @@ -4,24 +4,20 @@ left: 0; right: 0; z-index: 99999; - // background: fade(#fff, 10%); - // border-bottom: 1px solid fade(#fff, 20%); - background: @mono; .clearfix; - // padding: 0.75em 0; ul { .clearfix; - width: 45%; + width: 36%; &.left-nav { float: left; - + } &.right-nav { float: right; - + } } @@ -31,7 +27,7 @@ width: 33%; } - a { + li a { .sans; text-decoration: none; color: @mono-20; @@ -50,25 +46,26 @@ color: @mono-60; font-weight: 500; } - &:hover { - background: lighten(@mono, 2%); - color: @primary; + &.tickets { + color: @secondary-40; + &:hover { + background: @secondary-40; + color: @mono; + span { + color: #fff; + } } - - } - - li.selected { - a { - border-color: #ffffff; - color: #ffffff; - &:hover { - border-style: solid; + } + &:hover { + background: @primary; + color: @mono; + span { + color: #fff; } } - } - + } -} \ No newline at end of file +} diff --git a/_less/objects/opening.less b/_less/objects/opening.less new file mode 100644 index 0000000..363062b --- /dev/null +++ b/_less/objects/opening.less @@ -0,0 +1,70 @@ +.opening { + background-image: url(/images/header-bg.jpg); + background-size: cover; + padding: 6em 0 0 0; + height: 9em; + overflow: hidden; + .strap { + text-align: center; + .serif; + color: #fff; + font-size: 2em; + font-weight: 100; + } + + h1 { + text-align: center; + .brand-font; + color: @mono-20; + font-size: 13.75em; + font-weight: 100; + line-height: 1; + span.primary { + margin-left: -24px; + color: @primary; + } + span.secondary { + color: @secondary-40; + } + } + h2 { + color: #fff; + .serif; + font-weight: 100; + font-size: 2em; + } + + h3 { + color: #fff; + .serif; + font-style: italic; + font-size: 1.5em; + text-align: center; + color: @mono-20; + margin-bottom: 2em; + } + + .tickets { + width: 20em; + margin: 0 auto; + margin-bottom: 1.5em; + } + + .more { + display: block; + width: 20em; + margin: 0 auto; + font-weight: 300; + text-align: center; + color: @mono-60; + border: 0; + } +} + + +#site-opening { + padding: 9em 0 3em 0; + height: auto; + + +} diff --git a/_less/objects/panorama.less b/_less/objects/panorama.less new file mode 100644 index 0000000..bed2f69 --- /dev/null +++ b/_less/objects/panorama.less @@ -0,0 +1,24 @@ +.panorama { + padding: 7em 0; + background-image: url(/images/header-bg.jpg); + background-size: cover; + + blockquote { + text-align: center; + .serif; + font-weight: 300; + color: #fff; + font-size: 2.5em; + span { + display: block; + font-style: italic; + text-align: center; + margin-top: 1em; + font-size: 0.5em; + } + } + + +} + + diff --git a/_less/objects/partners.less b/_less/objects/partners.less new file mode 100644 index 0000000..dc17041 --- /dev/null +++ b/_less/objects/partners.less @@ -0,0 +1,21 @@ +.partners { + background: @mono-20; + .clearfix; + padding: 4em 0; +} + +.partner-logo { + width:16.5%; + float: left; + + a { + margin: 1em; + background:#fff; + border: 0; + display: block; + img { + display: block; + width: 100%; + } + } +} diff --git a/_less/objects/speakers.less b/_less/objects/speakers.less new file mode 100644 index 0000000..62715e4 --- /dev/null +++ b/_less/objects/speakers.less @@ -0,0 +1,46 @@ +.speakers { + .clearfix; + padding: 5em 0; + + ul { + margin-top: 4em; + } + .speaker-bio{ + float: left; + width: 25%; + } + .speaker{ + margin:1em 1em 1em 1em; + border: 1px solid @mono-20; + + .inner{ + padding: 1em; + } + + img{ + display: block; + width: 100%; + margin-bottom: 1em; + border-radius: 100px; + } + h1{ + font-size: 1.25em; + margin-bottom: 0.5em; + } + h2{ + color: @mono-80; + margin-bottom: 1em; + border-bottom: 4px solid @mono-20; + padding: 0 0 1em 0; + font-size: 0.875em; + } + p{ + font-size: 0.875em; + margin-bottom: 0; + line-height: 1.4; + } + a{ + } + + } +} diff --git a/_less/objects/tickets.less b/_less/objects/tickets.less new file mode 100644 index 0000000..f019c8f --- /dev/null +++ b/_less/objects/tickets.less @@ -0,0 +1,57 @@ +.row .tickets {} + +#tickets { + background: white; + .clearfix; + padding: 0; +} + +.ticket-blurb { + float: left; + width: 33%; + + + .event { + padding: 4.5em 0em 5em 0; + margin: 0em 2em 0em 2em; + + time{ + text-align: center; + display: block; + color: @mono-80; + margin-bottom: 1em; + .serif; + font-size: 1.125em; + font-weight: 300; + } + h1 { + .brand-font; + color: @mono-80; + font-size: 4.75em; + letter-spacing: -3px; + margin-bottom: 0.25em; + line-height: 0.9; + text-rendering: optimizeLegibility; + border-bottom: 4px double @primary; + } + + p { + font-size: 1em; + text-align: center; + + a { + font-size: 0.875em; + font-weight: 600; + color: @secondary-60; + } + } + + .btn.tickets { + display: block; + margin:0 auto; + font-weight: 300; + } + + } + +} diff --git a/_less/objects/word-art.less b/_less/objects/word-art.less index 85279db..6dcbdf2 100644 --- a/_less/objects/word-art.less +++ b/_less/objects/word-art.less @@ -30,20 +30,5 @@ margin-top: -1em; } - #hack { - font-family: "sullivan"; - text-transform: uppercase; - font-size: 16em; - font-weight: normal; - text-shadow: 6px 6px 0px darken(@mono, 30%); - -webkit-font-smoothing: antialiased; - margin: 0; - line-height: 1; - color: #fff; - letter-spacing: -10px; - padding: 0; - span { - color: @primary; - } - } -} \ No newline at end of file + +} diff --git a/css/hackcyprus-2013.css b/css/hackcyprus-2013.css index d47a7f0..b90d2a0 100644 --- a/css/hackcyprus-2013.css +++ b/css/hackcyprus-2013.css @@ -1 +1,935 @@ -html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after,blockquote:before,blockquote:after{content:""}html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:hover,a:active{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.container{width:60em;margin:0 auto}html{background:#171b1e}html.js body{visibility:hidden}body{background:#171b1e}.content{width:35em;position:relative}footer{text-align:center;padding:4em 0;font-size:.75em;background:#171b1e}footer p{color:#d1d8d8}footer p a{color:#fcb614}@font-face{font-family:'deming';src:url('/fonts/deming_ep-webfont.eot');src:url('/fonts/deming_ep-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/deming_ep-webfont.woff') format('woff'),url('/fonts/deming_ep-webfont.ttf') format('truetype'),url('/fonts/deming_ep-webfont.svg#deming_epregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'sullivan';src:url('/fonts/sullivan-regular-webfont.eot');src:url('/fonts/sullivan-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/sullivan-regular-webfont.woff') format('woff'),url('/fonts/sullivan-regular-webfont.ttf') format('truetype'),url('/fonts/sullivan-regular-webfont.svg#sullivanregular') format('svg');font-weight:normal;font-style:normal}.sans{font-family:"adelle-sans",sans-serif}.serif{font-family:"adelle",serif}body{font-size:16px;font-family:"adelle",serif;color:#171b1e}h1{font-family:"sullivan";text-transform:uppercase;font-size:9em;letter-spacing:-2px;line-height:1;margin:0}h2{font-weight:300;font-family:"deming";font-size:.875em;margin-bottom:2em}p{font-size:1.125em;font-weight:300;line-height:1.6;margin-bottom:2em;color:#7c8a8b}a{color:#014a4e;border-bottom:1px dotted #014a4e;text-decoration:none}.btn{display:block;font-family:"adelle-sans",sans-serif;font-weight:600;text-decoration:none;color:#171b1e;padding:1em 0;text-align:center;position:relative;background:#d1d8d8;border-bottom:0;z-index:2;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn.primary{background:#fcb614;color:#fef0d0}.btn.primary:hover{color:#171b1e;background:#fdc646}.btn.primary.fail{color:white}.btn.primary.disabled{background:#fcb614}.btn.secondary{background:#1bb1ba;color:#fff}.btn.secondary:hover{color:#171b1e;background:#28d5e0}.btn.secondary.disabled{background:#1bb1ba}.btn.mono{background:#171b1e;color:#d1d8d8}.btn.mono:hover{color:#171b1e;background:#2d353b}.btn.mono.disabled{background:#171b1e}.btn.inverse:after{border-color:#171b1e}.btn.inverse:hover{color:#fff}.btn.fail{background-color:#ad4949;color:white}.btn.fail:hover{background-color:#c06969}.btn.fail.disabled{background:#ad4949}.btn.disabled{cursor:default}input.fail{color:#ad4949}@-webkit-keyframes bgscroll{from{background-position:0 0}to{background-position:-762px 0}}@-moz-keyframes bgscroll{from{background-position:0 0}to{background-position:-762px 0}}@-ms-keyframes bgscroll{from{background-position:0 0}to{background-position:-762px 0}}@-o-keyframes bgscroll{from{background-position:0 0}to{background-position:-762px 0}}@keyframes bgscroll{from{background-position:0 0}to{background-position:-762px 0}}@-webkit-keyframes codescroll{from{background-position:90% 0}to{background-position:90% -691px}}@-moz-keyframes codescroll{from{background-position:90% 0}to{background-position:90% -691px}}@-ms-keyframes codescroll{from{background-position:90% 0}to{background-position:90% -691px}}@-o-keyframes codescroll{from{background-position:90% 0}to{background-position:90% -691px}}@keyframes codescroll{from{background-position:90% 0}to{background-position:90% -691px}}#site-nav{position:absolute;top:0;left:0;right:0;z-index:99999;background:#171b1e;zoom:1}#site-nav:before,#site-nav:after{content:"";display:table}#site-nav:after{clear:both}#site-nav ul{zoom:1;width:45%}#site-nav ul:before,#site-nav ul:after{content:"";display:table}#site-nav ul:after{clear:both}#site-nav ul.left-nav{float:left}#site-nav ul.right-nav{float:right}#site-nav li{float:left;width:33%}#site-nav a{font-family:"adelle-sans",sans-serif;text-decoration:none;color:#d1d8d8;text-transform:uppercase;font-size:.75em;line-height:1.1;border:0;display:block;padding:1.25em;text-align:center;font-weight:700;-webkit-font-smoothing:antialiased}#site-nav a span{color:#7c8a8b;font-weight:500}#site-nav a:hover{background:#1b2024;color:#fcb614}#site-nav li.selected a{border-color:#fff;color:#fff}#site-nav li.selected a:hover{border-style:solid}a#logo{text-transform:none;position:absolute;border:0;width:12em;left:50%;margin-left:-6em;display:block;top:.875em;padding:0;text-align:center;font-family:"adelle",serif}a#logo:hover{border:0;background:0}a#logo:hover b{color:#1bb1ba;font-weight:900}a#logo h1{font-size:2.75em;color:#fff;font-weight:700;font-family:"adelle",serif;text-transform:none}a#logo h1 b{color:#fcb614;font-weight:900}.slide{position:relative;background:#fff}.slide .content-inner{padding:2em}.slide .btn{width:40%}.centered{text-align:center}.centered .content,.centered .btn{margin:0 auto}.next,.prev{background:#fcb614;z-index:99999;color:#fff;height:2.5em;width:2.5em;display:block;position:absolute;text-align:center;text-decoration:none;-webkit-font-smoothing:antialiased;border:0;right:1em}.next span,.prev span{font-size:2em;position:absolute;top:.125em;left:0;right:0;color:#fff}.next{bottom:1em}.prev{top:1em}#intro{position:relative;overflow:hidden;background:#171b1e;background-image:url(/images/header-bg.jpg);background-size:cover}#intro .social{height:1em;margin-top:2em}#intro .content{width:100%}#intro .btn{width:14em;color:#171b1e;padding:1.25em 0}#intro .btn.fail{color:white}#intro #mc_embed_signup span{display:block;font-family:"adelle-sans",sans-serif;font-size:1em;color:#7c8a8b;-webkit-font-smoothing:antialiased;line-height:.8;margin-bottom:.875em;font-style:italic}#intro #mc_embed_signup form{width:26em;margin:0 auto;padding:1em;background:#171b1e;background:rgba(23,27,30,0.6);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#intro #mc_embed_signup form label{margin-right:1em;color:white;float:left;font-family:"adelle-sans",sans-serif;font-weight:600;text-decoration:none}#intro #mc_embed_signup form #mce-EMAIL{border:0;-webkit-border-top-left-radius:2px;-moz-border-radius-topleft:2px;border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-bottomleft:2px;border-bottom-left-radius:2px;width:17em;padding:.5em 1em;float:left;outline:0;font-family:"adelle-sans",sans-serif;background:#e0e0e0}#intro #mc_embed_signup form #mce-EMAIL:focus{background-color:#fff}#intro #mc_embed_signup form #mc-embedded-subscribe{padding:.5em .75em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;float:left;-webkit-border-top-right-radius:2px;-moz-border-radius-topright:2px;border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;-moz-border-radius-bottomright:2px;border-bottom-right-radius:2px;width:7em;border:0;color:#fff;-webkit-font-smoothing:antialiased}#word-art{margin:0 auto;margin-bottom:2.5em;margin-top:2.5em;width:100%;color:#fff}#word-art #time,#word-art #date{display:block;font-family:"deming";font-size:1.25em;color:#d1d8d8;-webkit-font-smoothing:antialiased;text-shadow:3px 3px 0 #000;line-height:1.2;letter-spacing:2px}#word-art #time{width:38em;margin:0 auto;margin-top:-2em}#word-art #date{width:22em;margin:0 auto;margin-top:-1em}#word-art #hack{font-family:"sullivan";text-transform:uppercase;font-size:16em;font-weight:normal;text-shadow:6px 6px 0 #000;-webkit-font-smoothing:antialiased;margin:0;line-height:1;color:#fff;letter-spacing:-10px;padding:0}#word-art #hack span{color:#fcb614}#manifesto{position:relative;overflow:hidden}#manifesto #map{height:6em;margin-bottom:2em;margin-top:-2em}#manifesto h1{color:#fcb614}#manifesto h2{color:#556363}#junior{background:#b9ecec}#junior .next{color:#01848c}#junior .prev{color:#fff}#junior h1{color:#086a77;font-family:"sullivan";text-transform:uppercase;font-size:9em;letter-spacing:-2px;text-shadow:10px 6px 0 #fff;line-height:1;margin:0}#junior h2{color:#086a77;font-weight:300;font-family:"deming";font-size:.875em;margin-bottom:2em}#junior p{color:#3f6e77}#junior .waves{background-repeat:repeat-x;height:130px;position:absolute;bottom:-1px;left:0;right:0}#junior .waves.fore{background-image:url(/images/waves/fore.png);-webkit-animation:bgscroll 16s infinite linear;-moz-animation:bgscroll 16s infinite linear;-ms-animation:bgscroll 16s infinite linear;-o-animation:bgscroll 16s infinite linear;animation:bgscroll 16s infinite linear}#junior .waves.mid{background-image:url(/images/waves/mid.png);-webkit-animation:bgscroll 23s infinite linear;-moz-animation:bgscroll 23s infinite linear;-ms-animation:bgscroll 23s infinite linear;-o-animation:bgscroll 23s infinite linear;animation:bgscroll 23s infinite linear}#junior .waves.back{background-image:url(/images/waves/back.png);-webkit-animation:bgscroll 31s infinite linear;-moz-animation:bgscroll 31s infinite linear;-ms-animation:bgscroll 31s infinite linear;-o-animation:bgscroll 31s infinite linear;animation:bgscroll 31s infinite linear}#junior-eb.modal{height:196;top:50%;margin-top:-98px}#hackathon{background-color:#171b1e;background-image:url(/images/hack-bg.jpg);background-size:cover}#hackathon h1{color:#fcb614}#hackathon h2{color:#a6b2b1}#hackathon .content{background:rgba(23,27,30,0.95);padding:2em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#hackathon .next,#hackathon .prev{color:#262d32}#hackathon .btn{color:#171b1e}#hackathon-eb.modal{height:358px;top:50%;margin-top:-179px}#insights{background-image:url(/images/eyes.png);background-color:#f9f9f9;background-repeat:no-repeat;background-position:5% 30%}#insights .content{float:right}#insights h1{color:#01848c;text-shadow:10px 6px 0 #85f8ff}#insights h2{color:#556363}#insights p{color:#7c8a8b}#insights-eb.modal{height:468px;top:50%;margin-top:-234px}#team{background-color:#171b1e;background-image:url(/images/team-bg.jpg);background-size:cover;padding:8em 0 6em 0;position:relative}#team .next,#team .prev{color:#d1d8d8}#team h1{font-weight:300;font-family:"deming";font-size:1.875em;margin-bottom:2em;letter-spacing:1px;color:#d1d8d8}#team .content{width:40em}#team #people{zoom:1;margin-bottom:4em}#team #people:before,#team #people:after{content:"";display:table}#team #people:after{clear:both}#team #people li{float:left;width:30.75%;margin:0 1.25%}#team #people .person{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:1.25em 1.5em;margin-bottom:1em}#team #people .person img{width:100%}#team #people .person h1{font-size:1.125em;font-weight:300;color:#171b1e;font-family:"adelle",serif;text-transform:none;letter-spacing:normal;margin:0 0 1em 0}#team #people .person a{font-size:.875em;color:#fff;border:0;font-weight:300;width:auto}#supporters{background:#fff;position:relative}#supporters p{font-size:1em}#supporters #tera,#supporters #giga,#supporters #mega,#supporters #kilo{zoom:1;margin-bottom:2em}#supporters #tera:before,#supporters #giga:before,#supporters #mega:before,#supporters #kilo:before,#supporters #tera:after,#supporters #giga:after,#supporters #mega:after,#supporters #kilo:after{content:"";display:table}#supporters #tera:after,#supporters #giga:after,#supporters #mega:after,#supporters #kilo:after{clear:both}#supporters h1{font-weight:300;font-family:"deming";font-size:1.875em;margin-bottom:2em;letter-spacing:1px;color:#7c8a8b}#supporters h2{font-size:.75em;text-transform:uppercase;font-family:"adelle-sans",sans-serif;color:#a6b2b1;letter-spacing:1px;margin-bottom:1.5em}#supporters .supporter{background:#fff;float:left;outline:2px dotted #d1d8d8}#supporters .supporter a{border:2px solid #fff;display:block;width:100%;height:100%}#supporters .supporter a img{display:block;width:100%}#supporters #tera .supporter{width:50%}#supporters #tera a{height:8em}#supporters #giga .supporter{width:33%}#supporters #giga a{height:6em}#supporters #mega .supporter{width:20%}#supporters #mega a{height:4em}#supporters #kilo .supporter{width:16.5%}#supporters #kilo a{height:3.5em}#slick-share{position:fixed;bottom:1em;left:1em;background:#171b1e;z-index:99999;color:#fff;height:2.5em;width:2.25em;overflow:hidden;cursor:pointer;-webkit-transition:width linear .2s;-moz-transition:width linear .2s;-o-transition:width linear .2s;transition:width linear .2s;border-right:.25em solid #fcb614}#slick-share #reveal{line-height:1;display:block;position:absolute;top:0;left:0;bottom:0;text-align:center;width:2.5em;background:#fcb614}#slick-share #reveal span{display:block;text-align:center;height:1em;top:50%;margin-top:-0.5em;position:absolute;left:0;right:0;font-size:2em}#slick-share:hover,#slick-share.open{width:15em}#slick-share #networks{margin-left:3.5em;zoom:1;width:16em;padding:10px 0 0 0}#slick-share #networks:before,#slick-share #networks:after{content:"";display:table}#slick-share #networks:after{clear:both}#slick-share #ss-facebook{float:left;width:5.5em}#slick-share #ss-twitter{float:left;width:5.5em}.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.collapse.in{height:auto}.close{position:absolute;top:.5em;right:.5em;font-size:2em;font-weight:bold;line-height:.6;color:#171b1e;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#171b1e;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.hide{display:none}.show{display:block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background-color:#171b1e}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:20%;left:50%;z-index:9999;width:500px;margin-left:-250px;background-color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:0}.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%}.modal.fade.in{top:20%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-header h3{margin:0;line-height:30px}.modal-body{position:relative;overflow-y:auto;max-height:700px;padding:2em}.modal-body h1{font-family:"adelle",serif;letter-spacing:normal;font-size:1.5em;margin:.25em 0 1.5em 0;text-align:center;color:#171b1e;text-transform:none}.modal-body h1 b{font-weight:600;border-bottom:3px solid #fcb614;display:inline-block;color:#171b1e}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #171b1e;-moz-box-shadow:inset 0 1px 0 #171b1e;box-shadow:inset 0 1px 0 #171b1e;zoom:1}.modal-footer:before,.modal-footer:after{content:"";display:table}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0} \ No newline at end of file +/* Reset.less + * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc). + * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ +html, +body { + margin: 0; + padding: 0; +} +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +cite, +code, +del, +dfn, +em, +img, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +dd, +dl, +dt, +li, +ol, +ul, +fieldset, +form, +label, +legend, +button, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td { + margin: 0; + padding: 0; + border: 0; + font-weight: normal; + font-style: normal; + font-size: 100%; + line-height: 1; + font-family: inherit; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +ol, +ul { + list-style: none; +} +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} +html { + overflow-y: scroll; + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +a:focus { + outline: thin dotted; +} +a:hover, +a:active { + outline: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} +audio:not([controls]) { + display: none; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; + -ms-interpolation-mode: bicubic; +} +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; + *vertical-align: middle; +} +button, +input { + line-height: normal; + *overflow: visible; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} +input[type="search"] { + -webkit-appearance: textfield; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +textarea { + overflow: auto; + vertical-align: top; +} +.clearfix { + zoom: 1; +} +.clearfix:before, +.clearfix:after { + content: ""; + display: table; +} +.clearfix:after { + clear: both; +} +.container { + width: 60em; + margin: 0 auto; +} +.row { + padding: 2em 0; +} +@font-face { + font-family: 'deming'; + src: url('/fonts/deming_ep-webfont.eot'); + src: url('/fonts/deming_ep-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/deming_ep-webfont.woff') format('woff'), url('/fonts/deming_ep-webfont.ttf') format('truetype'), url('/fonts/deming_ep-webfont.svg#deming_epregular') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'sullivan'; + src: url('/fonts/sullivan-regular-webfont.eot'); + src: url('/fonts/sullivan-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/sullivan-regular-webfont.woff') format('woff'), url('/fonts/sullivan-regular-webfont.ttf') format('truetype'), url('/fonts/sullivan-regular-webfont.svg#sullivanregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.sans { + font-family: "adelle-sans", sans-serif; +} +.serif { + font-family: "adelle-sans", sans-serif; +} +body { + font-size: 16px; + font-family: "adelle-sans", sans-serif; + color: #171b1e; + font-weight: 300; +} +h1, +h2, +h3, +blockquote { + text-align: center; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; +} +h1 { + font-family: "adelle-sans", sans-serif; + font-size: 2em; +} +h1.opening { + font-family: "sullivan"; + text-transform: uppercase; + font-size: 9em; + letter-spacing: -2px; + line-height: 1; + margin: 0; +} +.section-head { + margin-bottom: 1em; +} +.section-subhead { + font-size: 1.25em; + color: #7c8a8b; + line-height: 1.3; + width: 35em; + margin: 0 auto; +} +h2, +h3 { + font-weight: 300; + margin-bottom: 0.5em; + font-family: "adelle-sans", sans-serif; +} +p { + font-size: 1em; + font-weight: 300; + line-height: 1.6; + margin-bottom: 2em; + color: #7c8a8b; +} +.brand-font { + font-family: "sullivan"; + text-transform: uppercase; + font-weight: normal; + -webkit-font-smoothing: antialiased; + margin: 0; + line-height: 1; + color: #fff; + letter-spacing: -10px; + padding: 0; +} +.brand-font span { + color: #fcb614; +} +a { + color: #014a4e; + border-bottom: 1px dotted #014a4e; + text-decoration: none; +} +.btn { + display: block; + font-family: "adelle-sans", sans-serif; + font-weight: 500; + text-decoration: none; + color: #171b1e; + padding: 1.5em 0; + text-align: center; + position: relative; + letter-spacing: 1px; + background: #d1d8d8; + border-bottom: 0; + z-index: 2; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + font-size: 0.875em; +} +.btn.primary { + background: #fcb614; + color: #fef0d0; +} +.btn.primary:hover { + color: #171b1e; + background: #fdc646; +} +.btn.primary.fail { + color: white; +} +.btn.primary.disabled { + background: #fcb614; +} +.btn.secondary { + background: #1bb1ba; + color: #fff; +} +.btn.secondary:hover { + color: #fff; + background: #28d5e0; +} +.btn.secondary.disabled { + background: #1bb1ba; +} +.btn.mono { + background: #171b1e; + color: #d1d8d8; +} +.btn.mono:hover { + color: #171b1e; + background: #2d353b; +} +.btn.mono.disabled { + background: #171b1e; +} +.btn.inverse:after { + border-color: #171b1e; +} +.btn.inverse:hover { + color: #ffffff; +} +.btn.fail { + background-color: #ad4949; + color: white; +} +.btn.fail:hover { + background-color: #c06969; +} +.btn.fail.disabled { + background: #ad4949; +} +.btn.disabled { + cursor: default; +} +input.fail { + color: #ad4949; +} +@-webkit-keyframes bgscroll { + from { + background-position: 0 0; + } + to { + background-position: -762px 0px; + } +} +@-moz-keyframes bgscroll { + from { + background-position: 0 0; + } + to { + background-position: -762px 0px; + } +} +@-ms-keyframes bgscroll { + from { + background-position: 0 0; + } + to { + background-position: -762px 0px; + } +} +@-o-keyframes bgscroll { + from { + background-position: 0 0; + } + to { + background-position: -762px 0px; + } +} +@keyframes bgscroll { + from { + background-position: 0 0; + } + to { + background-position: -762px 0px; + } +} +@-webkit-keyframes codescroll { + from { + background-position: 90% 0; + } + to { + background-position: 90% -691px; + } +} +@-moz-keyframes codescroll { + from { + background-position: 90% 0; + } + to { + background-position: 90% -691px; + } +} +@-ms-keyframes codescroll { + from { + background-position: 90% 0; + } + to { + background-position: 90% -691px; + } +} +@-o-keyframes codescroll { + from { + background-position: 90% 0; + } + to { + background-position: 90% -691px; + } +} +@keyframes codescroll { + from { + background-position: 90% 0; + } + to { + background-position: 90% -691px; + } +} +#site-nav { + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 99999; + zoom: 1; +} +#site-nav:before, +#site-nav:after { + content: ""; + display: table; +} +#site-nav:after { + clear: both; +} +#site-nav ul { + zoom: 1; + width: 36%; +} +#site-nav ul:before, +#site-nav ul:after { + content: ""; + display: table; +} +#site-nav ul:after { + clear: both; +} +#site-nav ul.left-nav { + float: left; +} +#site-nav ul.right-nav { + float: right; +} +#site-nav li { + float: left; + width: 33%; +} +#site-nav li a { + font-family: "adelle-sans", sans-serif; + text-decoration: none; + color: #d1d8d8; + text-transform: uppercase; + font-size: 0.75em; + line-height: 1.1; + border: 0; + display: block; + padding: 1.25em; + text-align: center; + font-weight: 700; + -webkit-font-smoothing: antialiased; +} +#site-nav li a span { + color: #7c8a8b; + font-weight: 500; +} +#site-nav li a.tickets { + color: #44dae3; +} +#site-nav li a.tickets:hover { + background: #44dae3; + color: #171b1e; +} +#site-nav li a.tickets:hover span { + color: #fff; +} +#site-nav li a:hover { + background: #fcb614; + color: #171b1e; +} +#site-nav li a:hover span { + color: #fff; +} +a#logo { + text-transform: none; + position: absolute; + border: none; + width: 16em; + left: 50%; + margin-left: -8em; + display: block; + top: 1em; + padding: 0; + font-family: "adelle-sans", sans-serif; +} +a#logo h1 { + font-size: 1.75em; + color: #fff; + font-weight: 500; + text-align: center; + font-family: "adelle-sans", sans-serif; + line-height: 1; +} +a#logo h1 b { + color: #fcb614; + font-weight: 700; +} +.opening { + background-image: url(/images/header-bg.jpg); + background-size: cover; + padding: 6em 0 0 0; + height: 9em; + overflow: hidden; +} +.opening .strap { + text-align: center; + font-family: "adelle-sans", sans-serif; + color: #fff; + font-size: 2em; + font-weight: 100; +} +.opening h1 { + text-align: center; + font-family: "sullivan"; + text-transform: uppercase; + font-weight: normal; + -webkit-font-smoothing: antialiased; + margin: 0; + color: #fff; + letter-spacing: -10px; + padding: 0; + color: #d1d8d8; + font-size: 13.75em; + font-weight: 100; + line-height: 1; +} +.opening h1 span { + color: #fcb614; +} +.opening h1 span.primary { + margin-left: -24px; + color: #fcb614; +} +.opening h1 span.secondary { + color: #44dae3; +} +.opening h2 { + color: #fff; + font-family: "adelle-sans", sans-serif; + font-weight: 100; + font-size: 2em; +} +.opening h3 { + color: #fff; + font-family: "adelle-sans", sans-serif; + font-style: italic; + font-size: 1.5em; + text-align: center; + color: #d1d8d8; + margin-bottom: 2em; +} +.opening .tickets { + width: 20em; + margin: 0 auto; + margin-bottom: 1.5em; +} +.opening .more { + display: block; + width: 20em; + margin: 0 auto; + font-weight: 300; + text-align: center; + color: #7c8a8b; + border: 0; +} +#site-opening { + padding: 9em 0 3em 0; + height: auto; +} +#tickets { + background: white; + zoom: 1; + padding: 0; +} +#tickets:before, +#tickets:after { + content: ""; + display: table; +} +#tickets:after { + clear: both; +} +.ticket-blurb { + float: left; + width: 33%; +} +.ticket-blurb .event { + padding: 4.5em 0em 5em 0; + margin: 0em 2em 0em 2em; +} +.ticket-blurb .event time { + text-align: center; + display: block; + color: #556363; + margin-bottom: 1em; + font-family: "adelle-sans", sans-serif; + font-size: 1.125em; + font-weight: 300; +} +.ticket-blurb .event h1 { + font-family: "sullivan"; + text-transform: uppercase; + font-weight: normal; + -webkit-font-smoothing: antialiased; + margin: 0; + line-height: 1; + color: #fff; + letter-spacing: -10px; + padding: 0; + color: #556363; + font-size: 4.75em; + letter-spacing: -3px; + margin-bottom: 0.25em; + line-height: 0.9; + text-rendering: optimizeLegibility; + border-bottom: 4px double #fcb614; +} +.ticket-blurb .event h1 span { + color: #fcb614; +} +.ticket-blurb .event p { + font-size: 1em; + text-align: center; +} +.ticket-blurb .event p a { + font-size: 0.875em; + font-weight: 600; + color: #1bb1ba; +} +.ticket-blurb .event .btn.tickets { + display: block; + margin: 0 auto; + font-weight: 300; +} +.panorama { + padding: 7em 0; + background-image: url(/images/header-bg.jpg); + background-size: cover; +} +.panorama blockquote { + text-align: center; + font-family: "adelle-sans", sans-serif; + font-weight: 300; + color: #fff; + font-size: 2.5em; +} +.panorama blockquote span { + display: block; + font-style: italic; + text-align: center; + margin-top: 1em; + font-size: 0.5em; +} +.partners { + background: #d1d8d8; + zoom: 1; + padding: 4em 0; +} +.partners:before, +.partners:after { + content: ""; + display: table; +} +.partners:after { + clear: both; +} +.partner-logo { + width: 16.5%; + float: left; +} +.partner-logo a { + margin: 1em; + background: #fff; + border: 0; + display: block; +} +.partner-logo a img { + display: block; + width: 100%; +} +.speakers { + zoom: 1; + padding: 5em 0; +} +.speakers:before, +.speakers:after { + content: ""; + display: table; +} +.speakers:after { + clear: both; +} +.speakers ul { + margin-top: 4em; +} +.speakers .speaker-bio { + float: left; + width: 25%; +} +.speakers .speaker { + margin: 1em 1em 1em 1em; + border: 1px solid #d1d8d8; +} +.speakers .speaker .inner { + padding: 1em; +} +.speakers .speaker img { + display: block; + width: 100%; + margin-bottom: 1em; + border-radius: 100px; +} +.speakers .speaker h1 { + font-size: 1.25em; + margin-bottom: 0.5em; +} +.speakers .speaker h2 { + color: #556363; + margin-bottom: 1em; + border-bottom: 4px solid #d1d8d8; + padding: 0 0 1em 0; + font-size: 0.875em; +} +.speakers .speaker p { + font-size: 0.875em; + margin-bottom: 0; + line-height: 1.4; +} +.intro { + padding: 5em 0; +} +.intro h1 { + font-weight: 600; + font-size: 2.5em; +} +.intro h1 b { + color: red; +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} +.collapse.in { + height: auto; +} +.close { + position: absolute; + top: 0.5em; + right: 0.5em; + font-size: 2em; + font-weight: bold; + line-height: 0.6; + color: #171b1e; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, +.close:focus { + color: #171b1e; + text-decoration: none; + cursor: pointer; + opacity: 0.4; + filter: alpha(opacity=40); +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +.hide { + display: none; +} +.show { + display: block; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 9998; + background-color: #171b1e; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.8; + filter: alpha(opacity=80); +} +.modal { + position: fixed; + top: 20%; + left: 50%; + z-index: 9999; + width: 500px; + margin-left: -250px; + background-color: #fff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; + outline: none; +} +.modal.fade { + -webkit-transition: opacity .3s linear, top .3s ease-out; + -moz-transition: opacity .3s linear, top .3s ease-out; + -o-transition: opacity .3s linear, top .3s ease-out; + transition: opacity .3s linear, top .3s ease-out; + top: -25%; +} +.modal.fade.in { + top: 20%; +} +.modal-header { + padding: 9px 15px; + border-bottom: 1px solid #eee; +} +.modal-header .close { + margin-top: 2px; +} +.modal-header h3 { + margin: 0; + line-height: 30px; +} +.modal-body { + position: relative; + overflow-y: auto; + max-height: 700px; + padding: 2em; +} +.modal-body h1 { + font-family: "adelle", serif; + letter-spacing: normal; + font-size: 1.5em; + margin: 0.25em 0 1.5em 0; + text-align: center; + color: #171b1e; + text-transform: none; +} +.modal-body h1 b { + font-weight: 600; + border-bottom: 3px solid #fcb614; + display: inline-block; + color: #171b1e; +} +.modal-form { + margin-bottom: 0; +} +.modal-footer { + padding: 14px 15px 15px; + margin-bottom: 0; + text-align: right; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: inset 0 1px 0 #171b1e; + -moz-box-shadow: inset 0 1px 0 #171b1e; + box-shadow: inset 0 1px 0 #171b1e; + zoom: 1; +} +.modal-footer:before, +.modal-footer:after { + content: ""; + display: table; +} +.modal-footer:after { + clear: both; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} diff --git a/images/hack-bg.jpg b/images/hack-bg.jpg index 72855c2..b008c7b 100644 Binary files a/images/hack-bg.jpg and b/images/hack-bg.jpg differ diff --git a/images/header-bg.jpg b/images/header-bg.jpg index f3a18a7..535bb89 100644 Binary files a/images/header-bg.jpg and b/images/header-bg.jpg differ diff --git a/images/speakers/gearoid.jpg b/images/speakers/gearoid.jpg new file mode 100644 index 0000000..7aaf2b5 Binary files /dev/null and b/images/speakers/gearoid.jpg differ diff --git a/images/waves/header-bg.jpg b/images/waves/header-bg.jpg new file mode 100644 index 0000000..d724abb Binary files /dev/null and b/images/waves/header-bg.jpg differ diff --git a/index.html b/index.html index 7ef27ac..c5653e1 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,282 @@ --- -layout: base -title: Fuck yeah +layout: home +title: --- -{% include _intro.html%} -{% include _manifesto.html%} -{% include _junior.html%} -{% include _hackathon.html%} -{% include _insights.html%} -{% include _supporters.html%} -{% include _team.html%} +
+ +
+ +

Sun, sea & tech

+

The biggest technology & startup gathering in Cyprus

+

XX speakers, 4 events, 5 days, Sept 4 ‐ 8, 2013

+ + Get your tickets now + +
+ +
+ +
+ +
+ +
    + +
  • + +
    + + +

    Youth Day

    +

    A day dedicated to the next generation of great Cypriot technologists. We will be hosting a variety of fast-paced workshops.
    Find out more …

    + + Get your tickets now + +
    + +
  • + +
  • + +
    + + +

    Hackathon

    +

    Your favourite hackathon is back. Join 80+ creative developers, designers and ideators for 30 hours of hacking on awesome.
    Find out more …

    + + Get your tickets now + +
    + +
  • + + +
  • + +
    + + +

    Insights

    +

    We have invited a stellar lineup of companies and industry leaders from Cyprus, Greece and the UK to share their experiences.
    Find out more …

    + + + Get your tickets now + +
    + +
  • + +
+
+ + +
+ +
+ +
+ +

Our supporters

+ + + +
+ +
+ + +
+ +
+ "It was super awesome" + Alex Michael, Google +
+ +
+ +
+ +
+

Insights speakers

+

We have 8 amazing speakers etc

+
    + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + + + + +
+ +
+ +
+ + diff --git a/page-about.html b/page-about.html new file mode 100644 index 0000000..e69de29 diff --git a/page-blog.html b/page-blog.html new file mode 100644 index 0000000..e69de29 diff --git a/page-hackathon.html b/page-hackathon.html new file mode 100644 index 0000000..e69de29 diff --git a/page-insights.html b/page-insights.html new file mode 100644 index 0000000..a8ea9c9 --- /dev/null +++ b/page-insights.html @@ -0,0 +1,235 @@ +--- +layout: home +title: +permalink: /insights/ +--- + +
+ +
+ +

Insights

+ +
+ +
+ +
+ +
+ +

Literally hottest* tech event in Europe

+

A full-day conference covering topics on startups and technology. Our speakers will tell you stories from the trenches and give you practical advice on how to start, how to run your business on metrics, how to build teams and more. The day also features a number of workshops on design, hardware, business and other subjects.

+ +
+ +
+ +
+ +
+ + Eventbrite embed + +
+ + +
+ +
+ +
+ +

Our supporters

+ + + +
+ +
+ +
+ +
+

Insights speakers

+

We have 8 amazing speakers etc

+
    + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + +
  • + +
    +
    + + +

    Gearóid O'Rourke

    +

    Creative Director, Listora

    +

    Designer @evently, startup guy, organiser of Design+Banter, designer @hackcyprus, Angelhack winner, WEF Global Shaper, @jofacer's husband

    + +
    +
    + +
  • + + + + +
+ +
+ +
+ + diff --git a/page-parties.html b/page-parties.html new file mode 100644 index 0000000..e69de29 diff --git a/page-supporters.html b/page-supporters.html new file mode 100644 index 0000000..e69de29 diff --git a/page-terms.html b/page-terms.html new file mode 100644 index 0000000..e69de29 diff --git a/page-tickets.html b/page-tickets.html new file mode 100644 index 0000000..e69de29 diff --git a/page-travel.html b/page-travel.html new file mode 100644 index 0000000..e69de29 diff --git a/page-youth-day.html b/page-youth-day.html new file mode 100644 index 0000000..e69de29