Difference between revisions of "Team:LambertGA/Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{LambertGA}}
 
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
 +
#sideMenu { display:none; }
  
  
−
<div class="column full_size judges-will-not-evaluate">
+
body { background-color: white;}
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#Special_Prizes"> design special prize</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/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
#content {
 +
margin-left: auto;
 +
background-color: #C8A2C8; }
 +
 
 +
 
 +
.logo_2016 {display:none;}
 +
 
 +
 
 +
.column full_size {width: 800 px;
 +
height: 700px;
 +
position: center; }
 +
 
 +
 
 +
 
 +
#firstHeading {
 +
font-size: 16px;
 +
color: #9D0EC8;}
 +
 
 +
 
 +
a.HeaderLinks {
 +
position: center;
 +
background-color: #D49AE6;
 +
border: none;
 +
color: white;
 +
padding: 10px 20px;
 +
text-align: center;
 +
text-decoration: none;
 +
font-size: 16px;
 +
}
 +
 
 +
 
 +
#top_title {
 +
background-color: white;
 +
}
 +
 
 +
 
 +
#MainTitle {
 +
padding: 30px;
 +
font-size: 60px; }
 +
 
 +
 
 +
#mainContainer{
 +
    background-color: white;
 +
    width: 100%;
 +
}
 +
 
 +
 
 +
#main{
 +
    width: 100%;
 +
    padding: 15px;
 +
    background-color: white;
 +
}
 +
 
 +
 
 +
.firstHeading{
 +
    display: none;
 +
}
 +
 
 +
 
 +
body{
 +
font-size:15px;
 +
}
 +
 
 +
 
 +
header h1{
 +
text-align:center;
 +
}
 +
 
 +
 
 +
#headerLinks {
 +
text-decoration: none;
 +
color: #b8975e;
 +
font-size: 20px;
 +
padding: 0 20px;
 +
width: 100%;
 +
background-color: rgba(255,255,255,0.7);
 +
padding: 15px;
 +
position-left: 10px;
 +
text-align:center;
 +
}
 +
 
 +
 
 +
.header{
 +
width: 1000px;
 +
padding: 0;
 +
margin: 0 auto;
 +
top: 0px;
 +
background-color: rgba(255,255,255,0.0);
 +
}
 +
 
 +
 
 +
#text{
 +
width: 900px;
 +
    padding: 25px 0px;
 +
display: block;
 +
margin: 5px auto;
 +
}
 +
 
 +
 
 +
#space{
 +
height:50px;
 +
}
 +
 
 +
 
 +
#sponsors-bottom{
 +
width: 1000px;
 +
margin: 150px auto 0px auto;
 +
text-align: center;
 +
display: block;
 +
}
 +
 
 +
 
 +
#sponsors-bottom a{
 +
display: inline-block;
 +
}
 +
 
 +
 
 +
#space2{
 +
height:100px;
 +
}
 +
 
 +
 
 +
img.transparent {
 +
    opacity: 0.4;
 +
    filter: alpha(opacity=40); /* For IE8 and earlier */
 +
}
 +
 
 +
 
 +
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: 30px;
 +
 
 +
}
 +
 
 +
/* Dropdown Button */
 +
.dropbtn {
 +
  position: left; 
 +
  background-color: #D49AE6;
 +
  color: white;
 +
  padding: 10px;
 +
  font-size: 16px;
 +
  text-align: left;
 +
  border: none;
 +
  cursor: pointer;
 +
}
 +
 
 +
/* The container <div> - needed to position the dropdown content */
 +
.dropdown {
 +
    position: relative;
 +
    display: inline-block;
 +
}
 +
 
 +
/* Dropdown Content (Hidden by Default) */
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #D49AE6;
 +
    min-width: 140px;
 +
    text-align: left;
 +
    box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
 +
}
 +
 
 +
/* Links inside the dropdown */
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 10px 10px;
 +
    font-size: 16px;
 +
    text-decoration: none;
 +
 
 +
    display: block;
 +
}
 +
 
 +
/* 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;
 +
}
 +
 
 +
/* Change the background color of the dropdown button when the dropdown content is shown */
 +
.dropdown:hover .dropbtn {
 +
    background-color: #D49AE6;
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
 
 +
<header>
 +
<div id="headerLinks">
 +
<!--<a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA" >Home -->
 +
<a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a>
 +
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Description">Project> -->
 +
  </a><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/Design">Design</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Description">Description</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>
 +
    </div>
 +
  </li>
 +
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Parts">Parts -->
 +
</a><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>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Part_Collection">Part Collection</a>
 +
    </div>
 +
  </li>
 +
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Team">Team -->
 +
</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>
 +
</a>
 +
<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>
 +
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Human_Practices">Human Practices -->
 +
</a><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/Silver">Silver</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Gold">Gold</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Integrated_Pract">Integrated Practices</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/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/Entrepreneurship">Entrepreneurship</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Software">Software</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>
 +
</a>
 +
 
 
</div>
 
</div>
 +
 +
</header>
 +
 +
 +
<div class="column full_size" style="background-color:#C8A2C8" >
 +
 +
 +
<script type="text/javascript"></script>
 +
 +
 +
 +
<center> <h1 id="MainTitle"><b> Design </b></h1> </center>
 +
 +
  
  
  
−
<div class="column full_size">
 
  
  
−
<p>
 
−
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page.
 
−
</p>
 
  
  
−
<p>This is a prize for the team that has developed a synthetic biology 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.</p>
 
  
−
<p>
 
−
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
 
 
</p>
 
</p>
  
 +
<div class="button_click"  onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">
  
−
<p>Teams who want to focus on art and design should be in the art and design special track. If you want to have a sub-project in this area, you should compete for this award.</p>
+
<!--<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/2015/a/a4/Lambert_lhslogo.jpg" class="transparent" style="width:100px;height=130px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/6/69/Lambert_lhslogo_gray.jpg-->
  
 +
<a href="http://www.snapgene.com"> <img src="https://static.igem.org/mediawiki/2015/8/83/Lambert_sglogo.jpg" class="transparent" style="width:200px;height:60px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/d/dc/Lambert_snapgenelogo_gray.jpg-->
  
 +
<a href="http://www.gatech.edu/"><img src="https://static.igem.org/mediawiki/2015/1/10/Lambert_gtlogo.jpg" class="transparent" style="width:100px;height:100px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/a/a3/Lambert_gtlogo_gray.jpg-->
 +
 +
<a href="http://www.foldscope.com/"><img src="https://static.igem.org/mediawiki/2015/9/90/Lambert_foldscopelogo.jpg" class="transparent" style="width:100px;height 150px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/3/31/Lambert_foldscopelogo_gray.jpg-->
 +
 +
<a href="http://www.chick-fil-a.com/"><img src="https://static.igem.org/mediawiki/2015/c/cb/Lambert_cfalogo.jpg" class="transparent" style="width:200px;height:75px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/c/cf/Lambert_cfalogo_gray.jpg-->
 +
 +
<a href="http://atlantasciencefestival.org/"><img src="https://static.igem.org/mediawiki/2015/8/80/Lambert_asflogo.jpg" class="transparent" style="width:150px;height:100px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/0/05/Lambert_asflogo_gray.jpg-->
 +
 +
<a href="https://www.neb.com/"><img src="https://static.igem.org/mediawiki/2015/e/e4/Lambert_neblogo.jpg" class="transparent" style="width:200px;height:70px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/2/27/Lambert_neblogo_gray.jpg-->
 +
 +
<a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2015/4/46/Lambert_idtlogo.jpg" class="transparent" style="width:200px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/9/9e/Lambert_idtlogo_gray.jpg-->
 +
 +
<a href="http://www.nsf.gov/"><img src="https://static.igem.org/mediawiki/2015/8/86/Lambert_nsflogo.jpg" class="transparent" style="width:150px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/1/16/Lambert_nsflogo_gray.jpg-->
 +
 +
<a href="http://www.nextgenerationfocus.org/"><img src="https://static.igem.org/mediawiki/2015/e/e4/Lambert_ngflogo.jpg" class="transparent" ></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/0/08/Lambert_ngflogo_gray.jpg-->
 +
 +
 +
</div>
  
  
 
</html>
 
</html>

Revision as of 16:55, 30 September 2016

Design