Difference between revisions of "Team:Sydney Australia/Design"

(Prototype team page)
 
Line 1: Line 1:
{{Sydney_Australia}}
+
{{:Team:Sydney_Australia/Templates/NavBar}}
 
<html>
 
<html>
  
 +
<head>
 +
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 +
  <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 +
<style>
  
 +
/* our special font */
 +
@font-face {
 +
    font-family: 'banaue';
 +
    src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg');
 +
    font-weight: normal;
 +
    font-style: large;
 +
}
  
 +
#please h1 {
 +
font-family: "banaue", sans-serif;
 +
color: #3e3f3f
 +
}
  
<div class="column full_size">
+
#please h4 {
<h1>Design</h1>
+
  font-family: 'Quicksand', sans-serif;
<p>
+
color: #3e3f3f
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
+
}
</p>
+
  
<p>
+
.crispy {
This page is different to the "Applied Design Award" page. Please see the <a href="https://2017.igem.org/Team:Sydney_Australia/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
image-rendering: -moz-crisp-edges;
</p>
+
image-rendering: -o-crisp-edges;
 +
image-rendering: -webkit-optimize-contrast;
 +
-ms-interpolation-mode: nearest-neighbor;
 +
  padding:0px;
 +
  width:90%;
 +
  margin-top: 0px;
 +
  margin-left:5%;,
 +
  margin-right:5%;
 +
background: #fff;
 +
}
  
</div>
+
.img-center  {
 +
image-rendering: -moz-crisp-edges;
 +
image-rendering: -o-crisp-edges;
 +
image-rendering: -webkit-optimize-contrast;
 +
-ms-interpolation-mode: nearest-neighbor;
 +
width:80%;
 +
    }
  
<div class="column half_size">
+
.insert {
<h5>What should this page contain?</h5>
+
  height: 68px;
<ul>
+
  width: 100%
<li>Explanation of the engineering principles your team used in your design</li>
+
  background-color:#e2e2e2;
<li>Discussion of the design iterations your team went through</li>
+
}
<li>Experimental plan to test your designs</li>
+
.insert2 {
</ul>
+
  height: 150px;
 +
  width: 100%
 +
  background-color:#fff;
 +
}
  
</div>
+
.box {
 +
  background:#fff;
 +
  border:0px solid;
 +
  border-color: #e2e2e2;
 +
  margin-top: 0px;
 +
  box-sizing: border-box;
 +
  background-clip: padding-box;
 +
  padding:0 20px 20px 20px;
 +
  min-height:500px;
 +
  min-width:400px
 +
}
  
<div class="column half_size">
+
</style>
<h5>Inspiration</h5>
+
</head>
<ul>
+
<body>
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
<div class = "insert">
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
+
</div>  
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
</ul>
+
</div>
+
  
 +
<!-- Banner-->
 +
<div class="container-fluid page-heading">
 +
<div class = "row"
 +
<div class = "centre" style="background-color:#e2e2e2">
 +
<div class = "col-sx-12">
 +
      <center><img src="https://static.igem.org/mediawiki/2017/a/af/T--Sydney_Australia--ProjectDesignBanner.gif" class="img-center" width="80%"></center>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
 +
<div class = "insert2">
 +
</div>
  
 +
</body>
 
</html>
 
</html>

Revision as of 01:02, 5 October 2017