Difference between revisions of "Team:AshesiGhana/Notebook"

(Prototype team page)
 
Line 1: Line 1:
{{AshesiGhana}}
+
{{Template:AshesiGhana/NavBar}}
 +
 
 
<html>
 
<html>
  
  
<div class="column full_size">
 
  
<h1>Notebook</h1>
 
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
 
  
 +
 +
 +
 +
 +
 +
 +
 +
<style><!-- Declare that you are going to use html code instead of wiki code -->
 +
<html>
 +
 +
<!-- Start of CSS-->
 +
<style type="text/css">
 +
 +
/* WIKI SETTINGS*/
 +
 +
 +
 +
 +
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:90%; margin-top:-7px; margin-left:5%;, margin-right: 5%}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
 +
#page {
 +
width : 80%;
 +
 +
                    margin-left : 10%;
 +
                     
 +
 +
                     
 +
 +
}
 +
 +
 +
 +
 +
#menuContainer {
 +
width: 1250px;
 +
overflow:hidden;
 +
/*text-align:center;*/
 +
  margin:0 auto;
 +
}
 +
#menuContainer2 {
 +
width: 1250px;
 +
overflow:hidden;
 +
/*text-align:center;*/
 +
  margin-left:85px;
 +
}
 +
 +
#NavCont3 {
 +
 +
      padding: 0px !important;
 +
    border: 0px solid #565656 !important;
 +
    border-collapse: collapse !important;
 +
    vertical-align: text-top !important;
 +
}
 +
 +
nav li a {
 +
display: block; padding: 15px 25px;
 +
color: #e6b800 !important; text-decoration: none;
 +
     
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
div.exp {font:normal 0.9em/1.5em arial, sans-serif; color:#666;}
 +
a.exp {display:block;margin: 1em 0 0 0;text-decoration:none;border:1px solid black;border-radius:4px;background:#CDF;padding:10px;}
 +
a.exp::after {content:"»";float:right;}
 +
a.exp:focus {border-width: 1px 1px 0 1px;border-radius:4px 4px 0 0}
 +
a.exp + div {display:none;}
 +
a.exp:focus + div {display:block;border-width: 0 1px 1px 1px;border-style:solid; border-radius:0 0 4px 4px;border-color:black;}
 +
a.exp:focus::after {content:"";}
 +
div.exp *{padding:0.3em 10px 0em 10px;}
 +
div.exp *:last-child::after {content:"«";float:right;}
 +
div.exp *:first-child {margin-top:0;}
 +
 +
ul {margin-bottom: 2em;}
 +
ul li {list-style-position: inside;}
 +
ul li:last-child::after{content:'' !important;}
 +
 +
 +
 +
 +
 +
 +
.buttona {
 +
  border: 1px solid #0a3c59;
 +
  background: #13850d;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#65d676), to(#13850d));
 +
  background: -webkit-linear-gradient(top, #65d676, #13850d);
 +
  background: -moz-linear-gradient(top, #65d676, #13850d);
 +
  background: -ms-linear-gradient(top, #65d676, #13850d);
 +
  background: -o-linear-gradient(top, #65d676, #13850d);
 +
  background-image: -ms-linear-gradient(top, #65d676 0%, #13850d 100%);
 +
  padding: 10.5px 21px;
 +
  -webkit-border-radius: 6px;
 +
  -moz-border-radius: 6px;
 +
  border-radius: 6px;
 +
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  text-shadow: #6feb77 0 1px 0;
 +
  color: #005225 !important;
 +
  font-size: 14px;
 +
  font-family: helvetica, serif;
 +
  text-decoration: none;
 +
  vertical-align: middle;
 +
  }
 +
.buttona:hover {
 +
  border: 1px solid #0a3c59;
 +
  text-shadow: #1e4158 0 1px 0;
 +
  background: #09b000;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#65d676), to(#09b000));
 +
  background: -webkit-linear-gradient(top, #65d676, #09b000);
 +
  background: -moz-linear-gradient(top, #65d676, #09b000);
 +
  background: -ms-linear-gradient(top, #65d676, #09b000);
 +
  background: -o-linear-gradient(top, #65d676, #09b000);
 +
  background-image: -ms-linear-gradient(top, #65d676 0%, #09b000 100%);
 +
  color: #fff !important;
 +
  }
 +
.buttona:active {
 +
  text-shadow: #1e4158 0 1px 0;
 +
  border: 1px solid #0a3c59;
 +
  background: #9a65d6;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#7d3e9c), to(#09b000));
 +
  background: -webkit-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -moz-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -ms-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -o-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background-image: -ms-linear-gradient(top, #7d3e9c 0%, #9a65d6 100%);
 +
  color: #fff !important;
 +
  }
 +
 +
 +
 +
 +
 +
.buttonb {
 +
  border: 1px solid #0a3c59;
 +
  background: #3e779d;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
 +
  background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
 +
  background: -moz-linear-gradient(top, #65a9d7, #3e779d);
 +
  background: -ms-linear-gradient(top, #65a9d7, #3e779d);
 +
  background: -o-linear-gradient(top, #65a9d7, #3e779d);
 +
  background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
 +
  padding: 10.5px 21px;
 +
  -webkit-border-radius: 6px;
 +
  -moz-border-radius: 6px;
 +
  border-radius: 6px;
 +
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  text-shadow: #7ea4bd 0 1px 0;
 +
  color: #06416c !important;
 +
  font-size: 14px;
 +
  font-family: helvetica, serif;
 +
  text-decoration: none;
 +
  vertical-align: middle;
 +
  }
 +
.buttonb:hover {
 +
  border: 1px solid #0a3c59;
 +
  text-shadow: #1e4158 0 1px 0;
 +
  background: #4b98cc;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#4b98cc));
 +
  background: -webkit-linear-gradient(top, #65a9d7, #4b98cc);
 +
  background: -moz-linear-gradient(top, #65a9d7, #4b98cc);
 +
  background: -ms-linear-gradient(top, #65a9d7, #4b98cc);
 +
  background: -o-linear-gradient(top, #65a9d7, #4b98cc);
 +
  background-image: -ms-linear-gradient(top, #65a9d7 0%, #4b98cc 100%);
 +
  color: #fff !important;
 +
  }
 +
.buttonb:active {
 +
  text-shadow: #1e4158 0 1px 0;
 +
  border: 1px solid #0a3c59;
 +
  background: #9a65d6;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#7d3e9c), to(#4b98cc));
 +
  background: -webkit-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -moz-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -ms-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -o-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background-image: -ms-linear-gradient(top, #7d3e9c 0%, #9a65d6 100%);
 +
  color: #fff !important;
 +
  }
 +
 +
.buttonc {
 +
  border: 1px solid #0a3c59;
 +
  background: #9c813e;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#d6bf65), to(#9c813e));
 +
  background: -webkit-linear-gradient(top, #d6bf65, #9c813e);
 +
  background: -moz-linear-gradient(top, #d6bf65, #9c813e);
 +
  background: -ms-linear-gradient(top, #d6bf65, #9c813e);
 +
  background: -o-linear-gradient(top, #d6bf65, #9c813e);
 +
  background-image: -ms-linear-gradient(top, #d6bf65 0%, #9c813e 100%);
 +
  padding: 10.5px 21px;
 +
  -webkit-border-radius: 6px;
 +
  -moz-border-radius: 6px;
 +
  border-radius: 6px;
 +
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  text-shadow: #ebe56f 0 1px 0;
 +
  color: #855000 !important;
 +
  font-size: 14px;
 +
  font-family: helvetica, serif;
 +
  text-decoration: none;
 +
  vertical-align: middle;
 +
  }
 +
.buttonc:hover {
 +
  border: 1px solid #0a3c59;
 +
  text-shadow: #1e4158 0 1px 0;
 +
  background: #ccb74b;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#d6bf65), to(#ccb74b));
 +
  background: -webkit-linear-gradient(top, #d6bf65, #ccb74b);
 +
  background: -moz-linear-gradient(top, #d6bf65, #ccb74b);
 +
  background: -ms-linear-gradient(top, #d6bf65, #ccb74b);
 +
  background: -o-linear-gradient(top, #d6bf65, #ccb74b);
 +
  background-image: -ms-linear-gradient(top, #d6bf65 0%, #ccb74b 100%);
 +
  color: #fff !important;
 +
  }
 +
.buttonc:active {
 +
  text-shadow: #1e4158 0 1px 0;
 +
  border: 1px solid #0a3c59;
 +
  background: #9a65d6;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#7d3e9c), to(#ccb74b));
 +
  background: -webkit-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -moz-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -ms-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -o-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background-image: -ms-linear-gradient(top, #7d3e9c 0%, #9a65d6 100%);
 +
  color: #fff !important;
 +
  }
 +
 +
.buttond {
 +
  border: 1px solid #0a3c59;
 +
  background: #752727;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#d44e4e), to(#752727));
 +
  background: -webkit-linear-gradient(top, #d44e4e, #752727);
 +
  background: -moz-linear-gradient(top, #d44e4e, #752727);
 +
  background: -ms-linear-gradient(top, #d44e4e, #752727);
 +
  background: -o-linear-gradient(top, #d44e4e, #752727);
 +
  background-image: -ms-linear-gradient(top, #d44e4e 0%, #752727 100%);
 +
  padding: 10.5px 21px;
 +
  -webkit-border-radius: 6px;
 +
  -moz-border-radius: 6px;
 +
  border-radius: 6px;
 +
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  text-shadow: #c75252 0 1px 0;
 +
  color: #3d0000 !important;
 +
  font-size: 14px;
 +
  font-family: helvetica, serif;
 +
  text-decoration: none;
 +
  vertical-align: middle;
 +
  }
 +
.buttond:hover {
 +
  border: 1px solid #0a3c59;
 +
  text-shadow: #1e4158 0 1px 0;
 +
  background: #b55353;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#d44e4e), to(#b55353));
 +
  background: -webkit-linear-gradient(top, #d44e4e, #b55353);
 +
  background: -moz-linear-gradient(top, #d44e4e, #b55353);
 +
  background: -ms-linear-gradient(top, #d44e4e, #b55353);
 +
  background: -o-linear-gradient(top, #d44e4e, #b55353);
 +
  background-image: -ms-linear-gradient(top, #d44e4e 0%, #b55353 100%);
 +
  color: #fff !important;
 +
  }
 +
.buttond:active {
 +
  text-shadow: #1e4158 0 1px 0;
 +
  border: 1px solid #0a3c59;
 +
  background: #9a65d6;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#7d3e9c), to(#b55353));
 +
  background: -webkit-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -moz-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -ms-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -o-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background-image: -ms-linear-gradient(top, #7d3e9c 0%, #9a65d6 100%);
 +
  color: #fff !important;
 +
  }
 +
 +
 +
.buttone {
 +
  border: 1px solid #0a3c59;
 +
  background: #752727;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#f74dd8), to(#92139e));
 +
  background: -webkit-linear-gradient(top, #f74dd8, #92139e);
 +
  background: -moz-linear-gradient(top, #f74dd8, #92139e);
 +
  background: -ms-linear-gradient(top, #f74dd8, #92139e);
 +
  background: -o-linear-gradient(top, #f74dd8, #92139e);
 +
  background-image: -ms-linear-gradient(top, #f74dd8 0%, #92139e 100%);
 +
  padding: 10.5px 21px;
 +
  -webkit-border-radius: 6px;
 +
  -moz-border-radius: 6px;
 +
  border-radius: 6px;
 +
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
 +
  text-shadow: #ff7fe8 0 1px 0;
 +
  color: #52014e !important;
 +
  font-size: 14px;
 +
  font-family: helvetica, serif;
 +
  text-decoration: none;
 +
  vertical-align: middle;
 +
  }
 +
.buttone:hover {
 +
  border: 1px solid #0a3c59;
 +
  text-shadow: #1e4158 0 1px 0;
 +
  background: #b55353;
 +
    background: -webkit-gradient(linear, left top, left bottom, from(#f74dd8), to(#f558eb));
 +
  background: -webkit-linear-gradient(top, #f74dd8, #f558eb);
 +
  background: -moz-linear-gradient(top, #f74dd8, #f558eb);
 +
  background: -ms-linear-gradient(top, #f74dd8, #f558eb);
 +
  background: -o-linear-gradient(top, #f74dd8, #f558eb);
 +
  background-image: -ms-linear-gradient(top, #d44e4e 0%, #b55353 100%);
 +
  color: #fff !important;
 +
  }
 +
.buttone:active {
 +
  text-shadow: #1e4158 0 1px 0;
 +
  border: 1px solid #0a3c59;
 +
  background: #9a65d6;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#7d3e9c), to(#b55353));
 +
  background: -webkit-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -moz-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -ms-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background: -o-linear-gradient(top, #7d3e9c, #9a65d6);
 +
  background-image: -ms-linear-gradient(top, #7d3e9c 0%, #9a65d6 100%);
 +
  color: #fff !important;
 +
  }
 +
 +
 +
.headerbox { /* Main */
 +
                        float:right;
 +
                        width : 100%;
 +
                        height : 300px;
 +
                        border-radius: 8px;
 +
                 
 +
                        margin-top: 5px;
 +
                        background-color: red;
 +
                    background-size:contain;
 +
                        background-position:center;
 +
                      background-position: 50% 50%;
 +
 +
display: inline
 +
 +
clear: both;
 +
                 
 +
 
 +
}
 +
 +
 +
</style>
 +
 +
<div class="exp">
 +
<p></p>
 
</div>
 
</div>
<div class="clear"></div>
+
<div class = "headerbox" style=" text-align:center; background-color: transparent; background-image: url(https://static.igem.org/mediawiki/2016/8/8d/T--Sydney_Australia--notebook.png); background-repeat: no-repeat; height: 460px;" </div> </div>  
  
 +
<div id=page>
 +
       
 +
       
 +
 +
   
  
<div class="column half_size">
+
<a class="exp" href="#url" tabindex="1">Week 1: 11 April - 17 April </a>
<h5>What should this page have?</h5>
+
<div class="exp">
 +
<p>
 
<ul>
 
<ul>
<li>Chronological notes of what your team is doing.</li>
+
<li>Met up for the first time and were introduced to the project. Started to do some research on the project</li>
<li> Brief descriptions of daily important events.</li>
+
</ul></p>
<li>Pictures of your progress. </li>
+
<li>Mention who participated in what task.</li>
+
</ul>
+
  
 
</div>
 
</div>
  
<div class="column half_size">
 
<h5>Inspiration</h5>
 
<p>You can see what others teams have done to organize their notes:</p>
 
  
<ul>
+
 
<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>
+
<a class="exp" href="#url" tabindex="1">Week 2: 18 April - 24 April</a>
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
<div class="exp">
</ul>
+
 
 +
 
 +
 
  
 
</div>
 
</div>
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 3: 25 April - 1 May</a>
 +
<div class="exp">
 +
 +
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 4: 2 May - 8 May</a>
 +
<div class="exp">
 +
<h1>Wet Lab </h1>
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 5: 9 May - 15 May</a>
 +
<div class="exp">
 +
 +
</div>
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 6: 16 May - 22 May</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="2">Week 7: 23 May - 29 May</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 8: 30 May - 5 June</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 9: 6 June - 12 June</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 10: 13 June - 19 June</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 11: 20 June - 26 June</a>
 +
<div class="exp">
 +
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 12: 27 June - 3 July</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 13: 4 July - 10 July</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 14: 11 July - 17 July</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 15: 18 July - 24 July</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 16: 25 July - 31 July</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 17: 1 August - 7 August</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 18: 8 August - 14 August</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 19: 15 August - 21 August</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 20: 22 August - 28 August</a>
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 21: 21 August - 4 September </a>
 +
<div class="exp">
 +
 +
</div>
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 22: 5 September - 11 September</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 23: 12 September - 18 September</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<a class="exp" href="#url" tabindex="1">Week 24: 19 September - 25 September</a>
 +
<div class="exp">
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 
</html>
 
</html>
 +
 +
{{Template:AshesiGhana/Footer}}

Revision as of 13:21, 18 September 2017

Week 21: 21 August - 4 September
Week 22: 5 September - 11 September
Week 23: 12 September - 18 September
Week 24: 19 September - 25 September