Team:LIKA-CESAR-Brasil/Notebook

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(10 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 *** -->
 
-
 
-
 
{{CSS/Main}}
{{CSS/Main}}
 +
<html lang="pt-br">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <link rel="icon" href="favicon.ico">
 +
    <title>LIKA | CESAR</title>
-
<html>
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
-
 
+
<style type="text/css">
-
<!--main content -->
+
body {
-
<table width="70%" align="center">
+
font-size:12px;
-
 
+
color:#111;
-
 
+
height:100%;
-
<!--welcome box -->
+
background:#ededed;
-
<tr>
+
/*min-width: 1326px;*/
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
}
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
.container {
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
width:80%;
-
<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>
+
background: rgb(255,255,255); /* Old browsers */
-
<br>
+
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:LIKA-CESAR-Brasil/Notebook&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
-
</td>
+
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
-
</tr>
+
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
-
 
+
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
-
<!-- end welcome box -->
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
-
<tr>
+
}
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">  
+
-
 
+
-
 
+
-
<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:LIKA-CESAR-Brasil"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>
+
-
<a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=LIKA-CESAR-Brasil"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> 
+
-
<a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/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>
+
-
<a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Parts"style="color:#000000"> Parts</a></td>
+
-
 
+
-
<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:LIKA-CESAR-Brasil/Modeling"style="color:#000000"> Modeling</a></td>
+
-
 
+
-
<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:LIKA-CESAR-Brasil/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>
+
-
<a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Safety"style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<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:LIKA-CESAR-Brasil/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<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>
+
-
</tr>
+
-
</table>
+
-
 
+
-
 
+
-
</tr>
+
-
 
+
-
 
+
-
</tr>
+
-
+
 +
.navbar-brand {
 +
padding: 5px;
 +
}
 +
.col-md-10  {
 +
width:100%;
 +
padding: 20px 70px 20px 50px;
 +
min-height:200px;
 +
padding-bottom:50px;
 +
}
 +
.col-md-4 {
 +
padding-bottom:70px;
 +
}
 +
.navbar-inverse {
 +
    background-color: #ededed;
 +
border-color: #ededed;
 +
}
 +
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
 +
    color: #006600;
 +
    background-color: #8cff00;
 +
}
 +
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
 +
    color: #006600;
 +
    background-color: #8cff00;
 +
}
 +
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
 +
    color: #006600;
 +
    background-color: transparent;
 +
}
 +
.navbar-inverse .navbar-nav > li > a:focus {
 +
    color: #006600;
 +
    background-color: transparent;
 +
}
 +
.nav > li > a {
 +
    display: block;
 +
    padding: 25px 15px;
 +
    position: relative;
 +
}
 +
.menu{
 +
color:black;
 +
z-index:999;
 +
position:relative;
 +
float:right;
 +
margin:auto;
 +
}
 +
.videohome{
 +
background:#ededed;
 +
}
 +
.menu ul{
 +
margin:0 auto;
 +
}
 +
.jumbotron {
 +
background:url("https://static.igem.org/mediawiki/2014/7/7a/Banner_top.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:40px;
 +
}
 +
.jumbotron02 {
 +
background:url("https://static.igem.org/mediawiki/2014/5/52/Banner_top02.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronSafety {
 +
background:url("https://static.igem.org/mediawiki/2014/7/7a/Banner_top.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronParts {
 +
        background:url("https://static.igem.org/mediawiki/2014/6/63/Banner_top_bricks.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronHuman {
 +
background:url("https://static.igem.org/mediawiki/2014/1/12/Banner_top05.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronProject {
 +
background:url("https://static.igem.org/mediawiki/2014/b/be/Banner_top04.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.jumbotronAdvisors {
 +
background:url("https://static.igem.org/mediawiki/2014/3/3b/Banner_top03.jpg");
 +
border-top: solid 5px #8cff00;
 +
border-bottom: solid 5px #8cff00;
 +
background-size:cover;
 +
width:80%;
 +
height:331px;
 +
margin:auto;
 +
margin-top:80px;
 +
}
 +
.igem-logo{
 +
    background:url("https://static.igem.org/mediawiki/2014/4/4e/Banner_top_03.png") ;
 +
    background-color:transparent;
 +
    width: 50px;
 +
    height:50px;
 +
    z-index: 99;
 +
    background-repeat: no-repeat;
 +
}
-
</td>
+
/*
 +
.navbar .container {
 +
min-width: 1322px;
 +
    z-index: 9999;
 +
}
 +
*/
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
h2 {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
font-size: 26px;
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
color:#339900;
 +
}
 +
.videocapa{
 +
width:35%;
 +
float:right;
 +
min-height:300px;
 +
margin-top:10px;
 +
}
 +
p {
 +
font-size: 12px;
 +
color:#444;
 +
}
 +
footer {
 +
background:#b8b8b8;
 +
width:100%;
 +
padding: 50px;
 +
  clear:both;
 +
position: relative;
 +
bottom:0;
 +
border-top: solid 8px #8cff00;
 +
}
 +
footer p {
 +
margin:auto;
 +
padding-top:10px;
 +
text-align:center;
 +
width:50%;
 +
color:#006600;
 +
}
 +
.firstHeading {
 +
display:none;
 +
}
 +
table{
 +
color:#888;
 +
font-size:16px;
 +
border: solid 1px #ccc;
 +
}
 +
h1 {
 +
  font-size: 26px;
 +
color:#339900;
 +
}
 +
h2 {
 +
font-size: 22px;
 +
color:#339900;
 +
}
 +
h3 {
 +
font-size: 18px;
 +
color:#339900;
 +
}
 +
h4 {
 +
font-size: 16px;
 +
color:#339900;
 +
}
 +
.listHorizontal{
 +
    list-style: none;
 +
    display:inline-block;
 +
    margin-left: 0.3em;
 +
}
-
<!--requirements section -->
+
.listHorizontal li{
-
<tr><td colspan="3"> <h3>Notebook</h3></td></tr>
+
    padding: 0px 5px 0px 5px;
-
</tr>
+
}
 +
div#globalWrapper {
 +
position: relative;
 +
font-size: 100%;
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;
 +
padding-bottom: 10px;
 +
}
-
<tr>
+
</style>
-
<td width="45%" valign="top">  
+
  </head>
-
<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>
+
  <body>
-
</td>
+
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
      <div class="container">
 +
    <header>
-
<td></td>
+
      <div class="navbar-header">
-
<td></td>
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
-
</tr>
+
            <span class="sr-only">Toggle navigation</span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </button>
 +
      <a class="navbar-brand" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil"><img src="https://static.igem.org/mediawiki/2014/5/55/Marca.png" alt="Marca LIKA"></a>
 +
        </div>
 +
      <div class="navbar-collapse collapse menu">
 +
            <ul class="nav navbar-nav">
 +
        <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil">HOME</a></li>
 +
              <li class="dropdown">
 +
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM<span class="caret"></span></a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Partnerships">Partnerships</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/TeamProfile">Official Team Profile</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Advisors">Advisors</a></li>
 +
        </ul>
 +
              </li>
 +
              <li class="dropdown">
 +
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Overview">Overview</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Robot">Robot</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ColiAlert">ColiAlert</a></li>
 +
  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/BioSensor">Biosensor</a></li>
 +
              </ul>
 +
              </li>
 +
        <li class="dropdown">
 +
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">PARTS<span class="caret"></span></a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Biobricks">Biobricks</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Notebook">Notebook</a></li>
 +
                </ul>
 +
              </li>       
 +
        <li class="dropdown">
 +
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE<span class="caret"></span></a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Lectures">Lectures</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Society">Survey and Society Interaction</a></li>
 +
  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/MeetUp ">Meet Up</a></li>
 +
                  <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/SocialImpact">Social Impact</a></li>
 +
                </ul>
 +
              </li>
 +
        <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Safety">SAFETY</a></li>
 +
        <li><a href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Atribuitons">ATRIBUITIONS</a></li>
 +
        <li class="igem-logo"><a href="https://2014.igem.org/"></a></li>
 +
            </ul>
 +
          </div><!--/.nav-collapse -->
 +
      </header>
 +
      </div>
 +
    </div>
 +
    <!-- Main jumbotron for a primary marketing message or call to action -->
 +
    <div class="jumbotronParts"></div>
 +
    <div class="container">
 +
      <!-- Example row of columns -->
 +
      <div class="row">
 +
        <div class="col-md-10">
 +
        <h1>NOTEBOOK</h1>
 +
<div class="dropdown">
 +
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">Select a topic to know each of the protocols used by our team:<span class="caret"></span>
 +
  </button>
 +
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/TheRobot">Robot</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ProtocolCells">Protocol competent cells</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/TransformationProtocol">Transformation protocol</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ExtractionProtocol">Extraction protocol of plasmid DNA (Miniprep)</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/PCR">PCR</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/CollectBiological">Collect the Biological Samples</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ExtractionRNA">Extraction of RNA</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/TestColialert">Test of ColiAlert with different pH</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/BiosensorConstruction">Biossensor Construction</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/ImmoblizationProcess">Immobilization Process</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Hybridization">Hybridization Process</a></li>
 +
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2014.igem.org/Team:LIKA-CESAR-Brasil/Electrochemical">Electrochemical Analysis</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<footer>
 +
<a href="http://www.ufpe.br/lika/"><img src="https://static.igem.org/mediawiki/2014/2/2f/Img_logolika.png" alt="Marca LIKA"></a>
 +
<a href="http://www.cesar.org.br"><img src="https://static.igem.org/mediawiki/2014/d/d7/Img_logocesar.png" alt="Marca CESAR"></a>
 +
</footer>
 +
</div>
 +
</div> <!-- /container -->
 +
        <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
</table>
+
  </body>
</html>
</html>

Latest revision as of 02:28, 18 October 2014

LIKA | CESAR

NOTEBOOK

Marca LIKA Marca CESAR

Retrieved from "http://2014.igem.org/Team:LIKA-CESAR-Brasil/Notebook"