(Prototype team page) |
|||
Line 1: | Line 1: | ||
{{KoreaSonyeodul}} | {{KoreaSonyeodul}} | ||
− | |||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <style> | ||
+ | #wrap {width: 60%; margin: auto;} | ||
+ | body{ | ||
+ | margin: 0; | ||
+ | background: url('https://static.igem.org/mediawiki/2016/e/ee/T--KoreaSonyeodul--TitleBackground.png'); | ||
+ | background-size: 100%; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: top; | ||
+ | } | ||
+ | <!--mainTitle--> | ||
+ | .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;} | ||
+ | .site {width: 100%} | ||
+ | .site h1 { | ||
+ | margin-top: 250px; | ||
+ | color: #ffffff; | ||
+ | text-decoration: none; | ||
+ | font-size: 80px; | ||
+ | height: 35px; | ||
+ | background-color: rgba(255, 255, 255, 0.0);} | ||
+ | .site h2 {margin-top: 0; position: relative; margin-bottom: 300px; padding-bottom: 100px; | ||
+ | font-size: 50px; | ||
+ | color: #ffffff; | ||
+ | height: 30px; | ||
+ | } | ||
+ | table {text-align: center;} | ||
+ | .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;} | ||
− | < | + | <!--FadeIn--> |
− | + | @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); | |
− | + | ||
+ | body {padding: 0; margin: 0; background-color: #333;} | ||
+ | .container {position: fixed; top: 25%; left: 25%;} | ||
− | + | @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | |
− | + | @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | |
+ | @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | ||
+ | .fade-in { | ||
+ | opacity:0; /* make things invisible upon start */ | ||
+ | -webkit-animation:fadeIn ease-in 1; | ||
+ | -moz-animation:fadeIn ease-in 1; | ||
+ | animation:fadeIn ease-in 1; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | -moz-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; | ||
+ | -webkit-animation-duration:1s; | ||
+ | -moz-animation-duration:1s; | ||
+ | animation-duration:1s; | ||
+ | } | ||
+ | .fade-in.one { | ||
+ | -webkit-animation-delay: 0.7s; | ||
+ | -moz-animation-delay: 0.7s; | ||
+ | animation-delay: 0.7s; | ||
+ | } | ||
+ | .fade-in.two { | ||
+ | -webkit-animation-delay: 1.2s; | ||
+ | -moz-animation-delay:1.2s; | ||
+ | animation-delay: 1.2s; | ||
+ | } | ||
+ | .fade-in.three { | ||
+ | -webkit-animation-delay: 1.6s; | ||
+ | -moz-animation-delay: 1.6s; | ||
+ | animation-delay: 1.6s; | ||
+ | } | ||
+ | </style> | ||
+ | <link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"></link> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | ||
+ | <meta name= "viewport" content = "initial-scale=1.0, width= device-width" /> | ||
+ | </link> | ||
+ | </head> | ||
− | < | + | <body> |
+ | <!--Title--> | ||
− | < | + | <div class="box fade-in one"> |
+ | <div id="" align="center"> | ||
+ | <div id="fontlight" class="site"> | ||
+ | <h1> | ||
+ | <font face="Roboto" weight="200">Attributions</font> | ||
+ | </h1> | ||
+ | <h2> | ||
+ | <font face="Roboto">Main Subtitle</font> | ||
+ | </h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
+ | <!--TitleBoxes--> | ||
+ | <div id="wrap"> | ||
+ | <div class="box fade-in two"> | ||
+ | <h1>When did you start your brainstorming?<h1> | ||
+ | <h2>APRIL, 2016<h2><br> | ||
+ | <h1>When did you start in the lab?</h1> | ||
+ | <h2>JULY THIRD, 2016<h2><br> | ||
+ | <h1>When did you start working on your project?</h1> | ||
+ | <h2>MAY, 2016</h2><br> | ||
− | + | </div> | |
− | <div class=" | + | <!--OtherTitleBoxes--> |
− | < | + | <div id="wrap"> |
− | < | + | <div class="box fade-in three"> |
− | < | + | <h1>General Support<h1> |
− | + | <h2>SO YEON YOO </h2><br> | |
− | </div> | + | <h1>Project support and advice</h1> |
+ | <h2>SO YEON YOO</h2><br> | ||
+ | <h1>Fundraising help and advice</h1> | ||
+ | <h2>MIN JOO LEE</h2><br> | ||
+ | <h1>Lab support</h1> | ||
+ | <h2>SEUNG-WOO BAEK</h2><br> | ||
+ | <h1>Difficult technique support</h1> | ||
+ | <h2>SEUNG-WOO BAEK</h2><br> | ||
+ | <h1>Project advisor support</h1> | ||
+ | <h2>IN GEOL CHOI</h2><br> | ||
+ | <h1>Wiki coaching</h1> | ||
+ | <h2>None</h2><br> | ||
+ | <h1>Presentation coaching</h1> | ||
+ | <h2>NONE</h2><br> | ||
+ | <h1>Human Practices support</h1> | ||
+ | <h2>MIN JOO LEE</h2> | ||
+ | </div> | ||
+ | <!--EndOfWrap--> | ||
+ | <!--Footer--> | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</html> | </html> |
Revision as of 04:51, 8 October 2016