Difference between revisions of "Team:NTHU Formosa/Applied Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{NTHU_Formosa}}
+
{{NTHU_Formosa}} {{NTHU_Formosa/NavBar}}
 
<html>
 
<html>
  
 +
<head>
 +
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/initial&action=raw&ctype=text/css">
 +
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 +
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 +
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS01&action=raw&ctype=text/css">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS&action=raw&ctype=text/css" />
 +
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Josefin+Sans" />
 +
  <style>
 +
    /* unvisited link */
  
 +
    a {
 +
      color: #0645AD;
 +
    }
  
−
<div class="column full_size judges-will-not-evaluate">
+
    /* visited link */
−
<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>
+
  
 +
    a:visited {
 +
      color: green;
 +
    }
  
−
<div class="clear"></div>
+
    /* mouse over link */
  
 +
    a:hover {
 +
      color: hotpink;
 +
      cursor: pointer;
 +
    }
  
−
<div class="column full_size">
+
    .w3-wide{
−
<h1>Applied Design</h1>
+
        font-weight: 900;
−
</div>
+
        font-size: 350%;
−
<div class="clear"></div>
+
        font-family:  "Josefin Sans","JosefinSans-Bold",NotoSansCJKtc-Regular,'Noto Sans',"微軟雅黑","Microsoft YaHei",Helvetica,sans-serif;
 +
    }
  
 +
    /* selected link */
  
−
<div class="column two_thirds_size">
+
    a:active {
−
<h3>Best Applied Design Special Prize</h3>
+
      color: blue;
 +
    }
 +
  </style>
 +
</head>
  
−
<p>This is a prize for the team that has developed a synbio product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.
+
<!-- Main Section -->
−
<br><br>
+
−
To compete for the <a href="https://2018.igem.org/Judging/Awards">Best Applied Design prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>.
+
−
<br><br>
+
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
−
</p>
+
−
</div>
+
  
 +
      <br>
 +
      <br>
 +
      <br>
 +
      <br>
 +
<div class="w3-container  w3-padding-64 w3-center">
 +
  <div class="w3-content">
 +
    <h1 class="w3-wide">Future Application</h1>
 +
    <p class="w3-justify"> </p>
  
−
<div class="column third_size">
+
  </div>
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p>Take a look at what some teams accomplished for this prize.</p>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
−
<li><a href="https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Design">2016 HSiTAIWAN</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Pasteur_Paris/Design">2016 Pasteur Paris</a></li>
+
−
</ul>
+
−
</div>
+
 
</div>
 
</div>
  
 +
<!-- Trigger/Open The Modal -->
 +
<!-- <a id="myLink"><u>Open Modal</u></a> -->
  
 +
<!-- The Modal Box-->
 +
<div id="myModal" class="modal">
 +
  <!-- Modal content -->
 +
  <div class="modal-content">
 +
    <span class="close">&times;</span>
 +
    <p>Description text in the box. Image can also be included</p>
 +
  </div>
 +
</div>
  
 +
<!-- Modal script, DO NOT MODIFY!!! -->
 +
<script>
 +
  // Get the modal
 +
  var modal = document.getElementById('myModal');
 +
  // Get the hyperlink
 +
  var link = document.getElementById("myLink");
 +
  // // When the user clicks the hyperlink, open the modal
 +
  link.onclick = function() {
 +
    modal.style.display = "block";
 +
  }
 +
  // Get the <span> element that closes the modal
 +
  var span = document.getElementsByClassName("close")[0];
 +
  // When the user clicks on <span> (x), close the modal
 +
  span.onclick = function() {
 +
    modal.style.display = "none";
 +
  }
  
−
 
+
  // When the user clicks anywhere outside of the modal, close it
−
 
+
  window.onclick = function(event) {
−
 
+
    if (event.target == modal) {
 +
      modal.style.display = "none";
 +
    }
 +
  }
 +
</script>
  
 
</html>
 
</html>

Revision as of 07:34, 10 October 2018





Future Application