Difference between revisions of "Team:LambertGA/Hardware"

(Prototype team page)
 
Line 1: Line 1:
−
{{LambertGA}}
 
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
 +
#sideMenu { display:none; }
  
  
−
<div class="column full_size judges-will-not-evaluate">
+
#mainContainer{
−
<h3>★  ALERT! </h3>
+
    background-color: white;
−
<p>This page is used by the judges to evaluate your team for the<a href="https://2016.igem.org/Judging/Awards"> Best Hardware award</a>. </p>
+
    width: 100%;
 +
}
 +
#main{
 +
    width: 100%;
 +
margin: auto;
 +
    padding: 0px;
 +
    background-color: white;
 +
}
  
 +
body { background-color: white; margin: auto; padding: 0px; width: 100%;}
 +
 +
div {
 +
color: gray;
 +
}
 +
 +
#content {
 +
margin: 0px auto;
 +
background-color: white;
 +
width: 100%;
 +
padding: 0px;
 +
}
 +
 +
 +
.logo_2016 {display:none;}
 +
 +
 +
.column full_size {width: 100%;
 +
height: 700px;
 +
position: center; }
 +
 +
 +
p {
 +
margin: auto;
 +
width: 75%;
 +
color: gray;
 +
}
 +
 +
#firstHeading {
 +
font-size: 16px;
 +
color: #9D0EC8;}
 +
 +
a {
 +
opacity: 1.0;
 +
}
 +
 +
a:visited {
 +
color: #D49AE6;
 +
}
 +
 +
a.HeaderLinks {
 +
height: 50px;
 +
position: center;
 +
border: none;
 +
color: #D49AE6;
 +
text-align: center;
 +
text-decoration: none;
 +
font-size: 16px;
 +
}
 +
 +
 +
#top_title {
 +
background-color: white;
 +
}
 +
 +
 +
#MainTitle {
 +
padding: 60px;
 +
font-size: 60px;
 +
color: dimgray; }
 +
 +
 +
.firstHeading{
 +
    display: none;
 +
}
 +
 +
 +
body{
 +
font-size:15px;
 +
}
 +
 +
 +
header h1{
 +
text-align:center;
 +
color: dimgray;
 +
}
 +
 +
h2{
 +
color: #D49AE6;
 +
}
 +
 +
 +
#headerLinks {
 +
position: fixed;
 +
text-decoration: none;
 +
color: #b8975e;
 +
width: 100%;
 +
height: 50px;
 +
line-height: 50px;
 +
background-color: white;
 +
margin: auto;
 +
text-align:center;
 +
opacity: 0.7;
 +
}
 +
 +
 +
.header{
 +
width: 100%;
 +
padding: 0;
 +
margin: 0 auto;
 +
top: 0px;
 +
background-color: rgba(255,255,255,0.0);
 +
}
 +
 +
 +
#text{
 +
width: 900px;
 +
    padding: 0px;
 +
display: block;
 +
margin: 0px auto;
 +
}
 +
 +
#space{
 +
height:50px;
 +
}
 +
 +
 +
#sponsors-bottom{
 +
width: 100%;
 +
margin: 0px auto;
 +
text-align: center;
 +
display: block;
 +
}
 +
 +
 +
#sponsors-bottom a{
 +
margin: auto;
 +
width: 50%
 +
display: inline-block;
 +
}
 +
 +
 +
#space2{
 +
height:100px;
 +
}
 +
 +
 +
img.transparent {
 +
    opacity: 0.4;
 +
    filter: alpha(opacity=40); /* For IE8 and earlier */
 +
transition: opacity 0.5s ease-in-out;
 +
}
 +
 +
 +
img.transparent:hover {
 +
    opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
 +
 +
.img-right{
 +
width: 50%;
 +
float: right;
 +
}
 +
 +
 +
.img-left{
 +
width: 50%;
 +
float: left;
 +
}
 +
 +
 +
.display-block{
 +
width: 100%;
 +
margin: 0 auto;
 +
}
 +
 +
 +
.display-block img{
 +
display: block;
 +
}
 +
 +
#globalWrapper{
 +
background-color: white;
 +
padding: 0px;
 +
 +
 +
}
 +
 +
 +
/* Dropdown Button */
 +
.dropbtn {
 +
  margin: auto;
 +
  position: left; 
 +
  height: 100%;
 +
  width: 100%;
 +
  background-color: white;
 +
  color: #D49AE6;
 +
  padding: 14px;
 +
  font-size: 20px;
 +
  text-align: left;
 +
  border: none;
 +
  cursor: pointer;
 +
  transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
 +
}
 +
 +
/* The container <div> - needed to position the dropdown content */
 +
.dropdown {
 +
    position: relative;
 +
    display: inline-block;
 +
}
 +
 +
/* Dropdown Content (Hidden by Default) */
 +
.dropdown-content {
 +
    display: none;
 +
    opacity: 0.0;
 +
    position: absolute;
 +
    background-color: #D49AE6;
 +
    min-width: 200px;
 +
    text-align: left;
 +
    box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
 +
    transition: opacity 0.5s ease-in-out;
 +
}
 +
 +
/* Links inside the dropdown */
 +
.dropdown-content a {
 +
    color: white;
 +
    opacity: 0.0;
 +
    padding: 0px 10px;
 +
    font-size: 20px;
 +
    text-decoration: none;
 +
    display: block;
 +
    transition: opacity 0.5s ease-in-out;
 +
}
 +
 +
/* Change color of dropdown links on hover */
 +
.dropdown-content a:hover {background-color: #D49AE6}
 +
 +
/* Show the dropdown menu on hover */
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
    opacity: 1.0;
 +
}
 +
 +
.dropdown:hover .dropdown-content a {
 +
  opacity: 1.0;
 +
}
 +
 +
/* Change the background color of the dropdown button when the dropdown content is shown*/
 +
.dropbtn:hover {
 +
    background-color: #D49AE6;
 +
    color: white;
 +
}
 +
 +
#mainbanner{
 +
text-align: center;
 +
}
 +
 +
#mainbanner{
 +
    display: block;
 +
    margin: auto;;
 +
}
 +
#logo{
 +
height: 50px;
 +
opacity:0.4;
 +
}
 +
</style>
 +
 +
 +
 +
 +
 +
 +
</head>
 +
 +
<body>
 +
 +
 +
 +
<header>
 +
<div id="headerLinks">
 +
<a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a>
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown">
 +
  <a href="https://2016.igem.org/Team:LambertGA/Description" class="dropbtn">Project</a>
 +
    <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/Description">Description</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Design">Design</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Results">Results</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Notebook">Notebook</a>
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/Basic_Part">Basic Parts</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a>
 +
    </div>
 +
  </li><!--
 +
--><a  href="https://2016.igem.org/Team:LambertGA/Attributions"class="dropbtn">Attributions</a><!--
 +
--><a  href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Human_Pract" class="dropbtn">Human Practices</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/HP/Silver">Silver</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/HP/Gold">Gold</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/HP/Integrated_Practices">Integrated Practices</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/HP/Engagements">Engagements</a>
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Awards" class="dropbtn">Awards</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Model">Model</a>
 +
    </div>
 +
  </li>
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
 
 
</div>
 
</div>
  
 +
</header>
 +
 +
 +
<div class="column full_size" >
 +
 +
 +
<script type="text/javascript"></script>
 +
 +
<br>
 +
 +
<center> <h1 id="MainTitle"><b> Hardware </b></h1> </center>
  
  
−
<div class="column full_size">
 
  
  
  
−
<p>iGEM is about making teams of students making synthetic biology projects. We encourage teams to work with parts and build biological devices in the lab. But we are inclusive and want all teams to work on many other types of problems in synbio. Robotic assembly, microfluidics, low cost equipment and measurement hardware are all areas ripe for innovation in synbio. </p>
 
  
−
<p>
 
−
Teams who are interested in working with hardware as a side project are encouraged to apply for the hardware award.
 
 
</p>
 
</p>
  
−
<h5>Inspiration</h5>
+
<div class="button_click"  onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2015.igem.org/Team:TU_Delft">2015 TU Delft </a></li>
+
−
<li><a href="https://2015.igem.org/Team:TU_Darmstadt">2015 TU Darmstadt</a></li>
+
−
<li><a href="https://2015.igem.org/Team:Cambridge-JIC">2015 Cambridge JIC</a></li>
+
−
</ul>
+
  
 +
<!--<h2>2015 Lambert iGEM</h2>-->
 +
                <div id="officialLogo">
 +
 +
                </div>
 +
            </footer>
 +
<div id="space2">
 
</div>
 
</div>
 +
<div id="sponsors-bottom">
  
 +
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2016/9/9e/T--LambertGA--longhorn_iGEM_logo.png" class="transparent" style="height:100px;padding:20px;"></a>
 +
 +
</div>
  
  
 
</html>
 
</html>

Revision as of 12:38, 14 October 2016


Hardware