Difference between revisions of "Team:KoreaSonyeodul/Collaborations"

(Prototype team page)
 
Line 1: Line 1:
 
{{KoreaSonyeodul}}
 
{{KoreaSonyeodul}}
−
<html>
+
<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;
 +
      }
 +
<!--AlignCenterCode-->
 +
      .site {width: 1000px; margin-left: auto; margin-right: auto;}
  
 +
      <!--TitleBoxContent-->
 +
      .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;}
  
−
<div class="column full_size judges-will-not-evaluate">
+
      <!--FadeIn-->
−
<h3>★  ALERT! </h3>
+
      @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">team collaboration silver medal criterion</a>. </p>
+
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Evaluated_Pages/Instructions"> Instructions for Evaluated Pages </a>.</p>
+
      body {padding: 0; margin: 0; background-color: #333;}
−
</div>
+
  
 +
      .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;
  
−
<div class="column full_size">
+
      -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;
 +
      }
  
−
<p>
+
      .fade-in.one {
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
      -webkit-animation-delay: 0.7s;
−
</p>
+
      -moz-animation-delay: 0.7s;
−
</div>
+
      animation-delay: 0.7s;
 +
      }
  
−
<div class="column half_size">
+
      .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;
 +
      }
  
−
<h4> Which other teams can we work with? </h4>
+
      .fade-in.three {
−
<p>
+
      -webkit-animation-delay: 3.5s;
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
      -moz-animation-delay: 3.5s;
−
</p>
+
      animation-delay: 3.5s;
 +
      }
  
−
<p>
+
    </style>
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"></link>
−
</p>
+
  <!-- <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>
  
−
</div>
+
  <body>
  
 +
    <!--Title-->
  
 +
    <div class="box fade-in one">
 +
      <div id="" align="center">
 +
        <div id="fontlight" class="site">
 +
          <h1>
 +
            <font face="Roboto" weight="200">COLLABORATIONS</font>
 +
          </h1>
 +
          <h2>
 +
            <font face="Roboto">Main Subtitle</font>
 +
          </h2>
 +
        </div>
 +
      </div>
 +
    </div>
  
−
<div class="column half_size">
 
−
<p>
 
−
Here are some suggestions for projects you could work on with other teams:
 
−
</p>
 
  
−
<ul>
+
    <!--TitleBoxes-->
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
    <div id="wrap">
−
<li> Characterize another team's part </li>
+
      <div class="box fade-in two first">
−
<li> Debug a construct </li>
+
        <div class="box contributers">
−
<li> Model or simulating another team's system </li>
+
          <h1>Contributer</h1>
−
<li> Test another team's software</li>
+
          <img src="https://static.igem.org/mediawiki/2016/6/69/T--KoreaSonyeodul--No_Image.png"></img>
−
<li> Help build and test another team's hardware project</li>
+
          <h2>Professor</h2>
−
<li> Mentor a high-school team</li>
+
          <p>This is the description.</p>
−
</ul>
+
        </div>
−
</div>
+
      </div>
 +
      <div class="box fade-in two second">
 +
        <div class="box Korea_U_Seoul"></div>
 +
        <img src=""></img>
 +
        <h2>Korea_U_Seoul</h2>
 +
        <p>This is the description</p>
 +
      </div>
 +
      <div class="box fade-in two third">
 +
        <div class="activities"></div>
 +
        <img src=""></img>
 +
        <h2>Activities</h2>
 +
        <p>This is the description</p>
 +
      </div>
  
  
 +
 +
      <!--OtherTitleBoxes-->
 +
      <div class="box fade-in three">
 +
 +
      </div>
 +
      <!--EndOfWrap-->
 +
      <!--Footer-->
 +
    </div>
 +
  </body>
 
</html>
 
</html>

Revision as of 06:09, 18 September 2016

COLLABORATIONS

Main Subtitle

Contributer

Professor

This is the description.

Korea_U_Seoul

This is the description

Activities

This is the description