Difference between revisions of "Template:BirkbeckNavBar"

(Created page with "<html> <head> <style type="text/css"> #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { display: none; } #top-...")
 
 
(4 intermediate revisions by one other user not shown)
Line 1: Line 1:
<html>
+
{{BirkbeckNavigationBar}}
<head>
+
  
<style type="text/css">
+
<html>
  
#contentSub, #footer-box, #catlinks, #search-controls,
+
<body>
#p-logo, .printfooter, .firstHeading, .visualClear {
+
display: none;
+
}
+
  
#top-section {
 
border: 0 none;
 
height: 14px;
 
z-index: 100;
 
top: 0;
 
position: fixed;
 
width: 975px;
 
left: 50%;
 
margin-left: -487px;
 
}
 
 
#globalWrapper, #content {
 
width: 100%;
 
height: 100%;
 
border: 0px;
 
background-color: transparent;
 
margin: 0px;
 
padding: 0px;
 
font-size: 100%;
 
}
 
 
html {
 
width: 90%;
 
margin:0 auto;
 
background-color: transparent;
 
                background: url("https://static.igem.org/mediawiki/2015/6/64/IGEM2015_BBK_Florence.png") repeat-y;
 
                background-size:contain;
 
}
 
  
body, .wrapper {
 
width: 100%;
 
height: 100%;
 
background-color: white;
 
                opacity:0.9;
 
}
 
  
.navbar {
+
<div id="maincontainer">
margin: auto;
+
margin-top: 1em;
+
padding: 1em;
+
border-radius: 10px;
+
}
+
  
img.displayed {
+
<!--
        display: block;
+
<H2><center><img src="https://static.igem.org/mediawiki/2015/e/ed/Birkbeck_logo.png" height="auto" width="50%" alt="iGEM Westminster Logo"><center></H2>
        margin-left: auto;
+
-->
        margin-right: auto }
+
  
    /* Hide Dropdowns by Default */
+
<H2><center><img style="padding-top:5px;padding-bottom:5px;" src="https://static.igem.org/mediawiki/2015/7/72/Birkbeck_Logo_3.png" height="auto" width="50%" alt="iGEM Westminster Logo"><center></H2>
div ul ul {
+
display: none;
+
position: absolute;  
+
top: 100%;
+
}
+
  
/* Display Dropdowns on Hover */
+
<br>
div ul li:hover > ul {
+
display:inherit;
+
}
+
+
/* First Tier Dropdown */
+
div ul ul li {
+
width:auto;
+
float:none;
+
display:list-item;
+
position: relative;
+
        right:auto;
+
}
+
  
 +
<!--
 +
<H2><center><img src="https://static.igem.org/mediawiki/2015/3/3a/Team_Birkbeck_Banner.jpg" height="auto" width="50%" margin-top="64px"><center></H2>
 +
-->
  
</style>
+
<br>
 +
<center><video poster="https://static.igem.org/mediawiki/2015/9/9e/Owligos_Introduction_Presentation_Poster.png" id="projectintroduction" src="https://static.igem.org/mediawiki/2015/5/5a/Birkbeck_iGEM_2015_Project_Introduction.mp4" loop autoplay width="900px" height="675px"></video>
 +
</center>
 +
<br>
  
<link rel="stylesheet" href="https://2015.igem.org/Team:Birkbeck/bootstrap.min.css?action=raw&ctype=text/css" type="text/css">
+
<H1><b>Birkbeck iGEM</b></H1>
<link rel="stylesheet" href="https://2015.igem.org/Template:Birkbeck/CSS?action=raw&ctype=text/css" type="text/css">
+
<meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
+
</head>
+
  
<header>
+
<p>The <b>Owligos</b> are the <b>first-ever team</b> entered into the international Genetically Engineered Machine <b>(iGEM) Competition</b> by <b>Birkbeck, University of London</b>. We’re a <b>varied group of students who reflect the diversity and unique character of our institution:</b> many of us have chosen science as a second career, having already spent some time in full-time work. For most of us, this has meant making our way through a degree while continuing to work full-time. Hopefully this kind of dedication will help us successfully navigate our way through our iGEM project.</p>
    <div class= "navbar navbar-default navbar-fixed-top" style="margin-top:15px;">
+
        <div class="text-center col-sm-12" id="navigation">
+
            <ul class="destroyer">
+
                <li><a href="https://2015.igem.org/Team:Birkbeck" id="home"><span class="overlayx">Home</span></a></li>
+
               
+
                <li><a href="https://2015.igem.org/Team:Birkbeck/Team">Team</a></li>
+
               
+
                <li><a href="https://2015.igem.org/Team:Birkbeck/Research" class="dropDown">Research</a>
+
               
+
                <ul class= "navbar navbar-default navbar-fixed-top" style="margin-top:50px;">
+
  
<li><a href="https://2015.igem.org/Team:Birkbeck/Description">Project</a></li>
+
<H1><b>Project Aim</b></H1>
<li><a href="https://2015.igem.org/Team:Birkbeck/pp">Background</a></li>
+
<li><a href="https://2015.igem.org/Team:Birkbeck/Hypotheses">Hypotheses</a></li>
+
<li><a href="https://2015.igem.org/Team:Birkbeck/Experiments">Methods</a></li>
+
                <li><a href="https://2015.igem.org/Team:Birkbeck/Results">Results</a></li>
+
                <li><a href="https://2015.igem.org/Team:Birkbeck/Discussion">Discussion</a></li>
+
                <li><a href="https://2015.igem.org/Team:Birkbeck/Conclusion">Conclusion</a></li>
+
                <li><a href="https://2015.igem.org/Team:Birkbeck/References">References</a></li>
+
                <li><a href="https://2015.igem.org/Team:Birkbeck/Safety">Safety</a></li>
+
+
</ul>
+
                                </li>
+
  
                <li><a href="https://2015.igem.org/Team:Birkbeck/BioBricks" class="dropDown">BioBricks</a>
+
<p><b>Our project aims to create a new diagnostic solution that will be low-tech and cost-effective enough to allow its usage in deprived and remote communities.</b> We’re attempting to <b>engineer a bacteriophage lambda </b>chassis to <b>change its host affinity</b>, while simultaneously<b> adding a marker</b> that will facilitate <b>easy detection</b> of a target <b>bacterial pathogen in patient samples</b>.</p>
  
            <ul class= "navbar navbar-default navbar-fixed-top" style="margin-top:50px;">
+
<p>To demonstrate this approach as a <b>proof of concept</b> for the competition, we plan to <b>change this affinity between different strains of <i>E.coli</i></b>; however, <b>ultimately</b> we hope to demonstrate that this principle could also be applied to alter the phage’s host range <b>to other bacterial species</b>. We could then <b>provide a modular system capable of diagnosing a range of diseases</b>. Of course, we haven’t chosen a simple goal. But as Birkbeck pioneers, we are determined to prove ourselves by making our project a success. We can’t wait to present the results of our work at the Giant Jamboree in September!</p>
  
        <li><a href="https://2015.igem.org/Team:Birkbeck/Team_Parts">Team Parts</a></li>
 
        <li><a href="https://2015.igem.org/Team:Birkbeck/Basic_Parts">Basic Parts</a></li>
 
        <li><a href="https://2015.igem.org/Team:Birkbeck/Composite_Parts">Composite Parts</a></li>
 
        <li><a href="https://2015.igem.org/Team:Birkbeck/Part_Collection">Part Collection</a></li>
 
 
</ul>
 
</li>
 
  
                <li><a href="https://2015.igem.org/Team:Birkbeck/Modelling">Modelling</a></li>
 
  
                <li><a href="https://2015.igem.org/Team:Birkbeck/Cooperation" class="dropDown">Cooperation</a>
+
<!--#################################################################UPDATE NEEDED
  
            <ul class= "navbar navbar-default navbar-fixed-top" style="margin-top:50px;">
 
  
    <li><a href="https://2015.igem.org/Team:Birkbeck/Collaborations">Collaborations</a></li>
+
<H1><b>Wiki Categories</b></H1>
                        <li><a href="https://2015.igem.org/Team:Birkbeck/InterLab Study">InterLab Study</a></li>
+
    <li><a href="https://2015.igem.org/Team:Birkbeck/Attributions">Attributions</a></li>
+
       
+
        </ul>
+
                                </li>
+
  
                <li><a href="https://2015.igem.org/Team:Birkbeck/Outreach" class="dropDown">Outreach</a>
+
<p>Our wiki has six different categories, in addition to this main page. Some are divided into subcategories discussing similar topics, which are described below.</p>
           
+
            <ul class= "navbar navbar-default navbar-fixed-top" style="margin-top:50px;">
+
  
    <li><a href="https://2015.igem.org/Team:Birkbeck/Practices">Community</a></li>
 
    <li><a href="https://2015.igem.org/Team:Birkbeck/Media">Media</a></li>
 
    <li><a href="https://2015.igem.org/Team:Birkbeck/SocialMedia">Social Media</a></li>
 
     
 
        </ul>
 
                                </li>
 
                <li><a href="https://2015.igem.org/Team:Birkbeck/Journal">Journal</a></li>
 
  
 +
<H2><b><a href="https://2015.igem.org/Team:Birkbeck/Team">Team</a></b></H2>
  
            </ul>
+
<p>Find out about each of our <b>team members, advisors and supervisors</b> by having a look at our <b><a href="https://2015.igem.org/Team:Birkbeck/Team">Team</a> page</b>.</p>
        </div>
+
    </div>
+
  
<style>
+
<H2><b><a href="https://2015.igem.org/Team:Birkbeck/Research">Research</a></b></H2>
.destroyer {
+
 
margin-bottom:0px;
+
<p>Find out about the <b>research we're conducting</b> by having a look at our <b><a href="https://2015.igem.org/Team:Birkbeck/Research">Research</a> page</b>, which <b>currently includes</b> an <b>overview of our <a href="https://2015.igem.org/Team:Birkbeck/Description">Project</a></b>, the <b>important <a href="https://2015.igem.org/Team:Birkbeck/pp">Background</a> to our research</b> and some of <b>our <a href="https://2015.igem.org/Team:Birkbeck/Experiments">Methods</a> used</b> to date.</p>
}
+
 
+
<H2><b><a href="https://2015.igem.org/Team:Birkbeck/Modelling">Modelling</a></b></H2>
.destroyer li {
+
 
list-style-type: none;
+
<p>Page Under Construction</p>
display: inline-block;
+
 
}
+
<H2><b><a href="https://2015.igem.org/Team:Birkbeck/Outreach">Outreach</a></b></H2>
+
 
.overlayx {
+
<p>Find out about our <b>outreach to society </b>by having a look at our <b><a href="https://2015.igem.org/Team:Birkbeck/Outreach">Outreach</a> page</b>, which <b>currently includes</b> our <b>voluntary work with the <a href="https://2015.igem.org/Team:Birkbeck/Practices">Community</a></b>.</p>
    width: 100%;
+
 
    height: 100%;
+
<H2><b><a href="https://2015.igem.org/Team:Birkbeck/Cooperation">Cooperation</a></b></H2>
    top: 0;
+
 
    left: 0;
+
<p>Find out about <b>help we have given and received</b> by having a look at our <b><a href="https://2015.igem.org/Team:Birkbeck/Cooperation">Cooperation</a> page</b>, which <b>currently includes</b> details of our <b><a href="https://2015.igem.org/Team:Birkbeck/Collaborations">Collaborations</a> with other iGEM teams</b> and <b><a href="https://2015.igem.org/Team:Birkbeck/Attributions/pp">Attributions</a></b> containing details of <b>our sponsors</b>.</p>
    z-index: 1;
+
 
    background: center no-repeat;
+
<H2><b><a href="https://2015.igem.org/Team:Birkbeck/Notebook">Journal</a></b></H2>
     background-image: url('empty.gif');
+
 
}
+
<p>Find out what <b>progress we've made</b>, on a <b>weekly basis</b>, by having a look at our <b><a href="https://2015.igem.org/Team:Birkbeck/Notebook">Journal</a></b>.</p>
</style>
+
 
<!-- EP EXTRA STARTS-->
+
<br>
 +
 
 +
<img src="https://static.igem.org/mediawiki/2015/0/06/Birkbeck_campus.jpg" height=400 width=600>
 +
 
 +
<p>Where we live. We'll replace this with a picture of the team when we finally manage to get the whole group into a room together...</p>
 +
 
 +
#################################################################UPDATE NEEDED-->
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
<div id="footer">
 +
 
 +
<center>
 +
 
 +
  <table>
 +
 
 +
<tr>
 +
  <td valign="top">
 +
 
 +
    <center>
 +
 
 +
      <b>Become our sponsor:</b><br>
 +
<a href="http://www.gofundme.com/zq5h6s"><img src="https://static.igem.org/mediawiki/2015/7/74/Gfm_logo_300dpi.jpg" style="max-height:40px;"></a>
 +
<br> <br>
 +
  <b>Location:</b><br>
 +
  Birkbeck, University of London<br>
 +
  Malet Street<br>
 +
  London<br>
 +
  WC1E 7HX<br>
 +
<br>
 +
 
 +
 
 +
  <b>Contact us:</b><br>
 +
  <a href="mailto:e.parris.11@alumni.ucl.ac.uk?subject=Mail from Owligos Website">
 +
  <a href="mailto:srcraig1987@hotmail.comk?subject=Mail from Owligos Website">
 +
 
 +
    </center>
 +
 
 +
    e.parris.11@alumni.ucl.ac.uk</a>
 +
 
 +
 
 +
  </td>
 +
 
 +
  <td valign="top" rowspan="2" class="twitter">
 +
 
 +
    <center>
 +
 
 +
 
 +
 
 +
<a href="http://www.bbk.ac.uk/"><img src="https://static.igem.org/mediawiki/2015/b/bc/BBK.2015.iGEM.Team.UniLogo.png" style="max-height:40px;"></a>
 +
<a href="http://www.ismb.lon.ac.uk/"><img src="https://static.igem.org/mediawiki/2015/a/a4/BBK.2015.iGEM.Team.ISMBLogo.png" style="max-height:40px;"></a>
 +
<a href="https://www.neb.com/"><img src="https://static.igem.org/mediawiki/2014/0/06/NEB_logo.png" style="max-height:40px;"></a>
 +
 
 +
 
 +
<br><br>
 +
 
 +
 
 +
<a href="http://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2014/5/50/SnapGene_Logo_288.png" style="max-height:40px;"></a>
 +
<a href="http://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2015/0/07/IDT_Logo_2015_%28corp_blue%29.jpg" style="max-height:40px;"></a>
 +
 
 +
<br><br>
 +
 
 +
 
 +
<a href="http://www.sbd.ee/"><img src="https://static.igem.org/mediawiki/2015/9/9e/Solis_biodyne-200.jpg" style="max-height:40px;"></a>
 +
 
 +
 
 +
<a href="http://www.genscript.com/"><img src="https://static.igem.org/mediawiki/2015/e/ee/Aalto-Helsinki_sponsorlogo_Genscript.gif" style="max-height:40px;"></a>
 +
<a href="http://store.biobasic.com/"><img src="https://static.igem.org/mediawiki/2015/d/d4/BBK_Team_2015_BBI_LOGO_JPEG.JPG" style="max-height:40px;"></a>
 +
<a href="http://www.bioline.com/uk/"><img src="https://static.igem.org/mediawiki/2015/7/79/BBK_Team_2015_Bioline_Logo.png" style="max-height:40px;"></a>
 +
 
 +
 
 +
<br><br>
 +
 
 +
 
 +
<a href="http://www.engineering.ucl.ac.uk/"><img src="https://static.igem.org/mediawiki/2014/1/1a/UCL_Eng_logo_2.png" style="max-height:40px;"></a>
 +
<a href="http://www.thistlescientific.co.uk/"><img src="https://static.igem.org/mediawiki/2015/5/5d/IGEM_2015_Team_bbk_Thistle_Scientific.jpeg" style="max-height:40px;"></a>
 +
 
 +
 
 +
<br><br>
 +
 
 +
 
 +
<a href="http://www.biospec.com/"><img src="https://static.igem.org/mediawiki/2015/9/92/IGEM_2015_team_BBK_BioSpec_Logo.jpg" style="max-height:40px;"></a>
 +
<a href="http://www.sens.org/"><img src="https://static.igem.org/mediawiki/2015/0/0e/SRF_Logo_Tall_LightBkgd-small.png" style="max-height:40px;"></a>
 +
<a href="http://www.longlifelabs.org/"><img src="https://static.igem.org/mediawiki/2015/3/37/Long_Life_Labs-small.jpg" style="max-height:40px;"></a>
 +
 
 +
     </center>
 +
 
 +
 
 +
 
 +
</td>
 +
 
 +
 
 +
  <td valign="top" rowspan="3" class="twitter">
 +
 
 +
<a class="twitter-timeline" href="https://twitter.com/BBKiGEM" data-widget-id="641370678273437698">Tweets by @BBKiGEM</a>
 +
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 +
 
 +
</td>
 +
  </tr>
 +
</table>
 +
 
 +
    </center>
 +
 
 +
</div>
 +
 
 +
 
 +
</body>
 +
 
 +
<!--Hiding this for now. (30/06/15, YKH)
 +
<h1> Welcome to iGEM 2015! </h1>
 +
<p>Your team has been approved and you are ready to start the iGEM season! </p>
 +
 
 +
<h4>Before you start: </h4>
 +
<p> Please read the following pages:</p>
 +
<ul>
 +
<li>  <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
 +
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
 +
</ul>
 +
 
 +
<div class="highlightBox">
 +
<h4> Styling your wiki </h4>
 +
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
 +
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
 +
</div>
 +
 
 +
<h4> Editing your wiki </h4>
 +
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
 +
<p> <a href="https://2015.igem.org/wiki/index.php?title=Team:Birkbeck&action=edit"> Click here to edit this page! </a></p>
 +
<p>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</p>
 +
 
 +
 
 +
<h4>Templates </h4>
 +
<p> This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the
 +
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</p>
 +
 
 +
 
 +
<h4>Tips</h4>
 +
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
 +
<ul>
 +
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
 +
<li>Be clear about what you are doing and how you plan to do this.</li>
 +
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
 +
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
 +
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
 +
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
 +
<li>Have lots of fun! </li>
 +
</ul>
 +
 
 +
 
 +
<h4>Inspiration</h4>
 +
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
 +
<ul>
 +
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
 +
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
 +
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
 +
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
 +
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
 +
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
 +
</ul>
 +
 
 +
<h4> Uploading pictures and files </h4>
 +
<p> You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
 +
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
</font>
 +
 
 +
 
 +
 
 +
</div>
  
    <div id="bannerContainer">
 
<!--Only added in the below line, and commented out the other lines just before the div closes. YKH, 23/07/15)-->
 
<img class="displayed" src="https://static.igem.org/mediawiki/2015/3/3a/Team_Birkbeck_Banner.jpg" height=100% width=auto>
 
<!--
 
<br><br>
 
<h2> Add a banner to your wiki! </h2>
 
<p>You can make the image 980px  by  200px</p>
 
<p> Remember to call the file: "<i>Team_Birkbeck_banner.jpg</i>" </p>-->
 
</div>
 
  
<!-- EP EXTRA STOPS-->
 
  
</header>
 
  
 
</html>
 
</html>
 +
 +
 +
 +
<br><br>

Latest revision as of 13:07, 18 September 2015

iGEM Westminster Logo




Birkbeck iGEM

The Owligos are the first-ever team entered into the international Genetically Engineered Machine (iGEM) Competition by Birkbeck, University of London. We’re a varied group of students who reflect the diversity and unique character of our institution: many of us have chosen science as a second career, having already spent some time in full-time work. For most of us, this has meant making our way through a degree while continuing to work full-time. Hopefully this kind of dedication will help us successfully navigate our way through our iGEM project.

Project Aim

Our project aims to create a new diagnostic solution that will be low-tech and cost-effective enough to allow its usage in deprived and remote communities. We’re attempting to engineer a bacteriophage lambda chassis to change its host affinity, while simultaneously adding a marker that will facilitate easy detection of a target bacterial pathogen in patient samples.

To demonstrate this approach as a proof of concept for the competition, we plan to change this affinity between different strains of E.coli; however, ultimately we hope to demonstrate that this principle could also be applied to alter the phage’s host range to other bacterial species. We could then provide a modular system capable of diagnosing a range of diseases. Of course, we haven’t chosen a simple goal. But as Birkbeck pioneers, we are determined to prove ourselves by making our project a success. We can’t wait to present the results of our work at the Giant Jamboree in September!