Team:UTK-Knoxville/Notebook

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(2 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html lang="en">
 +
<head>
 +
<meta content="en-us" http-equiv="Content-Language" />
 +
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
 +
<style>
 +
html
 +
#top-section {
 +
height: 0px;
 +
border-top: none;
 +
border-left: none;
 +
border-right: none;
 +
}
 +
body {background: #999999;}
 +
#footer-box {display:none;}
 +
#contentSub,  .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: none;
 +
    background:#999999;}
 +
.firstHeading { display: none; }
 +
</style>
-
{{CSS/Main}}
+
<style>
 +
.back{
 +
background-color:#333333;
 +
width:100%;
 +
height:100%;
 +
}
 +
.banner{
 +
background-image: url('https://static.igem.org/mediawiki/2014/0/0d/BannerIdea2.png');
 +
/*background-color:#f77f00;*/
 +
width:100%;
 +
height:150px;
 +
align:center;
 +
overflow:hidden;
 +
border:none;
 +
margin:auto;
 +
}
 +
.banner td{
 +
border:none;
 +
text-align:center;
 +
        text-decoration:none;
 +
        padding-top:0px;
 +
}
 +
 +
.utlogo{
 +
align:left;
 +
display:inline-block;
 +
}
 +
#BannerText p{
 +
  font-family:"Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
 +
  /* font-size:15ems;*/
 +
  color:#000000;
 +
  text-align:center;
 +
  display:inline-block;
 +
  margin:auto;
 +
  vertical-align:middle;
 +
  padding:auto;
 +
}
 +
 +
div.igemlogo img{
 +
height: 75pt;
 +
width: 80pt;
 +
position:inherit;
 +
    float:right;
 +
    display:inline-block;    
 +
    }
 +
   
 +
    td#title{
 +
padding:auto;
 +
        font-size:2.4em;
 +
        font-weight:bold;
 +
    }
 +
   
 +
</style>
 +
</head>
-
<html>
+
<body bgcolor=#999999>
-
<!--main content -->
+
<!-- Top of the page:
-
<table width="70%" align="center">
+
needs Banner with link to igem website and then a navbar -->
 +
<div class="banner" style="height: 153px">
 +
<table class="banner" border="none" height="154px" style="width: 98%">
 +
<tbody>
 +
<tr>
 +
<td class="utlogo" style="width: 149px">
 +
<div class="utlogo">
 +
<img alt="University of Tennessee" src="https://static.igem.org/mediawiki/2014/d/de/Smokey.jpg" height="149" width="151" />
 +
</div>
 +
</td>
 +
<td id="title">
 +
<div id="BannerText" style="margin:auto;">
 +
<p id="title">Design Construction and Characterization<br>of Modular Chimeric Biosensors</p>
 +
</div>
 +
</td>
 +
<td>
 +
<div class="igemlogo">
 +
<a href="https://2014.igem.org/Main_Page">
 +
<img src="https://static.igem.org/mediawiki/igem.org/9/94/Igemlogo_officiallogo.png" />
 +
</a>
 +
</div>
 +
</td>
 +
  </tr>
 +
</tbody>
 +
</table>
 +
</div>
 +
<!-- The F***ing banner is done
 +
-----------------------------------------------------------------------------------------------------------------------
 +
THIS IS THE NAVBAR -->
 +
<style>
 +
.navbar{
 +
background-color:#ff9932;
 +
width:100%;
 +
height:auto;
 +
margin-top:7px;
 +
        margin-bottom:7px;
 +
}
-
<!--welcome box -->
+
.navbar li{
-
<tr>
+
display:inline-block;
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
text-decoration:none;
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
text-align:center;
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
}
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UTK-Knoxville/Notebook&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
.button{
-
<!-- end welcome box -->
+
padding-right:10px;
-
<tr>
+
padding-left:10px;
 +
border-right: 1px white;
 +
    border-left: 1px white;
-
<!--navigation menu -->
 
-
<td align="center" colspan="3">
 
-
<table  width="100%">
+
}
-
<tr heigth="15px"></tr>
+
.button a{
-
<tr heigth="75px">
+
padding-right:20px;
 +
padding-left:20px;
 +
padding-top:10px;
 +
padding-bottom:10px;
 +
    display:inline-block;
 +
    text-decoration:none;
 +
    color:white;
 +
    font-family:Arial, Helvetica, sans-serif;
 +
    font-size:14pt;
 +
    border-right: 1px white;
 +
    border-left: 1px white; 
 +
}
 +
.button ahover{
 +
background-color:#444444;
 +
}
 +
</style>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:UTK-Knoxville"style="color:#000000">Home </a> </td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div class="navbar">
-
<a href="https://2014.igem.org/Team:UTK-Knoxville/Team"style="color:#000000"> Team </a> </td>
+
<center>
 +
  <ul>
 +
<li><div class="button">
 +
<a href="https://2014.igem.org/Team:UTK-Knoxville">
 +
Home
 +
</a>
 +
</div></li>
 +
 +
<li><div class="button">
 +
<a href="https://2014.igem.org/Team:UTK-Knoxville/Team">
 +
Team
 +
  </a>
 +
 +
</div></li>
 +
 +
 +
<li><div class="button">
 +
<a href="https://2014.igem.org/Team:UTK-Knoxville/Project">
 +
  Project
 +
  </a>
 +
</div></li>
 +
 +
<li><div class="button">
 +
 +
<a href="https://2014.igem.org/Team:UTK-Knoxville/Parts">
 +
  Parts
 +
  </a>
 +
 +
</div></li>
 +
 +
<li><div class="button">
 +
 +
<a href="https://2014.igem.org/Team:UTK-Knoxville/Notebook">
 +
    Notebook
 +
    </a>
 +
</div></li>
 +
 +
<li><div class="button">
 +
 +
<a href="https://2014.igem.org/Team:UTK-Knoxville/Safety">
 +
Safety
 +
</a>
 +
    </div></li>
 +
   
 +
    <li><div class="button">
 +
   
 +
  <a href="https://2014.igem.org/Team:UTK-Knoxville/oUTreach">
 +
  oUTreach
 +
  </a>
 +
</div> </li>
 +
</ul>
 +
  </center>
 +
</div>
 +
<!-- Banner completed
 +
-----------------------------------------------------------------------------------------------------------------
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
MAIN PAGE
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UTK-Knoxville"style="color:#000000"> Official Team Profile </a></td>
+
-->
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
<style>
-
<a href="https://2014.igem.org/Team:UTK-Knoxville/Project"style="color:#000000"> Project</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.page{
-
<a href="https://2014.igem.org/Team:UTK-Knoxville/Parts"style="color:#000000"> Parts</a></td>
+
width:100%;
 +
font-family: Verdana, sans-serif;
 +
margin-left:auto;
 +
margin-right:auto;
 +
background-color:white;
 +
}
 +
.page img#UTK{
 +
    display:block;
 +
    margin-left:auto;
 +
    margin-right:auto;
 +
    width:500px;
 +
    height:200px;
 +
 
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.page p{
-
<a href="https://2014.igem.org/Team:UTK-Knoxville/Modeling"style="color:#000000"> Modeling</a></td>
+
padding-left:5%;
 +
padding-right:5%;
 +
padding-top:10px;
 +
padding-bottom:10px;
 +
 +
}
 +
.page h3{
 +
padding-left:3%;
 +
padding-top:0px;
 +
padding-bottom:0px;
 +
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
}
-
<a href="https://2014.igem.org/Team:UTK-Knoxville/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.head{
-
<a href="https://2014.igem.org/Team:UTK-Knoxville/Safety"style=" color:#000000"> Safety </a></td>
+
text-decoration:underline;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.text{
-
<a href="https://2014.igem.org/Team:UTK-Knoxville/Attributions"style="color:#000000"> Attributions </a></td>
+
margin-left:3%;
 +
}
 +
#top{
 +
padding-top:0px;
 +
}
 +
h2{
 +
    font-family: Verdana, sans-serif;
 +
padding-top:15px;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
#platform{
-
</tr>
+
    display:block;
-
</table>
+
    position:relative;
 +
    padding-top:20px;
 +
padding-bottom:20px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
 +
}
 +
.notebook {
 +
    position: relative;
 +
display:inline-block;
 +
border: 2px solid #7466f2;
 +
background-color:#DFDCF2;
 +
margin-left:10px;
 +
margin-right:10px;
 +
margin-top:20px;
 +
padding-left: 20px;
 +
padding-right:20px;
 +
padding-top:20px;
 +
padding-bottom:20px;
 +
border-radius:20px;
 +
 +
 +
}
-
</tr>
+
.notebook a{
 +
    position: relative;
 +
 +
color:black;
 +
font-family: Verdana, sans-serif;
 +
height=50px;
 +
width=25%;
 +
text-decoration:none;
 +
text-align:center;
 +
margin-left:auto;
 +
margin-right:auto;
 +
font-size:16pt;
 +
padding:0px;
 +
 +
}
 +
.notebook:hover{
 +
background-color:#c4bff2;
 +
text-decoration:underline;
 +
}
-
</tr>
+
</style>
-
+
 +
<div class="page">
 +
<!--<h1>Notebook</h1>
 +
Need: Media Protocol Experimental Procedures, timeLine
 +
-->
 +
<center>
-
</td>
+
<h1>NOTEBOOK</h1>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
 +
<div class="notebook">
 +
<a href="https://2014.igem.org/Team:UTK-Knoxville/media" >
 +
  Media
 +
    </a>
 +
</div>
-
<!--requirements section -->
+
<div class="notebook">
-
<tr><td colspan="3"> <h3>Notebook</h3></td></tr>
+
<a href="https://2014.igem.org/Team:UTK-Knoxville/protocol" >
-
</tr>
+
  Protocol
 +
    </a>
 +
</div>
 +
<div class="notebook">
 +
<a href="https://2014.igem.org/Team:UTK-Knoxville/procedures" >
 +
  Experimental Procedures
 +
    </a>
 +
</div>
 +
<div class="notebook">
 +
<a href="https://2014.igem.org/Team:UTK-Knoxville/timeline" >
 +
  Timeline
 +
    </a>
 +
</div>
 +
</center>
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p>You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well. </p>
 
-
</td>
 
-
<td></td>
 
-
<td></td>
 
-
</tr>
 
-
</table>
+
<br><br>
 +
<img id="UTK"alt="UTK" src="https://static.igem.org/mediawiki/2014/8/88/UTK.png" />
 +
 
 +
 
 +
</div>
 +
<br>
 +
<!-- end of page -->
 +
 
 +
</body>
 +
 
</html>
</html>

Latest revision as of 20:41, 15 July 2014