Thursday |
Under Water Track | @@ -54,7 +54,7 @@|||
| 9:15am | -Real World Javascript Jason Smith | +Real World Javascript Jason Smith |
||
| 11:45am | Client-Side Frameworks: A Vehicle of Opression Tim Oxley | -The Architect Way Jan Jongboom | +The Architect Way Jan Jongboom |
|
| 2:00pm | -Web Components Are The FutureEric Bidelman | +Web Components Are The Future Eric Bidelman | ||
| 2:45pm | A Shallow Dive into Ember.js Bradley Priest | -Developing a Multiplatform PvP Game in JS Henrik Karlstrom | +Developing a Multiplatform PvP Game in JS Henrik Karlstrom |
|
| 5pm | -The Art of Abstraction Divya Manian, Jed Schmidt, Tim Oxley, Alex McCaw |
+ The Art of Abstraction |
Friday |
Under Water Track | diff --git a/sass/pages/schedule.sass b/sass/pages/schedule.sass index 05fb3c0..0e1e74f 100644 --- a/sass/pages/schedule.sass +++ b/sass/pages/schedule.sass @@ -1,7 +1,7 @@ .schedule background-color: white border: 1px solid lighten(black, 80%) - margin: 20px 0 + margin: 20px 0 100px 0 padding-bottom: 30px position: relative a diff --git a/style.css b/style.css index 9b94236..d64ba6c 100644 --- a/style.css +++ b/style.css @@ -1 +1,631 @@ -article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:"courier new",monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}*{box-sizing:border-box;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}body{background-color:#fff;color:#000}.wrapper{width:960px;margin:0 auto 40px}body{font-size:16px;line-height:1.25;font-family:"Open Sans"}h1,h2,h3,h4,h5,h6{margin:0}h2{line-height:1.3em;margin:30px 0 10px 0;font-size:5.2em;font-weight:bold;font-family:Courier,monospace;color:#38acec}h3{font-size:2em;font-weight:bold;font-family:Courier,monospace}h3 a{text-decoration:none;color:orange;margin:0 40px 0 0;padding:5px 10px}h3 a:hover,h3 a:active,h3 a.active{background-color:orange;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;color:#fff}a{color:blue;text-decoration:none}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}img{width:50%;margin:0;float:left}#bg{position:fixed;background-color:#edf7ff;background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #d1ebff), color-stop(0.6, #fff));background:-webkit-linear-gradient(top left, #d1ebff 0%, #fff 60%);background:-moz-linear-gradient(top left, #d1ebff 0%, #fff 60%);background:-o-linear-gradient(top left, #d1ebff 0%, #fff 60%);background:-ms-linear-gradient(top left, #d1ebff 0%, #fff 60%);background:linear-gradient(top left, #d1ebff 0%,#ffffff 60%);top:0px;left:0px;right:0px;bottom:0px;z-index:-1000}#top{position:fixed;top:-1px;left:0px;right:0px;z-index:100}table{border-collapse:separate;border-spacing:0;vertical-align:middle}table.colors{width:100%;font-size:1.7em;line-height:1em;border-bottom:1px solid #f4faff;border-top:1px solid #f4faff}table.colors td{padding:3px 6px 5px 6px;font-weight:bold;height:5px}table.colors td:nth-child(1){font-family:Courier,monospace;background:#d1ebff;width:7em;text-align:center}table.colors td:nth-child(2){font-family:"Doppio One";background:#000;color:#fff;width:2.4em;font-size:0.75em}table.colors td:nth-child(3){background:brown;width:0.2em}table.colors td:nth-child(4){background:green;width:2em}table.colors td:nth-child(5){background:orange}table.colors td:nth-child(6){font-family:"Doppio One";background:#38acec;width:30%}table.colors td a{text-decoration:none}table.colors td a.link{float:right;font-size:0.5em;color:#fff;padding-right:5px;margin-left:20px}.jscamp{color:#38acec}.asia{color:orange}.schedule{background-color:#fff;border:1px solid #ccc;margin:20px 0;padding-bottom:30px;position:relative}.schedule a{color:#000;text-decoration:none;display:block;font-size:0.9em;width:100%;height:100%;padding:10px;font-weight:bold}.schedule a:hover,.schedule a:active{text-decoration:none;background-color:#ebecef;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.schedule p{padding:10px;margin:0;font-weight:bold;font-size:0.9em}.schedule tr:first-child{height:40px}.schedule tr td{vertical-align:top;position:relative}.schedule tr td:nth-child(1){width:10%;color:brown;text-align:right;font-family:Courier,monospace;font-weight:bold;padding:10px}.schedule tr td:nth-child(2),.schedule tr td:nth-child(3),.schedule tr td:nth-child(4){width:25%;padding-left:5%}span{color:#c1c5cc;font-weight:normal}.track1,.track2,.track3{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);font-family:Courier,monospace;text-align:left;font-size:1.2em;position:absolute;font-weight:bold;line-height:2.5em}.track1{color:#00b0e3;left:-98px;top:138px;background:url(img/t1.jpg) no-repeat right 4px;width:243px}.track2{color:orange;left:-57px;top:99px;background:url(img/t2.jpg) no-repeat right 4px;width:177px}.track3{color:green;left:-57px;top:95px;background:url(img/t3.jpg) no-repeat right 4px;width:167px}.day{width:0px;height:0px;border-style:solid;border-width:100px 100px 0 0;border-color:#000 transparent transparent transparent;position:absolute;top:0;left:0}.panel-day{color:#fff;font-size:2em;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:-80px}@media only screen and (max-width: 600px){.wrapper{width:90%}}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}} +article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { + display: block; +} + +audio, canvas, video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden] { + display: none; +} + +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +html, button, input, select, textarea { + font-family: sans-serif; +} + +body { + margin: 0; +} + +a:focus { + outline: thin dotted; +} + +a:active, a:hover { + outline: 0; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +h2 { + font-size: 1.5em; + margin: 0.83em 0; +} + +h3 { + font-size: 1.17em; + margin: 1em 0; +} + +h4 { + font-size: 1em; + margin: 1.33em 0; +} + +h5 { + font-size: 0.83em; + margin: 1.67em 0; +} + +h6 { + font-size: 0.75em; + margin: 2.33em 0; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, strong { + font-weight: bold; +} + +blockquote { + margin: 1em 40px; +} + +dfn { + font-style: italic; +} + +mark { + background: yellow; + color: black; +} + +p, pre { + margin: 1em 0; +} + +code, kbd, pre, samp { + font-family: monospace, serif; + _font-family: "courier new", monospace; + font-size: 1em; +} + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +q { + quotes: none; +} + +q:before, q:after { + content: ""; + content: none; +} + +small { + font-size: 80%; +} + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +dl, menu, ol, ul { + margin: 1em 0; +} + +dd { + margin: 0 0 0 40px; +} + +menu, ol, ul { + padding: 0 0 0 40px; +} + +nav ul, nav ol { + list-style: none; + list-style-image: none; +} + +img { + border: 0; + -ms-interpolation-mode: bicubic; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +form { + margin: 0; +} + +fieldset { + border: 1px solid silver; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; + white-space: normal; + *margin-left: -7px; +} + +button, input, select, textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; + *vertical-align: middle; +} + +button, input { + line-height: normal; +} + +button, html input[type="button"], input[type="reset"], input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; + *overflow: visible; +} + +button[disabled], input[disabled] { + cursor: default; +} + +input[type="checkbox"], input[type="radio"] { + box-sizing: border-box; + padding: 0; + *height: 13px; + *width: 13px; +} + +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +button::-moz-focus-inner, input::-moz-focus-inner { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +html, button, input, select, textarea { + color: #222222; +} + +body { + font-size: 1em; + line-height: 1.4; +} + +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #cccccc; + margin: 1em 0; + padding: 0; +} + +img { + vertical-align: middle; +} + +fieldset { + border: 0; + margin: 0; + padding: 0; +} + +textarea { + resize: vertical; +} + +input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +.chromeframe { + margin: 0.2em 0; + background: #cccccc; + color: black; + padding: 0.2em 0; +} + +* { + box-sizing: border-box; + -webkit-transition-property: all; + -moz-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + -o-transition-duration: 0.2s; + transition-duration: 0.2s; + -webkit-transition-timing-function: ease-in; + -moz-transition-timing-function: ease-in; + -o-transition-timing-function: ease-in; + transition-timing-function: ease-in; +} + +body { + background-color: white; + color: black; +} + +.wrapper { + width: 960px; + margin: 0 auto 40px; +} + +body { + font-size: 16px; + line-height: 1.25; + font-family: "Open Sans"; +} + +h1, h2, h3, h4, h5, h6 { + margin: 0; +} + +h2 { + line-height: 1.3em; + margin: 30px 0 10px 0; + font-size: 5.2em; + font-weight: bold; + font-family: Courier, monospace; + color: #38acec; +} + +h3 { + font-size: 2em; + font-weight: bold; + font-family: Courier, monospace; +} +h3 a { + text-decoration: none; + color: orange; + margin: 0 40px 0 0; + padding: 5px 10px; +} +h3 a:hover, h3 a:active, h3 a.active { + background-color: orange; + text-decoration: none; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + color: white; +} + +a { + color: blue; + text-decoration: none; +} +a:link, a:visited { + text-decoration: none; +} +a:hover, a:active { + text-decoration: underline; +} + +img { + width: 50%; + margin: 0; + float: left; +} + +#bg { + position: fixed; + background-color: #edf7ff; + background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #d1ebff), color-stop(0.6, white)); + background: -webkit-linear-gradient(top left, #d1ebff 0%, white 60%); + background: -moz-linear-gradient(top left, #d1ebff 0%, white 60%); + background: -o-linear-gradient(top left, #d1ebff 0%, white 60%); + background: -ms-linear-gradient(top left, #d1ebff 0%, white 60%); + background: linear-gradient(top left, #d1ebff 0%, #ffffff 60%); + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + z-index: -1000; +} + +#top { + position: fixed; + top: -1px; + left: 0px; + right: 0px; + z-index: 100; +} + +table { + border-collapse: separate; + border-spacing: 0; + vertical-align: middle; +} +table.colors { + width: 100%; + font-size: 1.7em; + line-height: 1em; + border-bottom: 1px solid #f4faff; + border-top: 1px solid #f4faff; +} +table.colors td { + padding: 3px 6px 5px 6px; + font-weight: bold; + height: 5px; +} +table.colors td:nth-child(1) { + font-family: Courier, monospace; + background: #d1ebff; + width: 7em; + text-align: center; +} +table.colors td:nth-child(2) { + font-family: "Doppio One"; + background: black; + color: white; + width: 2.4em; + font-size: 0.75em; +} +table.colors td:nth-child(3) { + background: brown; + width: 0.2em; +} +table.colors td:nth-child(4) { + background: green; + width: 2em; +} +table.colors td:nth-child(5) { + background: orange; +} +table.colors td:nth-child(6) { + font-family: "Doppio One"; + background: #38acec; + width: 30%; +} +table.colors td a { + text-decoration: none; +} +table.colors td a.link { + float: right; + font-size: 0.5em; + color: white; + padding-right: 5px; + margin-left: 20px; +} + +.jscamp { + color: #38acec; +} + +.asia { + color: orange; +} + +.schedule { + background-color: white; + border: 1px solid #cccccc; + margin: 20px 0 100px 0; + padding-bottom: 30px; + position: relative; +} +.schedule a { + color: black; + text-decoration: none; + display: block; + font-size: 0.9em; + width: 100%; + height: 100%; + padding: 10px; + font-weight: bold; +} +.schedule a:hover, .schedule a:active { + text-decoration: none; + background-color: #ebecef; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; +} +.schedule p { + padding: 10px; + margin: 0; + font-weight: bold; + font-size: 0.9em; +} +.schedule tr:first-child { + height: 40px; +} +.schedule tr td { + vertical-align: top; + position: relative; +} +.schedule tr td:nth-child(1) { + width: 10%; + color: brown; + text-align: right; + font-family: Courier, monospace; + font-weight: bold; + padding: 10px; +} +.schedule tr td:nth-child(2), .schedule tr td:nth-child(3), .schedule tr td:nth-child(4) { + width: 25%; + padding-left: 5%; +} + +span { + color: #c1c5cc; + font-weight: normal; +} + +.track1, .track2, .track3 { + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); + font-family: Courier, monospace; + text-align: left; + font-size: 1.2em; + position: absolute; + font-weight: bold; + line-height: 2.5em; +} + +.track1 { + color: #00b0e3; + left: -98px; + top: 138px; + background: url(img/t1.jpg) no-repeat right 4px; + width: 243px; +} + +.track2 { + color: orange; + left: -57px; + top: 99px; + background: url(img/t2.jpg) no-repeat right 4px; + width: 177px; +} + +.track3 { + color: green; + left: -57px; + top: 95px; + background: url(img/t3.jpg) no-repeat right 4px; + width: 167px; +} + +.day { + width: 0px; + height: 0px; + border-style: solid; + border-width: 100px 100px 0 0; + border-color: black transparent transparent transparent; + position: absolute; + top: 0; + left: 0; +} + +.panel-day { + color: white; + font-size: 2em; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + position: absolute; + top: -80px; +} + +@media only screen and (max-width: 600px) { + .wrapper { + width: 90%; + } +} +@media print { + * { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + + a, a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { + content: ""; + } + + pre, blockquote { + border: 1px solid #999999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + @page { + margin: 0.5cm; +} + + p, h2, h3 { + orphans: 3; + widows: 3; + } + + h2, h3 { + page-break-after: avoid; + } +}