diff --git a/css/style.css b/css/style.css index c42ffa2..51cbb49 100644 --- a/css/style.css +++ b/css/style.css @@ -2,9 +2,11 @@ *, *:before, *:after { box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - } +} + +html, body { + height:100%; +} body { font-family: Raleway, sans-serif; @@ -14,103 +16,102 @@ a { color:#1eaedb; } - - h1 { - font-size:8vh; + font-size:2em; +} + +p { + font-size:1em; + line-height:1.6em; + padding:0 1em; + margin:0 auto; } .page { - width:100%; - min-height:100vh; - max-width:800px; + min-height:100%; margin:0 auto; + width:100%; + padding:0; } .header { - text-align:center; + margin:1em auto 0; letter-spacing:0.1em; } - -/* LANDING */ -.landing { - width:100%; - max-width:768px; - margin:0 auto 1em; - padding:0; +.text-center { + text-align:center; } -.landing > .header { - margin:20vh auto 6vh; +.text-left { + text-align:left; } - -.narrow { - font-size:1em; - line-height:1.6em; - padding:0 1em; - text-align:center; +.layout-center { margin:0 auto; } +/* LANDING */ +.landing { + max-width:768px; + padding-top:10%; +} + .box { - width:240px; height:16em; - margin:6vh auto; + width:240px; + margin:6% auto; padding:1em; border:1px solid; position:relative; - display:flex; - flex-direction: column; - justify-content: center; - align-items:center; } + .box > h2 { - text-align:center; text-transform:uppercase; font-size:1.2em; - margin:0 0 auto 0; + margin:0; } .box > p { - margin:0 0 auto 0; - text-align:center; + line-height:1.2em; + position:absolute; + top:50px; + left:0; } -.button { - max-width:94px; - margin:0 4px; - height:40px; - line-height:14px; - font-size: 10px; - padding:6px 6px; - - display: inline-block; - color: #555; - text-align: center; - font-weight: 600; - letter-spacing: .1rem; - text-transform: uppercase; - text-decoration: none; - background-color: #fff; - border-radius: 4px; - border: 1px solid #bbb; - cursor: pointer; - +.box > a { + position:absolute; + bottom:70px; + left:50%; + margin-left:-25%; + width:50%; } .box > .button { width:50%; - font-size:1em; - - max-width:90%; + font-size:1em; display:block; - margin:0 auto; line-height:20px; padding:10px; + + position:absolute; + bottom:10px; + left:50%; + margin-left:-25%; +} + +.button { + color:#555; + text-align:center; + font-weight:600; + letter-spacing:0.1em; + text-decoration:none; + background-color:#fff; + border-radius:4px; + border:1px solid #bbb; + cursor:pointer; } .button:hover { @@ -126,73 +127,63 @@ h1 { background-color:#eee; } - /* ABOUT */ .about > h1 { margin:0 auto 0.4em; } -.wide { - text-align:left; - font-size:1em; - line-height:1.6em; - padding:0 1em; - margin:0 auto; - font-size:1em; -} - .about > ul { - font-size:1em; line-height:1.6em; - max-width:768px; padding:0 0 0 3em; - margin:0 auto; } .about li { margin:1em 0 0 0; } -.contact {margin-bottom: 6em;} - -.contact > .header { - /* margin-bottom:0; */ +.contact { + margin-bottom: 6em; } .contact > p { padding:0 1em; - text-align:center; } - - @media screen and (min-width: 480px) { - .narrow, - .wide, + h1 { + font-size:3em; + } + + .text-center, + .text-left, .about > ul { max-width:480px; } } @media screen and (min-width: 768px) { - .boxes { - display:flex; - flex-direction: row; - justify-content: center; + h1 { + font-size:4em; } + .boxes { + text-align:center; + margin-top:10%; + } .box { - height:16em; + margin:0 6px; + display:inline-block; } - .wide, + .text-left, .about > ul { max-width:600px; } - .contact {margin-bottom:40em;} - .contact > p {text-align:left;} + .contact { + margin-bottom:40em; + } } diff --git a/css/style.min.css b/css/style.min.css new file mode 100644 index 0000000..e94e407 --- /dev/null +++ b/css/style.min.css @@ -0,0 +1 @@ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{font-family:Raleway,sans-serif}a{color:#1eaedb}h1{font-size:2em}p{font-size:1em;line-height:1.6em;padding:0 1em;margin:0 auto}.page{min-height:100%;margin:0 auto;width:100%;padding:0}.header{margin:1em auto 0;letter-spacing:.1em}.text-center{text-align:center}.text-left{text-align:left}.layout-center{margin:0 auto}.landing{max-width:768px;padding-top:10%}.box{height:16em;width:240px;margin:6% auto;padding:1em;border:1px solid;position:relative}.box>h2{text-transform:uppercase;font-size:1.2em;margin:0}.box>p{line-height:1.2em;position:absolute;top:50px;left:0}.box>a{position:absolute;bottom:70px;left:50%;margin-left:-25%;width:50%}.box>.button{width:50%;max-width:90%;font-size:1em;display:block;line-height:20px;padding:10px;position:absolute;bottom:10px;left:50%;margin-left:-25%}.button{color:#555;text-align:center;font-weight:600;letter-spacing:.1em;text-decoration:none;background-color:#fff;border-radius:4px;border:1px solid #bbb;cursor:pointer}.button:hover{background-color:#1eaedb}.inactive{cursor:default;background-color:#eee}.inactive:hover{background-color:#eee}.about>h1{margin:0 auto .4em}.about>ul{line-height:1.6em;padding:0 0 0 3em}.about li{margin:1em 0 0}.contact{margin-bottom:6em}.contact>p{padding:0 1em}@media screen and (min-width:480px){h1{font-size:3em}.about>ul,.text-center,.text-left{max-width:480px}}@media screen and (min-width:768px){h1{font-size:4em}.boxes{text-align:center;margin-top:10%}.box{margin:0 6px;display:inline-block}.about>ul,.text-left{max-width:600px}.contact{margin-bottom:40em}} \ No newline at end of file diff --git a/index.html b/index.html index 4d3dc63..3249ab8 100644 --- a/index.html +++ b/index.html @@ -2,48 +2,60 @@ - + Stream - + + + + + +
-
-

Stream

-

+

+

Stream

+

Do you have an early-stage idea? Join six-month stream program, build a team and implement your idea with the SeoulTech community.

-
-
-
-

Launch Lab

-

Take off your idea or join a team at the Launch Lab on January 17

-

Learn more

- RSVP -
-
-

Workshops

-

Progress your idea during biweekly workshops following the MIT curriculum for technology entrepreneurship

-

Learn more

- RSVP -
-
-

Lecture series

-

Meet industry and academia partners and learn to navigate the Korean innovation ecosystem

-

Learn more

- RSVP + +
+
+

Launch

+

Present and listen to early-stage ideas at Launch Lab on Jan. 17. Build a team or join a team.

+ Learn more + RSVP +
+ +
+

Learn & Share

+

Work on your projects, share ideas, and learn from the MIT curriculum for technology entrepreneurhsip.

+ Learn more + RSVP +
+ +
+

Step Up

+

Meet industry and academia partners, get feedback from the community, and recruit new people to your project.

+ Learn more + RSVP +
+
-

About

-

- Stream is a new, experimental series by Seoul Tech Society. We come from a wide variety of backgrounds, including engineering, research and entrepreneurship in order to: +

About

+

+ Stream is a new, experimental series by Seoul Tech Society. We come from a text-left variety of backgrounds, including engineering, research and entrepreneurship in order to:

-
    +
    • Grow a community of scientists, engineers, entrepreneurs, and designers who will launch innovation-driven projects and startups.
    • @@ -58,11 +70,11 @@

      About

    -

    Learn and share

    -

    +

    Workshops

    +

    Develop your ideas further by joining informal workshops every two weeks. We are going to be following the MIT curriculum for innovation and entrepreneurship. - Join Entrepreneurship 101/102 with Bill Aulet or Innovation and Commercialization with Eugene Fitzgerald. + Join Entrepreneurship 101/102 with Bill Aulet or Innovation and Commercialization with Eugene Fitzgerald. These two courses offer great information that is directly applicable to modern challenges that scientists, engineers, entrepreneurs face. Register and join every two weeks. If you missed our Launch Lab, don’t worry, you can still come. Bring new ideas or join a team. @@ -70,20 +82,20 @@

    Learn and share

    -

    Step up

    -

    +

    Lecture series

    +

    Show your progress to the world and get connected to the Korean innovation ecosystem. From January to June we will hold mini-conferences every month. As your project progresses, you will be given the opportunity to present your accomplishments in public. We will also invite professional researchers, industry partners, investors, and service agencies to give you advice and help you on your way. - Each month we will have speakers that address challenges to innovation over a wide variety of topics including Security, Smart Cities, Health Tech, among others. + Each month we will have speakers that address challenges to innovation over a text-left variety of topics including Security, Smart Cities, Health Tech, among others.

-

Contact

-

+

Contact

+

Got a question or intrested in sponsoring, send us an email

diff --git a/scripts/mediaqueries.js b/scripts/mediaqueries.js new file mode 100644 index 0000000..3b90652 --- /dev/null +++ b/scripts/mediaqueries.js @@ -0,0 +1 @@ +if(typeof Object.create!=="function"){Object.create=function(e){function t(){}t.prototype=e;return new t}}var ua={toString:function(){return navigator.userAgent},test:function(e){return this.toString().toLowerCase().indexOf(e.toLowerCase())>-1}};ua.version=(ua.toString().toLowerCase().match(/[\s\S]+(?:rv|it|ra|ie)[\/: ]([\d.]+)/)||[])[1];ua.webkit=ua.test("webkit");ua.gecko=ua.test("gecko")&&!ua.webkit;ua.opera=ua.test("opera");ua.ie=ua.test("msie")&&!ua.opera;ua.ie6=ua.ie&&document.compatMode&&typeof document.documentElement.style.maxHeight==="undefined";ua.ie7=ua.ie&&document.documentElement&&typeof document.documentElement.style.maxHeight!=="undefined"&&typeof XDomainRequest==="undefined";ua.ie8=ua.ie&&typeof XDomainRequest!=="undefined";var domReady=function(){var e=[];var t=function(){if(!arguments.callee.done){arguments.callee.done=true;for(var t=0;t=200&&r.status<300||r.status===304||navigator.userAgent.indexOf("Safari")>-1&&typeof r.status==="undefined"){t(r.responseText)}else{n()}document.documentElement.style.cursor="";r=null}};r.send("")};var l=function(t){t=t.replace(e.REDUNDANT_COMPONENTS,"");t=t.replace(e.REDUNDANT_WHITESPACE,"$1");t=t.replace(e.WHITESPACE_IN_PARENTHESES,"($1)");t=t.replace(e.MORE_WHITESPACE," ");t=t.replace(e.FINAL_SEMICOLONS,"}");return t};var c={stylesheet:function(t){var n={};var r=[],i=[],s=[],o=[];var u=t.cssHelperText;var a=t.getAttribute("media");if(a){var f=a.toLowerCase().split(",")}else{var f=["all"]}for(var l=0;l-1&&a.href&&a.href.length!==0&&!a.disabled){r[r.length]=a}}if(r.length>0){var c=0;var d=function(){c++;if(c===r.length){i()}};var v=function(t){var n=t.href;f(n,function(r){r=l(r).replace(e.RELATIVE_URLS,"url("+n.substring(0,n.lastIndexOf("/"))+"/$1)");t.cssHelperText=r;d()},d)};for(u=0;u0){r.setAttribute("media",t.join(","))}document.getElementsByTagName("head")[0].appendChild(r);if(r.styleSheet){r.styleSheet.cssText=e}else{r.appendChild(document.createTextNode(e))}r.addedWithCssHelper=true;if(typeof n==="undefined"||n===true){cssHelper.parsed(function(t){var n=p(r,e);for(var i in n){if(n.hasOwnProperty(i)){g(i,n[i])}}a("newStyleParsed",r)})}else{r.parsingDisallowed=true}return r},removeStyle:function(e){return e.parentNode.removeChild(e)},parsed:function(e){if(n){s(e)}else{if(typeof t!=="undefined"){if(typeof e==="function"){e(t)}}else{s(e);d()}}},stylesheets:function(e){cssHelper.parsed(function(t){e(m.stylesheets||y("stylesheets"))})},mediaQueryLists:function(e){cssHelper.parsed(function(t){e(m.mediaQueryLists||y("mediaQueryLists"))})},rules:function(e){cssHelper.parsed(function(t){e(m.rules||y("rules"))})},selectors:function(e){cssHelper.parsed(function(t){e(m.selectors||y("selectors"))})},declarations:function(e){cssHelper.parsed(function(t){e(m.declarations||y("declarations"))})},properties:function(e){cssHelper.parsed(function(t){e(m.properties||y("properties"))})},broadcast:a,addListener:function(e,t){if(typeof t==="function"){if(!u[e]){u[e]={listeners:[]}}u[e].listeners[u[e].listeners.length]=t}},removeListener:function(e,t){if(typeof t==="function"&&u[e]){var n=u[e].listeners;for(var r=0;r=a||s&&l0}}else if("device-height"===e.substring(r-13,r)){c=screen.height;if(t!==null){if(u==="length"){return i&&c>=a||s&&c0}}else if("width"===e.substring(r-5,r)){l=document.documentElement.clientWidth||document.body.clientWidth;if(t!==null){if(u==="length"){return i&&l>=a||s&&l0}}else if("height"===e.substring(r-6,r)){c=document.documentElement.clientHeight||document.body.clientHeight;if(t!==null){if(u==="length"){return i&&c>=a||s&&c0}}else if("device-aspect-ratio"===e.substring(r-19,r)){return u==="aspect-ratio"&&screen.width*a[1]===screen.height*a[0]}else if("color-index"===e.substring(r-11,r)){var h=Math.pow(2,screen.colorDepth);if(t!==null){if(u==="absolute"){return i&&h>=a||s&&h0}}else if("color"===e.substring(r-5,r)){var p=screen.colorDepth;if(t!==null){if(u==="absolute"){return i&&p>=a||s&&p0}}else if("resolution"===e.substring(r-10,r)){var d;if(f==="dpcm"){d=o("1cm")}else{d=o("1in")}if(t!==null){if(u==="resolution"){return i&&d>=a||s&&d0}}else{return false}};var a=function(e){var t=e.getValid();var n=e.getExpressions();var r=n.length;if(r>0){for(var i=0;i0){u=false;for(var f=0;f0){l[c++]=","}l[c++]=h}}if(l.length>0){r[r.length]=cssHelper.addStyle("@media "+l.join("")+"{"+e.getCssText()+"}",t,false)}};var l=function(e,t){for(var n=0;n0}}var o=[],u=[];for(var f in i){if(i.hasOwnProperty(f)){o[o.length]=f;if(i[f]){u[u.length]=f}if(f==="all"){n=true}}}if(u.length>0){r[r.length]=cssHelper.addStyle(e.getCssText(),u,false)}var c=e.getMediaQueryLists();if(n){l(c)}else{l(c,o)}};var h=function(e){for(var t=0;td||Math.abs(s-t)>d){e=n;t=s;clearTimeout(r);r=setTimeout(function(){if(!i()){p()}else{cssHelper.broadcast("cssMediaQueriesTested")}},500)}};window.onresize=function(){var e=window.onresize||function(){};return function(){e();s()}}()};var m=document.documentElement;m.style.marginLeft="-32767px";setTimeout(function(){m.style.marginLeft=""},5e3);return function(){if(!i()){cssHelper.addListener("newStyleParsed",function(e){c(e.cssHelperParsed.stylesheet)});cssHelper.addListener("cssMediaQueriesTested",function(){if(ua.ie){m.style.width="1px"}setTimeout(function(){m.style.width="";m.style.marginLeft=""},0);cssHelper.removeListener("cssMediaQueriesTested",arguments.callee)});s();p()}else{m.style.marginLeft=""}v()}}());try{document.execCommand("BackgroundImageCache",false,true)}catch(e){} \ No newline at end of file