Team:Manchester/Notebooktest

From 2013.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 138: Line 138:
}
}
-
#content, body
+
#content
{
{
-
background-color:#white;
+
background-color:white;
}
}
body
body
{
{
-
background-color:#white;
+
background:white;
}
}
Line 206: 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 290: 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 302: Line 303:
{
{
float:left;
float:left;
-
width:100px;
+
width:150px;
-
margin:5px;
+
margin:0 5px;
}
}
Line 312: 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 330: 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 351: Line 353:
}
}
-
#block .list .submenu  
+
#block .list .submenu, .submenu1, .submenu2
{
{
 +
position:relative;
display:none;
display:none;
clear: both;
clear: both;
Line 373: 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 379: 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 428: 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 436: 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 463: 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 475: 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 536: 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 548: 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 565: 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 577: 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 591: 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 600: 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 609: 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 618: 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 631: 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 640: 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 649: 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 658: 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