Difference between revisions of "Template:KoreaSonyeodul"

 
(54 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{KoreaSonyeodul}}<html lang="en">
+
<html>
−
  <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:30px; height: 100%; background: rgba(255,255,255,0.2); position: relative; top:0; left:91%; left:0; z-index:999}
 +
       .navigation ul {
 +
z-index:1000;
 +
/*메뉴 바 위에 아래 움직일때*/
 +
       position: fixed;
 +
top: 15%;
 +
      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 {}
 +
      .navigation ul:after {content:"";
 +
      display: block;
 +
      clear: both}
 +
/*메뉴바 내부 조정할때*/
 +
      .navigation li {display:block;
 +
width:0px;/*이미지크그에 맞게 가로 세로 정한다*/
 +
height:5%;
 +
line-height:12px;
 +
text-decoration:none;
 +
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;
 
 
       }
 
       }
  
−
       .fade-in.one {
+
/*메뉴바 내부 조정할때 2*/
−
       -webkit-animation-delay: 0.7s;
+
       .navigation>ul>li:hover ul{
−
       -moz-animation-delay: 0.7s;
+
       display:block; width:auto; height:auto; color: #ffffff;
−
      animation-delay: 0.7s;
+
       position: relative; left:8px; top:-12px; list-style: none;
−
      }
+
  
−
      .fade-in.two {
 
−
      -webkit-animation-delay: 1.2s;
 
−
      -moz-animation-delay:1.2s;
 
−
      animation-delay: 1.2s;
 
−
      }
 
−
      .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;
 
 
       }
 
       }
 +
/*메뉴바 정렬할때*/
 +
      .navigation li li a {float: left; }
 +
      .navigation li li{width:auto; height:auto; background-color:none; text-align:right;}
  
−
       .fade-in.three {
+
       body{
−
       -webkit-animation-delay: 3.5s;
+
       margin: 0;
−
       -moz-animation-delay: 3.5s;
+
      background: url('https://static.igem.org/mediawiki/2016/e/ee/T--KoreaSonyeodul--TitleBackground.png');
−
       animation-delay: 3.5s;
+
       background-size: 100%;
 +
      background-repeat: no-repeat;
 +
       background-attachment: top;
 
       }
 
       }
  
−
    </style>
+
</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:100,300" rel="stylesheet">
−
    <!-- <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>
+
−
            &nbsp;&nbsp;&nbsp;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">
+
−
            <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">
+
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Collaborations">COLLABORATIONS</a></li>
−
                <img src="https://static.igem.org/mediawiki/2016/7/78/T--KoreaSonyeodul--TM3.png" width="300px" height="300px"></img>
+
</ul>
−
              </div>
+
</li>
−
              <div class="memberdescription">
+
−
                <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>
−
              <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>
−
              <div class="memberImage">
+
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Basic_Part">BASIC</a></li>
−
                <img src="https://static.igem.org/mediawiki/2016/b/bb/T--KoreaSonyeodul--TM6.png" width="300px" height="300px"></img>
+
</ul>
−
              </div>
+
</li>
−
              <div class="memberdescription">
+
−
                <h1>Yemi Shin</h1>
+
−
<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.
+
−
</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>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Public_Outreach">PUBLIC&nbsp;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>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Integrated_Practices">INTEGRATED&nbsp;PRACTICES</a></li>
 +
</ul>
 +
</li>
 +
<li><a href=""><img src="https://static.igem.org/mediawiki/2016/b/b7/Medal.png" width="30" height="30" align="middle"></a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/HP/Gold">Gold&nbsp;Medal</a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/HP/Silver">Silver&nbsp;Medal</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Engagement"><img src="https://static.igem.org/mediawiki/2016/3/3e/Earth-globe.png" width="30" height="30" align="middle"></a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Entrepreneurship"><img src="https://static.igem.org/mediawiki/2016/5/54/Promoting.png"width="30" height="30" align="middle"></a></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>

Latest revision as of 16:03, 16 October 2016