Difference between revisions of "Team:Heidelberg"

 
(64 intermediate revisions by 4 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>
+
            }
 +
 
 +
            #firstBox {
 +
                width: 100%;
 +
                max-width: 1920px;
 +
                min-width: 1000px;
 +
                margin-left: auto;
 +
                margin-right: auto;
 +
            }
 +
 
 +
            #sharkbg {
 +
                width: 100%;
 +
                margin-bottom: 0;
 +
                padding-bottom: 0;
 +
            }
 +
 
 +
            #landingContent {
 +
                margin-left: auto;
 +
                margin-right: auto;
 +
                width: 1000px;
 +
                text-align: justify;
 +
                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;
 +
            }
 +
 
 +
            #landingContent div:first-letter {
 +
                font-size: 28px;
 +
                color: #FF5533;
 +
                font-weight: bold;
 +
                margin-top: 0;
 +
             }
 +
 
 +
            #landingContent p:first-letter {
 +
                font-size: 28px;
 +
                color: #FF5533;
 +
                font-weight: bold;
 +
                margin-top: 0;
 +
            }
 +
 
 +
            .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>
 
     </head>
 
     <body>
 
     <body>
−
<div class="textbox23" style="width: 900px; height: 330px;">
+
        <div id="secondBox">
−
                <div class="thumbnail">
+
            <a href="#landingContent">
−
                    <img src="https://static.igem.org/mediawiki/2015/thumb/7/79/Nautilus.png/800px-Nautilus.png" alt="" style="width: 980px;" />
+
            <img id="sharkbg" src="https://static.igem.org/mediawiki/2015/4/45/Heidelberg_landingpage_sharkbg.jpg" />
−
                     <div class="caption post-content">
+
            </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>
  
−
                        <p style="width: 900px;color: black; font-size: 16px; text-align: justify;">
+
                <a href="https://2015.igem.org/Team:Heidelberg/hp/experts#keastelic">
−
                            <i>This year we, the iGEM team Heidelberg, want to take iGEM with our project back to the roots of biology. Billions of years ago small RNA molecules with catalytic activity known as ribozymes ruled the ocean and turned world from a pool of small molecules to a paradise for self-replicating lifeforms. Now in 2015 we want to be <strong>faster</strong>. </i> <br /> <br />
+
                <img class="image" id="laternImage" src="https://static.igem.org/mediawiki/2015/4/47/Heidelberg_landingpage_laterne.svg">
−
                            “The sea is everything. […] The sea is the vast reservoir of Nature. The globe began with sea, so to speak”, Nemo said while the “Nautilus” was cruising with a school of hammerhead sharks deep beneath the waves.
+
−
                            And the captain was right. Deep in the ocean billions of years ago the miracle of nature took place as a pool of small molecules evolved to self-replicating lifeforms. The flagship role in this development was probably taken by the most versatile class of molecules in the history of life: RNA. <br /><br />
+
−
                            Allegedly various random nucleotides happened to be at exactly the right place at exactly the right point of time to form the first biocatalyst. Today we know those miracles of nature as ribozymes and suppose that they made life on earth possible.
+
−
                            Millions and millions of years later we now want to facilitate those miracles into useful tools for todays’ world.
+
−
                        </p>
+
  
−
                     </div>
+
                <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