diff --git a/img/bowtie.png b/img/bowtie.png new file mode 100644 index 00000000..e19cf218 Binary files /dev/null and b/img/bowtie.png differ diff --git a/show/2016/index.html b/show/2016/index.html new file mode 100644 index 00000000..275ac843 --- /dev/null +++ b/show/2016/index.html @@ -0,0 +1,128 @@ + + + + + + + + + + + + + + ShowOHI/O 2016 - OHI/O + + + + + + + + + + +
+
+ +
+
+

ShowOHI/O 2016

+

April 2016 - location will be announced shortly

+

Have you built something you are proud of? Found an awesome insight in some twitter data you scraped? Made a VR horror game to blow any scary movie out of the water? This April OHI/O will be hosting a showcase event to give you the opportunity to demo your work, receive constructive feedback from Columbus tech and analytics professionals and mingle with other creative minds like you. The event is set to take place in mid-April in the Maker-Space of one of Columbus's awesome tech firms.

+ +

If you think you would be interested in bringing your project to ShowOHI/O, please fill out the interest form below so we can keep in touch with you about details of the event as it draws closer.

+ +

Note that filling out this form will give you priority once registration goes live in mid March.

+ +
+ +

ShowOHI/O interest form

+ +







+ + + +

+ Have questions or comments? Get in touch at hackathon@osu.edu. +

+
+
+ +
+ + + + + diff --git a/show/index.html b/show/index.html new file mode 100644 index 00000000..2d143ee3 --- /dev/null +++ b/show/index.html @@ -0,0 +1,11 @@ + + + + You are being redirected... + + + + +

You are being redirected...

+ + diff --git a/style/showohio.css b/style/showohio.css new file mode 100644 index 00000000..e085864e --- /dev/null +++ b/style/showohio.css @@ -0,0 +1,141 @@ +body { + margin: 0; + background-color: rgb(0,0,0); + color: white; + font-family: 'proximanova', Proxima Nova, Helvetica, sans-serif; +} + +h1 { + font-weight: 600; + letter-spacing: 1px; + font-size: 36pt; + margin: 0; + text-transform: uppercase; + line-height: 37pt; + margin-bottom: 26px; + box-sizing: border-box; +} + +h2 { + margin: 12px 0; + font-weight: 200; + font-size: 14pt; + box-sizing: border-box; +} + +a { + color: white; + text-decoration: none; + border-bottom: solid white 1px; +} + +a.social-media-image { + padding-right: 20px; + border-bottom: solid white 0px; +} + +span.lt { + font-weight: 200; +} + +span.bld { + font-weight: 400; +} + +.content { + /* max-width: 768px; */ + /* width: 80%; */ + margin: auto; +} + +.button { + background-color: #BB0000; + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 18px; + width: 100px; +} + +.main { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + max-width: 768px; + /* box-sizing: border-box; */ + width: 80%; + z-index: 99; +} + +@media screen and (max-width: 720px) { + .main { + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + padding: 30px; + transform: translate(0, 0); + } +} + +.cover { + position: absolute; + z-index: 2; + top: 0; + left: 0; + right: 0; + bottom: 0; + content: ""; + background: rgba(0, 0, 0, 0.5); +} + +.logo.lt { + font-weight: 200; +} + +#ytplayer { + opacity:0.4; + position: fixed; + z-index: -99; + width: 100%; + height: 100% +} + +.bowtie { + height: 34px; + vertical-align: baseline; +} + +.tv { + position: absolute; + top: 0; + left: 0; + z-index: 1; + + width: 100%; + height: 100%; + + overflow: hidden; +} + +.tv .screen { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + + margin: auto; + + opacity: 0; + transition: opacity .5s; +} +.tv .screen.active { + opacity: 1; + } diff --git a/style/sponsor.css b/style/sponsor.css index bb02d73c..b1bfa508 100644 --- a/style/sponsor.css +++ b/style/sponsor.css @@ -80,4 +80,4 @@ span.bld { z-index: -99; width: 100%; height: 100% -} \ No newline at end of file +}