Team:Manchester/Notebooktest

From 2013.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 138: Line 138:
}
}
-
#content, #body
+
#content
{
{
-
background-color:#white;
+
background-color:white;
 +
}
 +
 
 +
body
 +
{
 +
background:white;
}
}
Line 201: Line 206:
left:0;
left:0;
padding:10px;
padding:10px;
-
background-color:#ccc;
+
background-color:white;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
Line 285: Line 290:
{
{
height:90px;
height:90px;
-
width:560px;
+
width:980px;
margin:0 auto;
margin:0 auto;
-
background-color:#ccc;
+
background-color:#F2F2F2;
position:absolute;
position:absolute;
-
top:5px;
+
top:130px;
-
left:200px;
+
left:0;
z-index:100;
z-index:100;
 +
}
}
Line 297: Line 303:
{
{
float:left;
float:left;
-
width:100px;
+
width:150px;
-
margin:5px;
+
margin:0 5px;
}
}
Line 307: Line 313:
background-color: #660099;
background-color: #660099;
color:white;
color:white;
-
font-size: 14px;
+
font-size: 17px;
font-family: Trebuchet MS;
font-family: Trebuchet MS;
font-weight: bold;
font-weight: bold;
border-radius: 5px;
border-radius: 5px;
-
width: 60px;
+
width: 140px;
margin:0 auto;
margin:0 auto;
text-align: center;
text-align: center;
padding: 3px;
padding: 3px;
color:#F2F2F2;
color:#F2F2F2;
 +
border:1px solid #4C0082;
transition-duration:0.1s;
transition-duration:0.1s;
Line 325: Line 332:
transition-duration:0.1s;
transition-duration:0.1s;
transition-timing-function:linear;
transition-timing-function:linear;
-
margin:0 25px;
+
margin:0 50px;
display:block;
display:block;
}
}
Line 346: Line 353:
}
}
-
#block .list .submenu  
+
#block .list .submenu, .submenu1, .submenu2
{
{
 +
position:relative;
display:none;
display:none;
clear: both;
clear: both;
Line 368: Line 376:
border:1px solid #4C0082;
border:1px solid #4C0082;
margin:0 auto;
margin:0 auto;
-
width:90px;
+
width:130px;
 +
font-size: 13px;
 +
font-family: Trebuchet MS;
 +
font-weight: bold;
 +
color:#f2f2f2;
 +
}
 +
 
 +
#block .list li .submenu li:hover .submenu1 a
 +
{
 +
clear:both;
 +
display:block;
 +
border:1px solid #4C0082;
 +
margin:0 auto;
 +
width:100px;
 +
font-size: 12px;
 +
font-family: Trebuchet MS;
 +
font-weight: bold;
 +
color:black;
 +
background:#ffcc33;
 +
}
 +
 
 +
#block .list .submenu a:hover
 +
{
 +
display:block;
 +
background:#A901DB;
}
}
Line 374: Line 406:
{
{
display:block;
display:block;
 +
}
 +
 +
.submenu li:hover .submenu1
 +
{
 +
display:block;
 +
position:absolute;
 +
left:145px;
 +
top:0;
 +
}
 +
 +
.submenu li:hover .submenu2
 +
{
 +
display:block;
 +
position:absolute;
 +
left:145px;
 +
top:28px;
 +
}
 +
 +
#block .list li .submenu li:hover .submenu2 a
 +
{
 +
clear:both;
 +
display:block;
 +
border:1px solid #4C0082;
 +
margin:0 auto;
 +
width:150px;
 +
font-size: 12px;
 +
font-family: Trebuchet MS;
 +
font-weight: bold;
 +
color:black;
 +
background:#FFCC33;
}
}
Line 423: Line 485:
         <div id="block">
         <div id="block">
               <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/>
               <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/>
-
      <a href="#" id="link1">Home</a>
+
      <a href="https://2013.igem.org/Team:Manchester/Hometest" id="link1">Home</a>
         </div>
         </div>
Line 431: Line 493:
                     <li><a href="#" id="link2">About</a>
                     <li><a href="#" id="link2">About</a>
                  <ul class="submenu" id="sub1">
                  <ul class="submenu" id="sub1">
-
        <li><a href="#" id="link2">Our Team</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/OurTeamtest" id="link2">Our Team</a></li>
-
                        <li><a href="#" id="link2">Team Profile</a></li>
+
                    <li><a href="https://igem.org/Team.cgi?year=2013" id="link2">Team Profile</a></li>
  </ul>
  </ul>
                     </li>
                     </li>
                   </ul>
                   </ul>
         </div>
         </div>
-
 
+
       
         <div id="block">
         <div id="block">
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
               <ul class="list">
               <ul class="list">
-
                   <li><a href="#" id="link3">Project</a>
+
                   <li><a href="https://2013.igem.org/Team:Manchester/Projecttest" id="link3">Project</a>
                <ul class="submenu">
                <ul class="submenu">
-
    <li><a href="#" id="link3">Aim</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Aimtest2" id="link3">Aim</a></li>
-
                    <li><a href="#" id="link3">Modelling</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Notebooktest2" id="link3">Notebook</a></li>
-
    <li><a href="#" id="link3">Notebook</a></li>
+
                            <li><a href="https://2013.igem.org/Team:Manchester/LabBooktest" id="link3">Lab Book</a></li>
                    <li><a href="#" id="link3">Contributions</a></li>
                    <li><a href="#" id="link3">Contributions</a></li>
-
    <li><a href="#" id="link3">Safety</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Safetytest" id="link3">Safety</a></li>
-
                    <li><a href="#" id="link3">Human Proctices</a></li>
+
                            <li><a href="#" id="link3">Judging</a></li>                    
-
    <li><a href="#" id="link3">Attributions</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Attributionstest" id="link3">Attributions</a></li>
 +
        </ul>
 +
                </li>
 +
              </ul>
 +
        </div>
 +
 
 +
        <div id="block">
 +
            <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/>
 +
              <ul class="list">
 +
                  <li><a href="https://2013.igem.org/Team:Manchester/Modellingtest" id="link6">Modelling</a>
 +
                <ul class="submenu">
 +
    <li><a href="#" id="link6">Fatty Acid Production</a></li>
 +
    <li><a href="#" id="link6">Parameter Estimation</a></li>
 +
                            <li><a href="#" id="link6">Modelling Collaboration</a></li>
        </ul>
        </ul>
                 </li>
                 </li>
Line 458: Line 533:
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/>
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/>
             <ul class="list">
             <ul class="list">
-
                   <li><a href="#" onclick="javascript:openMenu('sub3')" id="link4">Outreach</a>
+
                   <li><a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" id="link4">Human Practices</a>
                <ul class="submenu" id="sub3">
                <ul class="submenu" id="sub3">
-
    <li><a href="#" id="link4">Event 1</a></li>
+
    <li><a href="#" id="link4">Public Outreach</a>
-
                    <li><a href="#" id="link4">Event 2</a></li>
+
<ul class="submenu1" >
-
    <li><a href="#" id="link4">Event 3</a></li>
+
  <a href="https://2013.igem.org/Team:Manchester/stars" id="link4">Science Stars</a></li>
-
                    <li><a href="#" id="link4">Event 4</a></li>
+
  <a href="https://2013.igem.org/Team:Manchester/openday" id="link4">Open day</a></li>
 +
</ul>
 +
    </li>
 +
                    <li><a href="#" id="link4">Ethics</a>
 +
<ul class="submenu2" id="sub3">
 +
    <a href="#" id="link4">Environmental Impact</a></li>
 +
    <a href="#" id="link4">Economical Impact</a></li>
 +
    <a href="#" id="link4">Impact Management</a></li>
 +
    <a href="#" id="link4">Conclusion</a></li>
 +
</ul>
 +
    </li>
 +
    <li><a href="#" id="link4">Business Plan</a></li>
 +
                    <li><a href="#" id="link4">Knowledge Deficit Assumption</a></li>
 +
                            <li><a href="#" id="link4">Conferences and Discussions</a></li>
 +
                            <li><a href="#" id="link4">Social Media</a></li>
                </ul>
                </ul>
                   </li>
                   </li>
Line 470: Line 559:
         <div id="block">
         <div id="block">
-
             <img src="https://static.igem.org/mediawiki/2013/c/cb/Sponsors.gif" width="50" height="50" id="image5"/>
+
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image5"/>
-
             <a href="#" id="link5">Sponsors</a>
+
             <a href="#" id="link5">Sponsorship</a>
-
         </div>
+
         </div>
 +
</div>
</div>
Line 531: Line 621:
      <li id="one"><a href="" onclick="blocking('submenu2'); return false;">July</a>
      <li id="one"><a href="" onclick="blocking('submenu2'); return false;">July</a>
    <ul id="submenu2">        
    <ul id="submenu2">        
-
        <li id="one"><a href="" onclick="blocking('text4'); return false;">Week 1</a>
+
        <li id="one"><a href="" onclick="blocking('text4'); return false;">Week 5</a>
<div id="text4">
<div id="text4">
                               <p> This week has certainly been a mix of ups and downs! On Tuesday and Wednesday the outreach team ran 12 workshops for children aged 11-13 at the university’s Science Stars event. They taught the children about the structure of DNA by getting them to create a DNA molecule from Mario sweets (Mario pairs to Yoshi, Donkey Kong to Diddy Kong) and strawberry pencils. The activity was received amazingly well by the children and teachers alike. We also taught them about what synthetic biology is, and asked them to think what ideas they’d have as well as the ethical implications associated with them. Some of the ideas were phenomenal, and some were let’s say...a little more abstract. The team is doing the workshop again at the Community Open Day on Saturday, where they’ll be bringing SynBio to the wider public!</p>
                               <p> This week has certainly been a mix of ups and downs! On Tuesday and Wednesday the outreach team ran 12 workshops for children aged 11-13 at the university’s Science Stars event. They taught the children about the structure of DNA by getting them to create a DNA molecule from Mario sweets (Mario pairs to Yoshi, Donkey Kong to Diddy Kong) and strawberry pencils. The activity was received amazingly well by the children and teachers alike. We also taught them about what synthetic biology is, and asked them to think what ideas they’d have as well as the ethical implications associated with them. Some of the ideas were phenomenal, and some were let’s say...a little more abstract. The team is doing the workshop again at the Community Open Day on Saturday, where they’ll be bringing SynBio to the wider public!</p>
Line 543: Line 633:
</div>
</div>
</li>  
</li>  
-
            <li id="two"><a href="" onclick="blocking('text5'); return false;">Week 2</a>
+
            <li id="two"><a href="" onclick="blocking('text5'); return false;">Week 6</a>
    <div id="text5">
    <div id="text5">
                               <p> This has been a very exciting week of collaborations for us! At the start of the week we had a Google hangout with Perdue to discuss their idea to standardise entry of parts into the registry. It emerged that there are many issues raised when it comes to standardising modelling. We agreed to help them with this. By the end of the week, this had somewhat grown...</p>
                               <p> This has been a very exciting week of collaborations for us! At the start of the week we had a Google hangout with Perdue to discuss their idea to standardise entry of parts into the registry. It emerged that there are many issues raised when it comes to standardising modelling. We agreed to help them with this. By the end of the week, this had somewhat grown...</p>
Line 560: Line 650:
</div>
</div>
</li>  
</li>  
-
        <li id="three"><a href="" onclick="blocking('text6'); return false;">Week 3</a>
+
        <li id="three"><a href="" onclick="blocking('text6'); return false;">Week 7</a>
    <div id="text6">
    <div id="text6">
                                
                                
Line 572: Line 662:
</div>
</div>
</li>  
</li>  
-
        <li id="four"><a href="" onclick="blocking('text7'); return false;">Week 4</a>
+
        <li id="four"><a href="" onclick="blocking('text7'); return false;">Week 8</a>
    <div id="text7">
    <div id="text7">
-
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+
                              <p>This week finally brought good news in sponsorship! We would like to thank the Hain Daniels Group and Eccelso for their very generous donations to our team! They are very much appreciated and will no doubt help us travel to the European jamboree. </p>
-
  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+
 
-
  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+
<p>The experimental team had some frustrations this week (it wouldn’t be real science without them!). After waiting a long time for our primers to arrive, they had some very confusing contamination after our PCR. The next challenge is to work out where it came from! The economics team drew up a list of things that need doing by time the project ends, and there’s lots of work to do! This week they found out that ‘sustainable’ palm oil isn’t as sustainable as you’d think. You can read much more about this on our ethics pages</p>
-
  esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+
 
-
  in culpa qui officia deserunt mollit anim id est laborum
+
<p>At the end of the week we had another iGEM social where we tried the Icelandic delicacy of Hákarl (fermented shark). As you can imagine, it tasted bad but smelled even worse! The vegetable chilli that Jess made the team was much more appetising...</p>
</div>  
</div>  
</li>
</li>
Line 586: Line 676:
<li id="one"><a href="" onclick="blocking('submenu3'); return false;">August</a>
<li id="one"><a href="" onclick="blocking('submenu3'); return false;">August</a>
    <ul id="submenu3">        
    <ul id="submenu3">        
-
        <li id="one"><a href="" onclick="blocking('text8'); return false;">Week 1</a>
+
        <li id="one"><a href="" onclick="blocking('text8'); return false;">Week 9</a>
<div id="text8">
<div id="text8">
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
Line 595: Line 685:
</div>
</div>
</li>  
</li>  
-
            <li id="two"><a href="" onclick="blocking('text9'); return false;">Week 2</a>
+
            <li id="two"><a href="" onclick="blocking('text9'); return false;">Week 10</a>
    <div id="text9">
    <div id="text9">
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
Line 604: Line 694:
</div>
</div>
</li>  
</li>  
-
        <li id="three"><a href="" onclick="blocking('text10'); return false;">Week 3</a>
+
        <li id="three"><a href="" onclick="blocking('text10'); return false;">Week 11</a>
    <div id="text10">
    <div id="text10">
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
Line 613: Line 703:
</div>
</div>
</li>  
</li>  
-
        <li id="four"><a href="" onclick="blocking('text11'); return false;">Week 4</a>
+
        <li id="four"><a href="" onclick="blocking('text11'); return false;">Week 12</a>
    <div id="text11">
    <div id="text11">
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
Line 626: Line 716:
          <li id="one"><a href="" onclick="blocking('submenu4'); return false;">September</a>
          <li id="one"><a href="" onclick="blocking('submenu4'); return false;">September</a>
    <ul id="submenu4">        
    <ul id="submenu4">        
-
        <li id="one"><a href="" onclick="blocking('text12'); return false;">Week 1</a>
+
        <li id="one"><a href="" onclick="blocking('text12'); return false;">Week 13</a>
<div id="text12">
<div id="text12">
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
Line 635: Line 725:
</div>
</div>
</li>  
</li>  
-
            <li id="two"><a href="" onclick="blocking('text13'); return false;">Week 2</a>
+
            <li id="two"><a href="" onclick="blocking('text13'); return false;">Week 14</a>
    <div id="text13">
    <div id="text13">
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
Line 644: Line 734:
</div>
</div>
</li>  
</li>  
-
        <li id="three"><a href="" onclick="blocking('text14'); return false;">Week 3</a>
+
        <li id="three"><a href="" onclick="blocking('text14'); return false;">Week 15</a>
    <div id="text14">
    <div id="text14">
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
Line 653: Line 743:
</div>
</div>
</li>  
</li>  
-
        <li id="four"><a href="" onclick="blocking('text15'); return false;">Week 4</a>
+
        <li id="four"><a href="" onclick="blocking('text15'); return false;">Week 16</a>
    <div id="text15">
    <div id="text15">
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  
                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  

Latest revision as of 01:56, 6 August 2013

Safety