Template:Team:Paris Saclay/default header

From 2014.igem.org

(Difference between revisions)
(Undo revision 406750 by Hwangas (talk))
 
Line 1: Line 1:
-
{{Template_All_Teams}}
+
<html><!-- ################################# END HEADER ################################## -->
-
<html>
+
-
<head>
+
-
<title>Vanderbilt iGEM</title>
+
-
+
-
<meta charset="utf-8">
+
-
<meta name="viewport" content="width=device-width, initial-scale=1">
+
-
+
-
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"></link>
+
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
-
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
-
+
-
<script>
+
-
$(document).ready(function(){
+
-
$("#top_menu_inside").remove();
+
-
+
-
vid = $("content");
+
-
vid.addClass("center-block");
+
-
});
+
-
</script>
+
-
+
-
+
-
+
-
<style type="text/css">
+
-
.p {
+
-
padding-top:50px;
+
-
height:500px;
+
-
color:#fff;
+
-
}
+
-
#p1 {
+
-
background-color:#1E88E5;
+
-
}
+
-
#p2 {
+
-
background-color:#673ab7;
+
-
}
+
-
#p3 {
+
-
background-color:#FF9800;
+
-
}
+
-
#p4 {
+
-
background-color:#00bcd4;
+
-
}
+
-
#p5 {
+
-
background-color:#009688;
+
-
}
+
-
#p6 {
+
-
background-color:#ABC930;
+
-
}
+
-
+
-
<!-- stuff from Template:Template All Teams -->
+
-
.firstHeading {
+
-
display: none;
+
-
}
+
-
+
-
html, body, #content, #globalWrapper {
+
-
background-color: transparent;
+
-
border: 0px;
+
-
padding:0px;
+
-
margin:0px;
+
-
+
-
<!--  needed for scrollspy (data-spy="scroll")-->
+
-
position: relative;
+
-
+
-
outline: 0;
+
-
min-height: 100%;
+
-
min-height: 100vh;
+
-
display: flex;
+
-
align-items: center;
+
-
justify-content: center;
+
-
flex-direction: column;
+
-
}
+
-
#top_menu_inside {
+
-
margin: 12%;
+
-
margin-top: 0%;
+
-
margin-bottom: 0%;
+
-
}
+
-
#vandy {
+
-
margin: 10px;
+
-
}
+
-
+
-
#globalWrapper {
+
-
background:url("http://2015.igem.org/wiki/images/6/61/Vanderbilt_droplet.png");
+
-
padding: 20x 0;
+
-
}
+
-
+
-
<!-- #catlinks, #p-logo, #contentSub seems to be the stupid top bar thing -->
+
-
        #content > h1, #top-section, #footer-box {display: none;}
+
-
</style>
+
-
+
-
<body data-spy="scroll" data-target=".navbar" data-offset="50">
+
-
+
-
<div id="vandyWrapper" class="container center-block">
+
 +
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Nobile' rel='stylesheet' type='text/css'>
 +
    <style>
 +
        * {-webkit-font-smoothing:antialiased;}
 +
        body {font-family:Georgia, "Times New Roman", Times, serif; font-weight:400;}
-
  <div class="jumbotron">
+
        #globalWrapper {background:url(http://2014.igem.org/wiki/images/8/8f/Paris_Saclay_wiki-background.jpg); padding: 20px 0;}
-
    <h1>Vanderbilt iGEM!</h1>
+
        #content {padding: 0px; border: 0px none;width: 80%; min-width:940px; margin: 0 auto;box-shadow: 0 0 3px #000;font-size:15px;line-height:25px;}
-
    <p>nahahahaha</p>
+
        #content > h1, #contentSub, #top-section #p-logo, #footer-box, #catlinks {display: none;}
-
  </div>
+
        #top-section {height: auto;border: 0px none;width:80%; top:-20px;}
-
 
+
        #search-controls {top:190px;}
-
 
+
        #searchGoButton{display:none;}
-
<nav class="navbar navbar-inverse navbar-fixed-top">
+
        #menubar {top: 0;}
-
<div class="container-fluid">
+
        #menubar ul {padding: 0px;}
-
<div id="vandy" class="navbar-header">
+
        #menubar * {margin: 0px; background-color: transparent;color: gray;}
-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
+
        #bodyContent {background: url(http://2014.igem.org/wiki/images/1/18/Paris_Saclay_wiki-content-bg.jpg); background-size: 100%; width:100%;padding-bottom: 1px;}
-
<!-- makes the horizontal lines that is a menu icon-->
+
        #bodyContent .pure-menu li a {padding:5px 15px;}
-
<span class="icon-bar"></span>
+
        #bodyContent > p {display:none;}
-
<span class="icon-bar"></span>
+
        #bodyContent > pageContent > p {display:block;}
-
<span class="icon-bar"></span>
+
        #pageContent {padding: 0px 2%  2%;margin-left: 23%;margin-right: 2%;margin-top:90px;width: 71%;background: rgba(255, 255, 255, .56);color:#453b27;}
-
</button>
+
        #pageContent > p:nth-child(1) {display:none}
-
<a class="narbar-brand" href="#">Vanderbilt</a>
+
        h1, h2, h3, h4, h5, h6 {clear:both; font-family:Georgia, "Times New Roman", Times, serif;}
-
</div>
+
        a, h1, h2, h3, h4, h5, h6, a:visited {color:#286b7b;}
-
<div>
+
        a {text-decoration:none;vertical-align:baseline;}
-
<div class="collapse navbar-collapse" id="menu">
+
        a:hover {text-decoration:none;}
-
<ul class="nav navbar-nav">
+
        p{line-height:25px;}
-
<li><a href="#p1">Par 1</a></li>
+
        h1 {text-align: right;width:100%;left:0;font-size:48px;font-family: 'Lobster', cursive;border:0; line-height:55px; margin-bottom:0;}
-
<li><a href="#p2">Par 2</a></li>
+
        h2 {margin-bottom:10px;font-size:24px;line-height:34px;font-style:italic;}
-
<li><a href="#p3">Par 3</a></li>
+
        h3 {font-size:20px;font-style:italic;}
-
<li class="dropdown">
+
        h4 {font-size:16px;font-style:italic;}
-
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
+
        h5 { }
-
Par 4-5
+
        .cleanhr {clear:both; height:0;}
-
<span class="caret"></span>
+
        .branche {position: absolute; left:0;z-index: 0;}
-
</a>
+
-
<ul class="dropdown-menu">
+
-
<li><a href="#p4">Par 4</a></li>
+
-
<li><a href="#p5">Par 5</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#p6">Par 6</a></li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</nav>
+
-
<div id="p1" class="container-fluid">
+
        #toc, .toc {position:absolute;background: transparent;position: absolute;width:20%;left:20px;top:550px;background: transparent; display:none;}
-
<h1>Paragraph 1</h1>
+
        #toc ul ul, .toc ul ul {margin:0;}
-
<p>
+
-
Every system that is genetically engineered harbors a potentially fatal vulnerability. The source of life's great diversity - spontaneous mutation - is for the synthetic biologist the source of constant apprehension and risk. The relentlessness of genetic mutation has discouraged attempts to treat it as anything other than unavoidable fact of tinkering with biology. Whether in a multifaceted genetic circuit or a simple protein expression platform, mutation is inevitable, and once it disrupts function, the organism will no longer experience the burden of transgene expression, causing the mutant to outcompete whatever has the intended sequence. Evolution and mutation work hand in hand to select against the maintenance of synthetic DNA sequences. Indeed, the mantra has been that time, in the form of mutation and evolution, will always find a way to erode and ultimately destroy everything that an engineer builds, no matter how ingeniously it may designed.
+
-
</p>
+
-
</div>
+
-
<div id="p2" class="container-fluid">
+
        #headerps {background: url(http://2014.igem.org/wiki/images/4/4d/Paris_Saclay_wiki-header.jpg); min-height: 50px;}
-
<h1>Paragraph 2</h1>
+
        #headerps a {display: block; width:150px; margin: 0 auto;}
-
<p>
+
        #headerps a img {height: 150px; margin: 5px auto;}
-
This year, here at Vanderbilt iGEM we are fighting back. We are proposing a novel approach based on rationally designed genomic architectures that promises to offer synthetic biologists unprecedented control over the evolutionary stability of their creations. At the heart of our strategy is an advanced computational algorithm that integrates decades worth of scientific data in order to identify and correct the highly-mutation prone 'hotspots' that lurk in every gene. Our strategy has a strong foundation in a rich literature from the fields of cancer biology and others that have annotated and characterized mutation hotspots for almost every conceivable source of mutagen, from ultraviolet radiation to recombination to polymerase errors.
+
-
</p>
+
-
</div>
+
-
<div id="p3" class="container-fluid">
+
        .menups {background:url(http://2014.igem.org/wiki/images/f/fd/Paris_Saclay_wiki-menu-center.png) repeat-x; width: 100%; height: 78px; border: 0;position:absolute;z-index: 9999;}
-
<h1>Paragraph 3</h1>
+
        #menups > span:nth-child(1) { position: absolute; left: -75px;}
-
<p>
+
        #menups > span:nth-child(2) { position: absolute; right: -74px;}
-
When combined with synthetic DNA technology, our process becomes a simple and reliable optimization that is universally applicable to any coding gene being expressed in any organism. Our project first demonstrates the power of this rational synthetic gene design strategy by employing several canonical as well as highly original protocols for assaying DNA damage and its effects on the stability of artificial genetic elements. From these techniques, we can quantify everything from the selective subset of mutation types occurring on an in vitro level, up to how mutational loss of function translates at the scale of populations of genetically modified organisms.
+
        #menups > ul {display: inline-block;zoom: 1;vertical-align: middle;left: 0;top: 0;visibility: visible;position:relativelist-style: none;margin: 0;padding: 0;}
-
</p>
+
        #menups > ul > li {display: inline-block;zoom: 1;position:relative; height:57px;}
-
</div>
+
        #menups > ul > li > a {padding:15px 15px;display: block;text-decoration: none;border:0;color: #e9e9d6;font-family: 'Lobster', cursive;font-size: 1.7em;}
-
+
        #menups > ul > li:hover > ul, #menups > ul > li > ul:hover {display: block;}
-
<div id="p4" class="container-fluid">
+
        #menups > ul > li > ul {display: none; position: absolute; background:rgba(86, 121, 113, .66);top:49px;left:-20px;min-width:140px;z-index: 9997;}
-
<h1>Paragraph 4</h1>
+
        #menups > ul > li > ul > li {list-style: none; padding:5px 10px;white-space: nowrap;}
-
<p>
+
        #menups > ul > li > ul > li:hover {background: rgba(255, 255, 255, .56)}
-
To complement our work, we have harnessed our algorithm for use in what is becoming one of the most important tools for engineering biological molecules: directed evolution experiments. Not only can our engineered changes increase evolutionary stability in applications such as transgenic bioreactors, but it can also construct gene sequences that are more prone to mutate, thus accelerating studies into how to use evolutionary selection to produce tailored functional modifications to proteins.
+
        #menups > ul > li > ul > li > a { color:#e9e9d6; font-family: 'Lobster', cursive; font-size: 1.3em;margin-top:16px;}
-
</p>
+
        #menups > ul > li > ul > li:hover > a {color: #453b27;}
-
</div>
+
-
+
-
<div id="p5" class="container-fluid">
+
-
<h1>Paragraph 5</h1>
+
-
<p>
+
-
Finally, we have investigated ways to build new genetically modified strains that exhibit greatly increased resistance to mutation. Combining our sequence-based strategies with the introduction of exogenous genes and removal of endogenous genes has enabled us to produce an expression platform for synthetic genes that not only has enhanced DNA repair mechanisms, but also has an entire artificial pathway introduced for the elimination of mutant strains from a population.  
+
-
</p>
+
-
</div>
+
-
<div id="p6" class="container-fluid">
+
        .submenups {position: absolute; width:15%; left:2%; padding:1% 2%; background:rgba(255, 255, 255, .46); font-family: 'Lato', sans-serif;}
-
<h1>Paragraph 6</h1>
+
        #submenups ul li {padding:5px;}
-
<p>
+
        #submenups ul li:hover {background:rgba(255, 255, 255, .46);}
-
While any single engineered change to reduce mutation may still fail, when our innovative approaches to modulating evolutionary stability are taken in combination, they offer an unprecedented hope for taming evolutionary entropy. More than a victory for synthetic biology, we prove that through rational design principles- exactly what mutation most virulently tries to uproot- and with enough clever innovations, it is possible to defend against what seemed like an inevitability of nature. Score one for engineering.
+
        #submenups ul ul {padding: 0 0 10px 10px;}
-
</p>
+
        #submenups > ul > li > a {}
-
</div>
+
        #submenups ul {margin:0; list-style:none;}
 +
        #submenups ul ul li {margin:5px;}
 +
        #submenups > ul > li:nth-child(1) { text-align: center; background: 0;}
 +
        #footerps {margin: 2% 2% 2% 23%;width: 75%;}
-
</div>
+
        .fixedmenups {position: fixed;top: 0;width: 80%;min-width: 940px;}
-
</body>
+
        .fixedsubmenups {z-index: 9998;position: fixed;width: 11%;left: 12%;top:75px;}
-
</html>
+
 
 +
        .invisible {display:none;}
 +
    </style>
 +
  <!-- Google Analytics -->
 +
<script>
 +
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 +
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 +
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 +
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 +
  ga('create', 'UA-53584466-1', 'auto');
 +
  ga('send', 'pageview');
 +
</script>
 +
 
 +
    <!-- MathJax (LaTeX for the web) -->
 +
    <script type="text/x-mathjax-config">
 +
        MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 +
        MathJax.Hub.Config({
 +
            TeX: {
 +
                equationNumbers: {  autoNumber: "AMS"  }
 +
            }
 +
        });
 +
    </script>
 +
    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
 
 +
    <!-- Menu -->
 +
    <script>
 +
    $(document).ready(function(){
 +
 
 +
        var nav = $("#menups");
 +
        var sub = $("#submenups");
 +
        $(window).scroll(function () {
 +
            if ($(this).scrollTop() > 180) {
 +
                nav.addClass("fixedmenups");
 +
            } else {
 +
                nav.removeClass("fixedmenups");
 +
            }
 +
            if ($(this).scrollTop() > 215) {
 +
                sub.addClass("fixedsubmenups");
 +
            } else {
 +
                sub.removeClass("fixedsubmenups");
 +
            }
 +
        });
 +
    });
 +
    </script>
 +
 
 +
    <div id="headerps"><a href="http://2014.igem.org/Team:Paris_Saclay" alt="iGEM Paris Saclay 2014"><img src="http://2014.igem.org/wiki/images/9/9b/Paris_Saclay_logo-igem-paris-saclay.png"></a></div>
 +
 
 +
    <div id="menups" class="menups">
 +
        <span><img src="http://2014.igem.org/wiki/images/9/9b/Paris_Saclay_wiki-menu-left.png"></span>
 +
        <span><img src="http://2014.igem.org/wiki/images/5/5f/Paris_Saclay_wiki-menu-right.png"></span>
 +
        <a class="pure-menu-heading" href="http://2014.igem.org/Main_Page">
 +
            <img src="http://igem.org/wiki/images/6/60/Igemlogo_300px.png" width="55px">
 +
        </a>
 +
        <ul>
 +
            <li><a href="http://2014.igem.org/Team:Paris_Saclay">Home</a></li>
 +
            <li><a href="http://2014.igem.org/Team:Paris_Saclay/Team">Team</a>
 +
<ul>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Team">Presentation</a></li>
 +
<li><a href="http://igem.org/Team.cgi?year=2014&team_name=Paris_Saclay">Official Profile</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Attributions">Attributions</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Team/Sponsor">Sponsors</a></li>
 +
</ul>
 +
            </li>
 +
            <li><a href="http://2014.igem.org/Team:Paris_Saclay/Project">Project</a>
 +
<ul>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Project/Inspirations">Inspirations</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Project/Fastlemon">Fastlemon</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Project/Odor-free_ecoli">Remove the bad smell of E.coli</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Project/Lemon_Scent">Lemon Scent</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Project/Salicylate_Inducible_System">Lemon Ripening</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Project/Lemon_Shaping">Lemon Shaping</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Project/Boston_Installation">Boston Installation</a></li>
 +
</ul>
 +
            </li>
 +
            <li><a href="http://2014.igem.org/Team:Paris_Saclay/Modeling">Modeling</a>
 +
<ul>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Modeling/oxygen_diffusion">Oxygen Diffusion</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Modeling/bacterial_Growth">Bacterial Growth</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Modeling/Fusion_Proteine">Fusion Protein</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Modeling/odor">Odor</a></li>
 +
</ul>
 +
            </li>
 +
            <li><a href="http://2014.igem.org/Team:Paris_Saclay/Labwork">Labwork</a>
 +
<ul>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Notebook">Notebook</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Parts">Parts</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Protocols">Protocols</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Safety">Safety</a></li>
 +
</ul>
 +
            </li>
 +
            <li><a href="http://2014.igem.org/Team:Paris_Saclay/Ethics">Ethics</a>
 +
<ul>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Ethics/About_Life_Art_Science">Philosophical and Historical Aspects</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Ethics/Sociological_Cultural_Definition_Living_Being">Sociological and Cultural Aspects</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Ethics/Scientific Definition of Living-Being">Scientific Aspects</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Ethics/Interviews">Expert's Opinions</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Ethics/Round_Table">French iGEMers Discussion</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Ethics/Survey">International iGEMers Point-of-View</a></li>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Ethics/Reflection_about_Artificial_Food">Reflection about Artificial Food</a></li>
 +
</ul>
 +
            </li>
 +
            <li><a href="http://2014.igem.org/Team:Paris_Saclay/Outreach">Outreach</a>
 +
<ul>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Project/Workshop">French Meetup</a>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Outreach/Events/Curiositas">Curiositas</a>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Outreach/Events/Science_Festival">Science Festival</a>
 +
<li><a href="http://2014.igem.org/Team:Paris_Saclay/Outreach/Collaborations">Collaborations</a></li>
 +
</ul>
 +
          </li>
 +
        </ul>
 +
    </div>
 +
<div id="pageContent"></html>

Latest revision as of 06:37, 7 August 2015