|
|
Line 1: |
Line 1: |
− | {{KoreaSonyeodul}}
| + | <html> |
− | <html lang="en"> | + | <head> |
− | <head>
| + | |
− | <style>
| + | |
− | #wrap {width: 50%; 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;
| + | |
− | }
| + | |
− | <!--AlignCenterCode-->
| + | |
− | .site {width: 1000px; margin-left: auto; margin-right: auto;}
| + | |
| | | |
− | <!--TitleBoxContent-->
| + | <style type="text/css"> |
− | .titleContent {height: auto; padding-top: 100px;}
| + | |
− | .titleContent h1 {font-size: 30px;}
| + | |
− | .titleContent p {font-size: 25px; font-family: Roboto;}
| + | |
− | .titleContent2 {width: 680px; height: 460px; margin: auto; padding-top: 50px;}
| + | |
− | <!--Member-->
| + | |
− | .wrap img {display:block; margin: auto;}
| + | |
− | .TeamPic {margin-bottom:50px;}
| + | |
− | .BriefEx p {!important; font-size: 15px;}
| + | |
− | .BriefEx h1 {
| + | |
− | font-weight: bold; font-size: 30px; line-height: 1.3em;
| + | |
− | }
| + | |
− | .BriefEx h2 {
| + | |
− | font-weight: normal; font-size: 25px; line-height: 1.3em;
| + | |
− | }
| + | |
| | | |
− | .member {clear: both;}
| + | #contentSub, #footer-box, #catlinks, #search-controls, #sideMenu, #top_title,#table, |
− | .memberImage {float: left; width: 50%; clear: left; height: 350px;}
| + | #HQ_page_logo, .printfooter, .firstHeading, .visualClear { |
− | .memberdescription {float: left; width: 50%;}
| + | display: none; |
− | .memberdescription h1 {padding-left: 20px; border-left: solid 20px #c50018; font-size: 36px; font-family: Roboto; font-weight: normal; height: 20px;}
| + | } |
− | <!--FadeIn-->
| + | #wrapper {width: 25%; margin: auto;} |
− | @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
| + | #top-section { |
| + | border: 0 none; |
| + | height: 10px; |
| + | z-index: 100; |
| + | top: 0; |
| + | position: fixed; |
| + | width: 975px; |
| + | left: 50%; |
| + | margin-left: -487px; |
| + | } |
| | | |
− | body {padding: 0; margin: 0; background-color: #333;}
| + | #globalWrapper, #content { |
| + | width: 100%; |
| + | height: 100%; |
| + | border: 0px; |
| + | background-color: transparent; |
| + | margin: 0; |
| + | padding: 0px; |
| + | font-size: 100%; |
| + | } |
| + | * {margin:0; padding:0;} |
| + | html, body, .wrapper { |
| + | width: 100%; |
| + | height: 100%; |
| + | background-color: transparent; |
| + | } |
| | | |
− | .container {position: fixed; top: 25%; left: 25%;}
| |
| | | |
− | @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
| + | <head> |
− | @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
| + | <style type="text/css"> |
− | @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
| + | |
| | | |
− | .fade-in { | + | <!--navigation--> |
− | opacity:0; /* make things invisible upon start */ | + | .navigation {margin:0; |
− | -webkit-animation:fadeIn ease-in 1; | + | padding:0; |
− | -moz-animation:fadeIn ease-in 1; | + | list-style-type:none;} |
− | animation:fadeIn ease-in 1; | + | .navigationBackground {width:100%; height: 60px; background: rgba(255,255,255,0.2); position: fixed; top: 25px; left:0; right:0; z-index:999} |
| + | .navigation ul { |
| + | z-index:1000; |
| + | position: fixed; |
| + | top: 25px; |
| + | list-style:none; |
| + | } |
| + | .navigation li a {display: block; |
| + | padding: 10px; |
| + | color: #ffffff; |
| + | font-size: 20px; |
| + | text-decoration: none; |
| + | text-shadow: 1px 1px 10px gray; |
| + | } |
| + | .navigation ul li {list-style: none;} |
| + | .navigation li a:hover {background-color: #eeeeee} |
| + | .navigation ul:after {content:""; |
| + | display: block; |
| + | clear: both} |
| + | .navigation li {display:block; |
| + | width:200px;/*이미지크그에 맞게 가로 세로 정한다*/ |
| + | height:30px; |
| + | line-height:30px; |
| + | color:#000;/*글자색은 검정*/ |
| + | text-decoration:none; |
| + | background: url(images/navigation.jpg) no-repeat 0 0;/*배경이미지를 정해놓고 일반위치에 놓는다*/ |
| + | text-indent:50px; |
| + | } |
| + | .navigation ul ul {display: none; |
| | | |
− | -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;
| |
| } | | } |
| + | .navigation>ul>li:hover ul{ |
| + | display:block; width:auto; height:auto; color: #ffffff; |
| + | position: absolute; left:0; top:30px; list-style: none; |
| | | |
− | .fade-in.one {
| |
− | -webkit-animation-delay: 0.7s;
| |
− | -moz-animation-delay: 0.7s;
| |
− | animation-delay: 0.7s;
| |
| } | | } |
| + | .navigation li li a {float: left; } |
| + | .navigation li li{width:auto; height:auto; background-color:none; text-align:center;} |
| | | |
− | .fade-in.two { | + | body{ |
− | -webkit-animation-delay: 1.2s; | + | margin: 0; |
− | -moz-animation-delay:1.2s; | + | background: url('https://static.igem.org/mediawiki/2016/e/ee/T--KoreaSonyeodul--TitleBackground.png'); |
− | animation-delay: 1.2s; | + | background-size: 100%; |
| + | background-repeat: no-repeat; |
| + | background-attachment: top; |
| } | | } |
− | .fade-in.two.first {
| |
− | -webkit-animation-delay: 1.5s;
| |
− | -moz-animation-delay:1.5s;
| |
− | animation-delay: 1.5s;
| |
− | }
| |
− | .fade-in.two.second {
| |
− | -webkit-animation-delay: 1.8s;
| |
− | -moz-animation-delay:1.8s;
| |
− | animation-delay: 1.8s;
| |
− | }
| |
− | .fade-in.two.third {
| |
− | -webkit-animation-delay: 2.1s;
| |
− | -moz-animation-delay:2.1s;
| |
− | animation-delay: 2.1s;
| |
− | }
| |
− | .fade-in.two.fourth {
| |
− | -webkit-animation-delay: 2.4s;
| |
− | -moz-animation-delay:2.4s;
| |
− | animation-delay: 2.4s;
| |
− | }
| |
− | .fade-in.two.fifth {
| |
− | -webkit-animation-delay: 2.7s;
| |
− | -moz-animation-delay:2.7s;
| |
− | animation-delay: 2.7s;
| |
− | }
| |
− | .fade-in.two.sixth {
| |
− | -webkit-animation-delay: 3.0s;
| |
− | -moz-animation-delay:3.0s;
| |
− | animation-delay: 3.0s;
| |
− | }
| |
− |
| |
− | .fade-in.three {
| |
− | -webkit-animation-delay: 3.5s;
| |
− | -moz-animation-delay: 3.5s;
| |
− | animation-delay: 3.5s;
| |
− | }
| |
− |
| |
− | </style>
| |
− | <link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"></link>
| |
− | <!-- <link href="//vjs.zencdn.net/4.9/video-js.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">TEAM</font>
| |
− | </h1>
| |
− | <h2>
| |
− | <font face="Roboto">Main Subtitle</font>
| |
− | </h2>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <!--TitleBoxes-->
| |
− | <div id="wrap">
| |
− | <div class="box fade-in two">
| |
− | <div class="TeamPic">
| |
− | <img src="https://static.igem.org/mediawiki/2016/6/66/T--KoreaSonyeodul--TMG3.jpg" width="950"></img>
| |
− | </div>
| |
− | <div class="BriefEx">
| |
− | <h1>HAFS is...</h1>
| |
− | <h2>
| |
− | Hankuk Academy of Foreign Studies is a private boarding school located in the northern part of Yongin, South Korea, and is the first Korean high school formed by a collaboration between the government and the university. It is one of the most prestigious boarding schools in Korea, renowned for its high academic level and successful college admission results.<br/><br/><br/><br/>
| |
− | </h2>
| |
− | </div>
| |
− |
| |
− | <div class="TeamMembers">
| |
− | <div class="box fade-in two first">
| |
− | <div class="member SoominLee">
| |
− | <div class="memberImage">
| |
− | <img src="https://static.igem.org/mediawiki/2016/7/7d/T--KoreaSonyeodul--TM4.png" width="300px" height="300px"></img>
| |
− | </div>
| |
− | <div class="memberdescription">
| |
− | <h1>Soomin Lee</h1>
| |
− | <h2>Team Manager/Lab participant</h2>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="box fade-in two second">
| |
− | <div class="member HeesunSim">
| |
− | <div class="memberImage">
| |
− | <img src="https://static.igem.org/mediawiki/2016/e/e7/T--KoreaSonyeodul--TM2.png" width="300px" height="300px"></img>
| |
− | </div>
| |
− | <div class="memberdescription">
| |
− | <h1>Heesun Sim</h1>
| |
− | <h2>Wiki/Design manager</h2>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
| | | |
− | <div class="box fade-in two third">
| + | </style> |
− | <div class="member JiminSun">
| + | |
− | <div class="memberImage">
| + | |
− | <img src="https://static.igem.org/mediawiki/2016/1/1b/T--KoreaSonyeodul--TM7.png" width="300px" height="300px"></img>
| + | |
− | </div>
| + | |
− | <div class="memberdescription">
| + | |
− | <h1>Jimin Sun</h1>
| + | |
− | <h2>Fundraise manager/Mealworm observer<br/><br/>
| + | |
− | I will try to passionately involve in the research and experiment. I will actively engage in not only the planning stage, but also in demonstrating the experiment. Also, I will deliberately review and plan the experiment in order to have an achieved result with active collaboration between our team members.</h2>
| + | |
| | | |
− | </div>
| |
− | </div>
| |
− | </div>
| |
| | | |
− | <div class="box fade-in two fourth">
| + | <meta name= "viewport" content = "initial-scale=1.0, width= device-width"> |
− | <div class="member JungeunHuh">
| + | </head> |
− | <div class="memberImage">
| + | <body> |
− | <img src="https://static.igem.org/mediawiki/2016/thumb/6/66/T--KoreaSonyeodul--TM1.png/600px-T--KoreaSonyeodul--TM1.png" width="300px" height="300px"></img>
| + | <div class="navigationBackground"> |
− | </div>
| + | <!--navigation url--> |
− | <div class="memberdescription">
| + | <div id="wrapper"> |
− | <h1>Jungeun Huh</h1>
| + | <nav class="navigation"> |
− | <h2>Dry lab manager(Archive manage, Data analyze)/Mealworm observer</h2> | + | <ul> |
− | </div>
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul"><img src="https://static.igem.org/mediawiki/2016/a/ab/Home-icon-silhouette.png" width="30" height="30" align="middle"></a></li> |
− | </div>
| + | |
− | </div>
| + | |
| | | |
− | <div class="box fade-in two fifth">
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Team"><img src="https://static.igem.org/mediawiki/2016/c/c0/Networking.png" width="30" height="30" align="middle"></a> |
− | <div class="member SeohyeonKang">
| + | <ul> |
− | <div class="memberImage">
| + | <br> |
− | <img src="https://static.igem.org/mediawiki/2016/7/78/T--KoreaSonyeodul--TM3.png" width="300px" height="300px"></img>
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Collaborations">COLLABORATIONS</a></li> |
− | </div>
| + | </ul> |
− | <div class="memberdescription">
| + | </li> |
− | <h1>Seohyeon Kang</h1>
| + | |
− | <h2>Fundraise manager/Mealworm observer/Wiki co-manager<br/><br/>
| + | |
− | I will try to prevent financial issue of conducting the experiments through active funding. Also, I will try to precisely research and systematically conduct the experiment to gain better result for our project. Moreover, I will try to prevent the world from suffering the overloading plastic problem. This will enhance the future into a better experiment.</h2>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
− | <div class="box fade-in two sixth">
| + | <li><a href=""><img src="https://static.igem.org/mediawiki/2016/5/5a/Businessman-in-apresentation-with-a-graphic-on-a-board_%281%29.png" width="30" height="30" align="middle"></a> |
− | <div class="member SeungheeHan">
| + | <ul><br> |
− | <div class="memberImage">
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Description">COLLABORATIONS</a></li> |
− | <img src="https://static.igem.org/mediawiki/2016/4/4c/T--KoreaSonyeodul--TM5.png" width="300px" height="300px"></img>
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Design">DESIGN</a></li> |
− | </div>
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Experiments">EXPERIMENTS</a></li> |
− | <div class="memberdescription">
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Proof">PROOF</a></li> |
− | <h1>Seunghee Han</h1>
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Demonstrate">DEMONSTRATE</a></li> |
− | <h2>Lab participant/Scheduler/Maid<br/><br/> | + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Results">RESULTS</a></li> |
− | I will destroy every plastic in the world!</h2>
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Notebook">NOTEBOOK</a></li> |
− | </div>
| + | </ul> |
− | </div>
| + | </li> |
− | </div>
| + | |
| | | |
− | <div class="box fade-in two sixth">
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Parts"><img src="https://static.igem.org/mediawiki/2016/0/0f/Molecule.png" width="30" height="30" align="middle"></a> |
− | <div class="member YemiShin">
| + | <ul><br> |
− | <div class="memberImage">
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Parts">COLLABORATIONS</a></li> |
− | <img src="https://static.igem.org/mediawiki/2016/b/bb/T--KoreaSonyeodul--TM6.png" width="300px" height="300px"></img>
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Basic_Part">BASIC</a></li> |
− | </div>
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Composite_Part">COMPOSITE</a></li> |
− | <div class="memberdescription">
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Part_Collection">COLLECTION</a></li> |
− | <h1>Yemi Shin</h1>
| + | </ul> |
− | <h2>Wet lab manager/Contact manager/Lab participant<br/><br/>As a student actively engaged in science, I am always concerned in environmental issues and have passion in science. Since this project is related to my future major, I will actively participate in this project. | + | </li> |
− | </h2> | + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Safety"><img src="https://static.igem.org/mediawiki/2016/0/0b/Safe-shield-protection.png" width="30" height="30" align="middle"></a></li> |
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Attributions"><img src="https://static.igem.org/mediawiki/2016/e/e0/Attribution.png" width="30" height="30" align="middle"></a></li> |
| | | |
− | </div>
| + | <li><a href=""><img src="https://static.igem.org/mediawiki/2016/6/69/Two-stick-man-variants-shaking-hands.png" width="30" height="30" align="middle"></a> |
| + | <ul><br> |
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Public_Outreach">PUBLIC OUTREACH</a></li> |
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Ethics">ETHICS</a></li> |
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Collaboration">COLLABORATION</a></li> |
| + | </ul> |
| + | </li> |
| | | |
| + | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Credits"><img src="https://static.igem.org/mediawiki/2016/4/44/Creative-commons.png" width="30" height="30" align="middle"></a> |
| + | </li> |
| + | </nav> |
| + | </div> |
| + | </div> |
| | | |
− | </div>
| |
| | | |
| | | |
− | <!--OtherTitleBoxes-->
| + | </body> |
− | <div class="box fade-in three">
| + | |
| | | |
− | </div>
| |
− | <!--EndOfWrap-->
| |
− | <!--Footer-->
| |
− | </div>
| |
− | </body>
| |
| </html> | | </html> |