Difference between revisions of "Team:NCTU Formosa/Demonstrate"

(Prototype team page)
 
Line 1: Line 1:
−
{{NCTU_Formosa}}
+
{{NCTU_Formosa/test}}
 
<html>
 
<html>
  
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <title>Demonstration</title>
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
  <script src="jQueryAssets/jquery-1.11.1.min.js"></script>
 +
  <script src="jQueryAssets/jquery.ui-1.10.4.dialog.min.js"></script>
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
  
 +
  <style>
  
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
 
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 
−
</div>
 
  
 +
    #globalWrapper{
 +
      padding-bottom: 0 !important;
 +
    }
  
−
<div class="clear"></div>
+
    body{
 +
      font-size: 0;
 +
      margin: 0;
 +
      padding: 0 !important;
 +
      width: 100%;
 +
    }
  
 +
    .wrapper{
 +
      width: 100%;
 +
      overflow: auto;
 +
      font-family: Levenim MT;
 +
      background-color: #fff;
 +
      padding-bottom: 150px;
 +
    }
  
 +
    .cover{
 +
      width: 100%;
 +
    }
  
−
<div class="column full_size">
+
    .title_title{
−
<h1>Demonstrate</h1>
+
      width: 30%;
−
<h3>Gold Medal Criterion #4</h3>
+
      margin-left: 35%;
 +
      margin-bottom: 30px;
 +
    }
  
−
<p>
+
    .title{
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve their gold medals!
+
      font-size: 7vmin;
−
</p>
+
      margin: 50px;
 +
      margin-top: 0px;
 +
      text-align: center;
 +
    }
  
−
<p>
+
    .title_1{
−
Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
      font-size: 6vmin;
−
</p>
+
      width: 75%;
 +
      margin: 50px;
 +
      margin-bottom: 10px;
 +
      margin-left: 12.5%;
 +
      color: black;
 +
    }
  
 +
    .title_2{
 +
      font-size: 5vmin;
 +
      width: 70%;
 +
      margin: 50px;
 +
      margin-left: 15%;
 +
    }
  
−
</div>
+
    .title_3{
 +
      font-size: 3.5vmin;
 +
      width: 65%;
 +
      position: relative;
 +
      margin-left: 17.5%;
 +
      margin-right: 17.5%;
 +
      margin-top: 20px;
 +
      margin-bottom: 40px;
 +
      text-align: justify;
 +
      line-height: 2em;
 +
    }
  
 +
    .text{
 +
      font-size: 3vmin;
 +
      width: 65%;
 +
      position: relative;
 +
      margin-left: 17.5%;
 +
      margin-right: 17.5%;
 +
      margin-top: 20px;
 +
      margin-bottom: 40px;
 +
      text-align: justify;
 +
    }
  
 +
    .explanation{
 +
      font-size: 2.5vmin;
 +
      font-weight: bold;
 +
      color: #575656;
 +
      text-align: center;
 +
    }
  
 +
    p{
 +
      margin: 0;
 +
    }
  
 +
    table{
 +
      width: 55%;
 +
      border: solid 2px #e7eceb;
 +
      text-align: left;
 +
      margin: 40px;
 +
      margin-left: auto;
 +
      margin-right: auto;
 +
      padding: 10px;
 +
      border-collapse: collapse;
 +
      background: #fefefe;
 +
    }
 +
 +
    tr{
 +
      border: solid 1px #e7eceb;
 +
      margin: 15px;
 +
      padding: 10px;
 +
    }
 +
 +
    td,th{
 +
      padding: 10px;
 +
    }
 +
 +
    caption{
 +
      font-size: 3vmin;
 +
      font-weight: bold;
 +
      margin-bottom: 10px;
 +
      color: #575656;
 +
      box-sizing: border-box;
 +
    }
 +
 +
    thead{
 +
      background: #1182be;
 +
      color: #fefefe;
 +
      font-size: 3.5vmin;
 +
    }
 +
 +
    tbody{
 +
      font-size: 3vmin;
 +
    }
 +
 +
    .equation{
 +
      font-size: 3vmin;
 +
      margin: 40px;
 +
      text-align: center;
 +
      margin-left: auto;
 +
      margin-right: auto;
 +
    }
 +
 +
    .icon{
 +
      width: 20px;
 +
      vertical-align: middle;
 +
    }
 +
 +
    .pic{
 +
      width: 100%;
 +
    }
 +
 +
    .procedure{
 +
      width: 100%;
 +
    }
 +
 +
    .sec1{
 +
      padding-top: 100px;
 +
      background-color: white;
 +
    }
 +
 +
    .sec2{
 +
      padding-top: 100px;
 +
      padding-bottom: 150px;
 +
      background-color: #223069;
 +
    }
 +
 +
    .description{
 +
      position: absolute;
 +
      width: 16%;
 +
      left: 30%;
 +
      top: 32.5vw;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .design{
 +
      position: absolute;
 +
      width: 16%;
 +
      left: 50%;
 +
      top: 32.5vw;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .hardware{
 +
      position: absolute;
 +
      width: 16%;
 +
      left: 21%;
 +
      top: 39vw;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .demonstration{
 +
      position: absolute;
 +
      width: 18%;
 +
      left: 39.5%;
 +
      top: 39vw;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .improvement{
 +
      position: absolute;
 +
      width: 16%;
 +
      left: 60%;
 +
      top: 39vw;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .description:hover{
 +
      transform: scale(1.1);
 +
    }
 +
 +
    .design:hover{
 +
      transform: scale(1.1);
 +
    }
 +
 +
    .hardware:hover{
 +
      transform: scale(1.1);
 +
    }
 +
 +
    .demonstration:hover{
 +
      transform: scale(1.1);
 +
    }
 +
 +
    .improvement:hover{
 +
      transform: scale(1.1);
 +
    }
 +
 +
    .condition{
 +
      font-size: 3vmin;
 +
      width: 95%;
 +
      margin-left: 5%;
 +
    }
 +
 +
  </style>
 +
 +
  <!----------------------------------------------------------------------------->
 +
 +
  <script>
 +
  </script>
 +
 +
  <!----------------------------------------------------------------------------->
 +
 +
  <!-- Latex resourse code-->
 +
  <script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js" type="text/javascript">
 +
      MathJax.Hub.Config({
 +
          extensions: ["tex2jax.js", "TeX/AMSmath.js", "TeX/AMSsymbols.js"],
 +
          jax: ["input/TeX", "output/HTML-CSS"],
 +
          tex2jax: {
 +
              inlineMath: [
 +
                  ['$', '$'],
 +
                  ["\\(", "\\)"]
 +
              ],
 +
              displayMath: [
 +
                  ['$$', '$$'],
 +
                  ["\\[", "\\]"]
 +
              ],
 +
          },
 +
          "HTML-CSS": {
 +
              availableFonts: ["TeX"]
 +
          }
 +
      });
 +
  </script>
 +
 +
  <!----------------------------------------------------------------------------->
 +
</head>
 +
 +
<body>
 +
  <div class="wrapper">
 +
    <div class="banner">
 +
      <img class="cover" src="https://static.igem.org/mediawiki/2018/3/3a/T--NCTU_Formosa--Project2.0.png">
 +
      <a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Description"><img src="https://static.igem.org/mediawiki/2018/9/9c/T--NCTU_Formosa--description_button.png" class="description"></a>
 +
      <a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Design"><img src="https://static.igem.org/mediawiki/2018/4/46/T--NCTU_Formosa--design_button.png" class="design"></a>
 +
      <a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Hardware"><img src="https://static.igem.org/mediawiki/2018/0/09/T--NCTU_Formosa--hardware_button.png" class="hardware"></a>
 +
      <a href="https://2018.igem.org/Team:NCTU_Formosa/Demostrate"><img src="https://static.igem.org/mediawiki/2018/6/6f/T--NCTU_Formosa--demostration_button.png" class="demonstration"></a>
 +
      <a href="https://2018.igem.org/Team:NCTU_Formosa/Improve"><img src="https://static.igem.org/mediawiki/2018/d/dc/T--NCTU_Formosa--improvement_button.png" class="improvement"></a>
 +
    </div>
 +
    <div class="sec1">
 +
      <img src="https://static.igem.org/mediawiki/2018/4/4d/T--NCTU_Formosa--project_Demostration.png" class="title_title">
 +
 +
      <div class="pic">
 +
      </div>
 +
      <div class="title_1"><p>References</p></div>
 +
    </div>
 +
 +
 +
<!----------------------------------------------------------------------------->
 +
 +
 +
  </div>
 +
</body>
  
 
</html>
 
</html>
 +
 +
{{NCTU_Formosa/Top_button}}
 +
{{NCTU_Formosa/Footer}}

Revision as of 16:55, 12 October 2018

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM
Navigation Bar Demonstration

References

Template