Difference between revisions of "Team:Heidelberg"

 
(53 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Heidelberg}}
+
{{Heidelberg/Header}}
 +
{{Heidelberg/navbar_landing}}
  
 
<html>
 
<html>
 
     <head>
 
     <head>
−
    <style>
+
        <style>
−
        .post-content {
+
            @font-face {
−
            background: none repeat scroll 0 0;
+
                font-family: LazyDay;
−
            opacity: 1;
+
                src: url(https://static.igem.org/mediawiki/2015/d/df/Heidelberg_lazyday.ttf);
−
            top: 0;
+
             }
−
             left: 0;
+
−
            position: absolute;
+
−
        }
+
  
−
        .thumbnail {
+
             body {
−
             position: relative;
+
                margin: 0;
−
        }
+
                 padding: 0;
−
    </style>
+
            }
−
    </head>
+
−
    <body>
+
−
<div class="textbox23" style="width: 900px; height: 460px;">
+
−
                 <div class="thumbnail">
+
−
                    <img src="https://static.igem.org/mediawiki/2015/thumb/7/79/Nautilus.png/800px-Nautilus.png" alt="" style="width: 980px;" />
+
−
                    <div class="caption post-content">
+
  
−
                        <p style="width: 900px;color: black; font-size: 16px; text-align: justify;">
+
            #firstBox {
−
                            <i>“The sea is everything. […] The sea is the vast reservoir of Nature. The globe began with sea, so to
+
                width: 100%;
−
speak”, Nemo said while the “Nautilus” was cruising with a school of hammerhead sharks deep
+
                max-width: 1920px;
−
beneath the waves.</i>  <br/> <br/>
+
                min-width: 1000px;
 +
                margin-left: auto;
 +
                margin-right: auto;
 +
            }
  
−
And the captain was right. Deep in the ocean billions of years ago the miracle of nature took place as
+
            #sharkbg {
−
a pool of small molecules evolved to self-replicating lifeforms. The flagship role in this development
+
                width: 100%;
−
was probably taken by the most versatile class of molecules in the history of life: <strong>RNA</strong>. <br/>  <br/>
+
                margin-bottom: 0;
 +
                padding-bottom: 0;
 +
            }
  
−
Seemingly random nucleotides happened to be in the right order to form the first biocatalysts that
+
            #landingContent {
−
made life on the blue planet possible. Today we know those miracles of nature as ribozymes. Inspired
+
                margin-left: auto;
−
by this, humanity took evolution into their own hands to create aptamers – nucleic acids capable of
+
                margin-right: auto;
−
encaging molecules. This allows for the detection of virtually anything. Still this process has been
+
                width: 1000px;
−
tedious and time consuming much like fishing with a rod in an ocean. We want to revolutionize this
+
                text-align: justify;
−
former evolutionary process and want to make it swift like a shark tracking down its prey. <br/> <br/>
+
                border-radius: 10px;
 +
                background-color: white;
 +
                background-image: url(https://static.igem.org/mediawiki/2015/f/f9/Heidelberg_landingpage_longrobe.svg);
 +
                background-repeat: no-repeat;
 +
                /* has to be at most -3 to close the gap to the shark image */
 +
                background-position: 413px -340px;
 +
                font-size: 26px;
 +
                font-family: LazyDay;
 +
                overflow: hidden;
 +
                min-height: 2200px;
 +
                line-height: normal;
 +
            }
  
−
Yet to really bring out the strengths of these simple yet powerful molecules just comprised of A, U, C
+
            #landingContent div:first-letter {
−
and G we want to combine aptamers and ribozymes to create a toolset for the synthetic biologist to
+
                font-size: 28px;
−
create allosteric ribozymes able to sense a variety of molecules. Therefore, we hope to introduce the
+
                color: #FF5533;
−
true origins of life and the capabilities of functional RNA to iGEM. <br/><br/>
+
                font-weight: bold;
 +
                margin-top: 0;
 +
            }
  
−
<strong>Join us as we sail forth into new
+
            #landingContent p:first-letter {
−
waters of synthetic biology. </strong>
+
                font-size: 28px;
−
                        </p>
+
                color: #FF5533;
 +
                font-weight: bold;
 +
                margin-top: 0;
 +
            }
  
−
                     </div>
+
            .question, .image, .statement {
 +
                padding: 10px;
 +
                margin: 40px;
 +
                width: 420px;
 +
                float: left;
 +
                height: 300px;
 +
            }
 +
           
 +
            #tools {
 +
                width: 80%;
 +
                background-color: #77BB22;
 +
                border-width: 1px;
 +
                border-style: dashed;
 +
                float: left;
 +
                padding: 15px;
 +
                position: relative;
 +
                margin: auto;
 +
                left: 10%;
 +
                text-align: center;
 +
                margin-top: 50px;
 +
                margin-bottom: 50px;
 +
                font-weight: bold;
 +
                font-size: 32px;
 +
            }
 +
 
 +
            .question {
 +
                padding-top: 70px;
 +
                height: 250px;
 +
            }
 +
 
 +
            .image {
 +
                height: 250px;
 +
            }
 +
 
 +
            .statement {
 +
                background-color: #00B5EF;
 +
                opacity: 1;
 +
                border-width: 1px;
 +
                border-style: dashed;
 +
                width: 418px; /* 40% of #content -2px for border */
 +
                height: 220px;
 +
            }
 +
 
 +
            .statement p {
 +
                line-height: normal;
 +
            }
 +
 
 +
            #landingContent a, #landingContent a:hover, #landingContent a:visited {
 +
                text-decoration: none;
 +
                color: black;
 +
            }
 +
 
 +
            .statement:hover {
 +
                opacity: 0.7;
 +
            }
 +
 
 +
            .statementImage {
 +
                margin-left: auto;
 +
                margin-right: auto;
 +
                width: 80px;
 +
                position: relative;
 +
                left: 159px;
 +
            }
 +
 
 +
            #statement2 img {
 +
                position: relative;
 +
                bottom: -20px;
 +
                left: 139px;
 +
                width: 100px;
 +
            }
 +
 
 +
            #statement3 img {
 +
                position: relative;
 +
                top: 10px;
 +
            }
 +
 
 +
            #statement4 img {
 +
                position: relative;
 +
                top: 0px;
 +
            }
 +
        </style>
 +
    </head>
 +
    <body>
 +
        <div id="secondBox">
 +
            <a href="#landingContent">
 +
            <img id="sharkbg" src="https://static.igem.org/mediawiki/2015/4/45/Heidelberg_landingpage_sharkbg.jpg" />
 +
            </a>
 +
        </div>
 +
        <div id="secondBox">
 +
            <div id="landingContent">
 +
                <a href="https://2015.igem.org/Team:Heidelberg/hp/experts#mall">
 +
                <div id="question1" class="question">
 +
                     What impact would it have to <em>cure cystic fibrosis</em> by correcting the causing dysfunctional mRNA but without genetically modifying the patient?
 +
                </div>
 +
                <img class="image" id="lungImage" src="https://static.igem.org/mediawiki/2015/2/2c/Heidelberg_landingpage_lunge.svg">
 +
                </a>
 +
 
 +
                <a href="https://2015.igem.org/Team:Heidelberg/hp/experts#keastelic">
 +
                <img class="image" id="laternImage" src="https://static.igem.org/mediawiki/2015/4/47/Heidelberg_landingpage_laterne.svg">
 +
 
 +
                <div id="question2" class="question">
 +
                    How much safer could our cities be if <em>rape would be prevented</em> by an easy and discrete method to detect drugs ulteriorly poured  in drinks?
 +
                </div>
 +
                </a>
 +
               
 +
                <a href="https://2015.igem.org/Team:Heidelberg/hp/experts#wink">
 +
                <div id="question3" class="question">
 +
                    What could be discovered if every research lab had the possibility to <em>perform cheap and fast western blotting</em> for every protein?
 +
                </div>
 +
 
 +
                <img class="image" id="abImage" src="https://static.igem.org/mediawiki/2015/e/ec/Heidelberg_landingpage_ab.svg">
 +
                </a>
 +
               
 +
                <div id="tools">
 +
                    Nature has provided us with the right tools: functional nucleic acids
 +
                </div>
 +
             
 +
                <a href="https://2015.igem.org/Team:Heidelberg/Software">
 +
                <div id="statement1" class="statement">
 +
                    <p>We made it possible to <em>design</em> functional nucleic acids following the concepts of modularization and standardization</p>
 +
                    <img src="https://static.igem.org/mediawiki/2015/6/68/Heidelberg_map_sw_icon.png" class="statementImage" />
 +
                </div>
 +
                </a>
 +
               
 +
                <a href="https://2015.igem.org/Team:Heidelberg/Results/Standardization">
 +
                <div id="statement2" class="statement">
 +
                    <p>We created a <em>new standard</em> to clone them and work with them, in vitro and in vivo</p>
 +
                    <img src="https://static.igem.org/mediawiki/2015/6/6d/Heidelberg_map_rfc_icon.png" class="statementImage" />
 +
                </div>
 +
                </a>
 +
               
 +
                <a href="https://2015.igem.org/Team:Heidelberg/Software">
 +
                <div id="statement3" class="statement">
 +
                    <p>We set up assays to validate our in silico designs and improve our designing rules</p>
 +
                    <img src="https://static.igem.org/mediawiki/2015/3/3f/Heidelberg_landingpage_mesdingens.png" class="statementImage" />
 +
                </div>
 +
                </a>
  
 +
                <a href="https://2015.igem.org/Team:Heidelberg/Overview">
 +
                <div id="statement4" class="statement">
 +
                    <img src="https://static.igem.org/mediawiki/2015/1/1d/Heidelberg_landingpage_diver.png" class="statementImage" />
 +
                    <p>Dive deeper into the ocean of our project to find out how we set the foundations to elevate functional nucleic acids to a new leading role in synthetic biology.</p>
 
                 </div>
 
                 </div>
 +
                </a>
 
             </div>
 
             </div>
 +
        </div>
 
     </body>
 
     </body>
 
</html>
 
</html>
 +
{{Heidelberg/jamboree}}
 +
{{Heidelberg/Footer}}

Latest revision as of 20:11, 19 November 2015