Difference between revisions of "Team:Sheffield/Notebook"

(Prototype team page)
 
Line 1: Line 1:
{{Sheffield}}
 
 
<html>
 
<html>
 +
<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="">
 +
 +
<title>A template page</title>
  
 +
<link rel="stylesheet" type="text/css"
 +
                href="https://2016.igem.org/Template:Sheffield/style/template?action=raw&ctype=text/css" />
  
<div class="column full_size">
+
                <link rel="stylesheet" type="text/css"
 +
                href="https://2016.igem.org/Template:Sheffield/style/slide?action=raw&ctype=text/css" />
 +
               
 +
            <link rel="stylesheet" type="text/css"
 +
                href="https://2016.igem.org/Template:Sheffield/style/banner?action=raw&ctype=text/css" />
 +
               
 +
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
                <script
 +
                  src="https://2016.igem.org/Template:Sheffield/scripts/min?action=raw&ctype=text/javascript"></script>
 +
                <script
 +
                  src="https://2016.igem.org/Template:Sheffield/scripts/banner?action=raw&ctype=text/javascript"></script>
 +
               
 +
                <script
 +
                  src="https://2016.igem.org/Template:Sheffield/scripts/jquery-ui?action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
 +
    #top_title, #sideMenu{
 +
      display:none;
 +
      }
 +
    #content{
 +
      background-color:black;
 +
      width:100%;
 +
      margin:0;
 +
      padding:0;
 +
    }
 +
    .mw-content-ltr ul {
 +
      margin-left:0px;
 +
}
 +
#blank {
 +
width:165px;
 +
}
  
<p> Document the dates you worked on your project.</p>
 
  
</div>
 
  
<div class="column half_size">
+
#HQ_page th, #HQ_page td, #HQ_page table {
<h5>What should this page have?</h5>
+
      border:rgba(1,1,1,0);
<ul>
+
      padding:0px;
<li>Chronological notes of what your team is doing.</li>
+
      vertical-align:middle;
<li> Brief descriptions of daily important events.</li>
+
      background-color:rgba(1,1,1,0) ;
<li>Pictures of your progress. </li>
+
      }
<li>Mention who participated in what task.</li>
+
</ul>
+
  
</div>
+
#HQ_page h1 {
 +
      font-family:Century Gothic;
 +
      font-weight:normal;
 +
}
  
<div class="column half_size">
+
#shield  p {
<h5>Inspiration</h5>
+
        font-size:25px;
<p>You can see what others teams have done to organize their notes:</p>
+
      }
  
<ul>  
+
@media (min-width:992px) and (max-width:1199px) {
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
 
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
 
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
}
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
 
</ul>
+
@media (min-width:768px) and (max-width:991px) {
 +
#shield  p {
 +
        font-size:20px;
 +
      }
 +
#shield li {
 +
        font-size:20px;
 +
}
 +
}
 +
 
 +
@media (max-width:767px) {
 +
      #shield  p {
 +
        font-size:15px;
 +
        margin:10px;
 +
      }
 +
     
 +
#shield li {
 +
font-size:12px;
 +
}
 +
      #shield h2 {
 +
        font-size:30px;
 +
        margin-left:5px;
 +
      }
 +
     
 +
      #shield span {
 +
      font-size:18px;
 +
      }
 +
}
 +
     
 +
</style>
 +
 
 +
 
 +
</head>
 +
 +
 
 +
<body style="min-height:2000px;background-color:black">
 +
<nav class="navbar navbar-default navbar-fixed-top">
 +
      <div class="container">
 +
 
 +
        <div class="navbar-header">
 +
          <div class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
            <img src="https://static.igem.org/mediawiki/2016/a/a5/T--Sheffield--Website-home-mobile.png">
 +
          </div>
 +
          <!-- <a class="navbar-brand" href="#">Igem Sheff 16</a> -->
 +
        </div>
 +
       
 +
        <div id="navbar" class="navbar-collapse collapse">
 +
 +
          <ul class="nav navbar-nav">
 +
 
 +
<li id="navimage" >
 +
<table id="imgtable">
 +
<th>
 +
<div class="navimagediv">
 +
<a href="https://2016.igem.org/Team:Sheffield"><img src="https://static.igem.org/mediawiki/2016/1/18/T--Sheffield--navbar-logo.png"></a>
 +
</div>
 +
</th>
 +
</table>
 +
            </li>
 +
    <li class="dropdown" id="li-home">
 +
              <a href="https://2016.igem.org/Team:Sheffield" >
 +
  <center>
 +
<table id="navtable">
 +
<th>
 +
<center>
 +
<div id="nav-intro">
 +
</div>
 +
</center>
 +
</th>
 +
<tr>
 +
<td>
 +
<p>HOME</p>
 +
</td>
 +
</tr>
 +
</table>
 +
  </center>
 +
              </a>
 +
            </li>  
 +
            <li class="dropdown">
 +
            <a href="https://2016.igem.org/Team:Sheffield/Description" class="dropdown-toggle"  >
 +
  <center>
 +
<table id="navtable">
 +
<th>
 +
<center>
 +
<div id="nav-intro">
 +
<img src="https://static.igem.org/mediawiki/2016/5/53/T--Sheffield--Intro-Icon.png">
 +
</div>
 +
</center>
 +
</th>
 +
<tr>
 +
<td>
 +
<p>INTRO</p>
 +
</td>
 +
</tr>
 +
</table>
 +
  </center>
 +
              </a>
 +
            </li>          
 +
           
 +
            <li class="dropdown">
 +
              <a href="https://2016.igem.org/Team:Sheffield/project" class="dropdown-toggle"  >
 +
  <center>
 +
<table id="navtable">
 +
<th>
 +
<center>
 +
<div id="nav-project">
 +
<img src="https://static.igem.org/mediawiki/2016/8/86/T--Sheffield--icon-project.png">
 +
</div>
 +
</center>
 +
</th>
 +
<tr>
 +
<td>
 +
<p>PROJECT</p>
 +
</td>
 +
</tr>
 +
</table>
 +
  </center>
 +
              </a>
 +
            </li>
 +
 +
<li class="dropdown">
 +
              <a href="https://2016.igem.org/Team:Sheffield/Team" class="dropdown-toggle" >
 +
  <center>
 +
<table id="navtable">
 +
<th>
 +
<center>
 +
<div id="nav-team">
 +
<img src="https://static.igem.org/mediawiki/2016/0/07/T--Sheffield--icon-team.png">
 +
</div>
 +
</center>
 +
</th>
 +
<tr>
 +
<td>
 +
<p>TEAM</p>
 +
</td>
 +
</tr>
 +
</table>
 +
  </center>
 +
              </a>
 +
            </li> 
 +
         
 +
<li class="dropdown">
 +
              <a href="https://2016.igem.org/Team:Sheffield/Notebook" class="dropdown-toggle" >
 +
  <center>
 +
<table id="navtable">
 +
<th>
 +
<center>
 +
<div id="nav-notebook">
 +
<img src="https://static.igem.org/mediawiki/2016/c/ce/T--Sheffield--icon-notebook.png">
 +
</div>
 +
</center>
 +
</th>
 +
<tr>
 +
<td>
 +
<p>NOTES</p>
 +
</td>
 +
</tr>
 +
</table>
 +
  </center>
 +
              </a>
 +
            </li>  
 +
           
 +
            <li class="dropdown">
 +
              <a href="https://2016.igem.org/Team:Sheffield/judging" class="dropdown-toggle" >
 +
  <center>
 +
<table id="navtable">
 +
<th>
 +
<center>
 +
<div id="nav-judging">
 +
<img src="https://static.igem.org/mediawiki/2016/3/35/T--Sheffield--icon-judging.png">
 +
</div>
 +
</center>
 +
</th>
 +
<tr>
 +
<td>
 +
<p>JUDGING</p>
 +
</td>
 +
</tr>
 +
</table>
 +
  </center>
 +
              </a>
 +
            </li> 
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
    </nav>
 +
   
 +
    <div id="shield">
 +
    <div class = "container" >
 +
<div class="spacer"></div>
 +
<div class="heading">
 +
<table>
 +
<th class="banner-img">
 +
<img src="https://static.igem.org/mediawiki/2016/6/67/T--Sheffield--heading-banner.png">
 +
</th>
 +
<th>
 +
<div class="heading-title"><h1 style="padding:0px">NOTEBOOK</h1></div>
 +
</th>
 +
<th class="banner-img">
 +
<img src="https://static.igem.org/mediawiki/2016/b/b2/T--Sheffield--heading-banner-flip.png">
 +
</th>
 +
</table>
 +
</div>
 +
               
 +
<div class = "jumbotron">
 +
<p>SCIENCE! and other stuff </p>
 +
</div>
 +
    </div>
 +
    </div>
 +
    <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
   
 +
   
 +
   
 +
   
 +
</body>
  
</div>
 
 
</html>
 
</html>

Revision as of 19:52, 18 October 2016

A template page

NOTEBOOK

SCIENCE! and other stuff