Team:Manchester/Notebooktest

From 2013.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
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;
-
background:white;
+
 
}
}
Line 303: Line 303:
{
{
float:left;
float:left;
-
width:100px;
+
width:150px;
-
margin:5px;
+
margin:0 5px;
}
}
Line 313: 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 331: 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 352: Line 353:
}
}
-
#block .list .submenu  
+
#block .list .submenu, .submenu1, .submenu2
{
{
 +
position:relative;
display:none;
display:none;
clear: both;
clear: both;
Line 374: 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 380: 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 429: 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 437: 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 464: 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 476: 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 537: 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 549: 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 566: 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 578: 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">
                               <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>
                               <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>
Line 592: 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 601: 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 610: 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 619: 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 632: 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 641: 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 650: 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 659: 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