Difference between revisions of "Team:Heidelberg"

 
(51 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{Heidelberg/Header}}
 
{{Heidelberg/navbar_landing}}
 
{{Heidelberg/navbar_landing}}
  
Line 28: Line 29:
 
             }
 
             }
  
             #content {
+
             #landingContent {
 
                 margin-left: auto;
 
                 margin-left: auto;
 
                 margin-right: auto;
 
                 margin-right: auto;
Line 38: Line 39:
 
                 background-repeat: no-repeat;
 
                 background-repeat: no-repeat;
 
                 /* has to be at most -3 to close the gap to the shark image */
 
                 /* has to be at most -3 to close the gap to the shark image */
                 background-position: 413px -80px;
+
                 background-position: 413px -340px;
                 font-size: 160%;
+
                 font-size: 26px;
 
                 font-family: LazyDay;
 
                 font-family: LazyDay;
 
                 overflow: hidden;
 
                 overflow: hidden;
 
                 min-height: 2200px;
 
                 min-height: 2200px;
 +
                line-height: normal;
 
             }
 
             }
  
             #content div:first-letter {
+
             #landingContent div:first-letter {
                 font-size: 130%;
+
                 font-size: 28px;
 +
                color: #FF5533;
 +
                font-weight: bold;
 +
                margin-top: 0;
 +
            }
 +
 
 +
            #landingContent p:first-letter {
 +
                font-size: 28px;
 
                 color: #FF5533;
 
                 color: #FF5533;
 
                 font-weight: bold;
 
                 font-weight: bold;
Line 53: Line 62:
  
 
             .question, .image, .statement {
 
             .question, .image, .statement {
                 padding: 1%;
+
                 padding: 10px;
                 margin: 4%;
+
                 margin: 40px;
                 width: 40%;
+
                 width: 420px;
 
                 float: left;
 
                 float: left;
 +
                height: 300px;
 
             }
 
             }
 
              
 
              
Line 62: Line 72:
 
                 width: 80%;
 
                 width: 80%;
 
                 background-color: #77BB22;
 
                 background-color: #77BB22;
                background-opacity: 0.5;
 
 
                 border-width: 1px;
 
                 border-width: 1px;
 
                 border-style: dashed;
 
                 border-style: dashed;
Line 74: Line 83:
 
                 margin-bottom: 50px;
 
                 margin-bottom: 50px;
 
                 font-weight: bold;
 
                 font-weight: bold;
                 font-size: 132%;
+
                 font-size: 32px;
 
             }
 
             }
  
 
             .question {
 
             .question {
                 padding-top: 110px;
+
                 padding-top: 70px;
                 height: 200px;
+
                 height: 250px;
 
             }
 
             }
  
 
             .image {
 
             .image {
                 height: 300px;
+
                 height: 250px;
 
             }
 
             }
  
Line 91: Line 100:
 
                 border-width: 1px;
 
                 border-width: 1px;
 
                 border-style: dashed;
 
                 border-style: dashed;
                 width: 398; /* 40% of #content -2px for border */
+
                 width: 418px; /* 40% of #content -2px for border */
                 height: 244;
+
                 height: 220px;
 
             }
 
             }
  
             #content a, #content a:hover, #content a:visited {
+
            .statement p {
 +
                line-height: normal;
 +
            }
 +
 
 +
             #landingContent a, #landingContent a:hover, #landingContent a:visited {
 
                 text-decoration: none;
 
                 text-decoration: none;
 
                 color: black;
 
                 color: black;
Line 117: Line 130:
 
                 left: 139px;
 
                 left: 139px;
 
                 width: 100px;
 
                 width: 100px;
 +
            }
 +
 +
            #statement3 img {
 +
                position: relative;
 +
                top: 10px;
 
             }
 
             }
  
 
             #statement4 img {
 
             #statement4 img {
 
                 position: relative;
 
                 position: relative;
                 top: 7px;
+
                 top: 0px;
 
             }
 
             }
 
         </style>
 
         </style>
 
     </head>
 
     </head>
 
 
     <body>
 
     <body>
         <div id="firstBox">
+
         <div id="secondBox">
             <a href="#content">
+
             <a href="#landingContent">
 
             <img id="sharkbg" src="https://static.igem.org/mediawiki/2015/4/45/Heidelberg_landingpage_sharkbg.jpg" />
 
             <img id="sharkbg" src="https://static.igem.org/mediawiki/2015/4/45/Heidelberg_landingpage_sharkbg.jpg" />
 
             </a>
 
             </a>
 
         </div>
 
         </div>
 
         <div id="secondBox">
 
         <div id="secondBox">
             <div id="content">
+
             <div id="landingContent">
                 <a name="content" />
+
                 <a href="https://2015.igem.org/Team:Heidelberg/hp/experts#mall">
 
                 <div id="question1" class="question">
 
                 <div id="question1" class="question">
                     How great would it be to cure cystis fibrosis by correcting the dysfunctional mRNA that causes it without genetically modifying the patient?
+
                     What impact would it have to <em>cure cystic fibrosis</em> by correcting the causing dysfunctional mRNA but without genetically modifying the patient?
 
                 </div>
 
                 </div>
                <a href="test">
+
                 <img class="image" id="lungImage" src="https://static.igem.org/mediawiki/2015/2/2c/Heidelberg_landingpage_lunge.svg">
                 <img class="image"src="lunge.svg">
+
 
                 </a>
 
                 </a>
  
                 <a href="test">
+
                 <a href="https://2015.igem.org/Team:Heidelberg/hp/experts#keastelic">
                 <img class="image"src="lampe.svg">
+
                 <img class="image" id="laternImage" src="https://static.igem.org/mediawiki/2015/4/47/Heidelberg_landingpage_laterne.svg">
                </a>
+
 
 
                 <div id="question2" class="question">
 
                 <div id="question2" class="question">
                     How safer could our cities be if victims could prevent rape by easily and discretely detecting drugs put in their drinks to make them powerless?
+
                     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>
 
                 </div>
 +
                </a>
 
                  
 
                  
 +
                <a href="https://2015.igem.org/Team:Heidelberg/hp/experts#wink">
 
                 <div id="question3" class="question">
 
                 <div id="question3" class="question">
                     How much would the possibility to perform cheap and fast western blotting for every protein revolutionize the scientific community?
+
                     What could be discovered if every research lab had the possibility to <em>perform cheap and fast western blotting</em> for every protein?
 
                 </div>
 
                 </div>
                <a href="test">
+
 
                 <img class="image"src="aptabody_black.svg">
+
                 <img class="image" id="abImage" src="https://static.igem.org/mediawiki/2015/e/ec/Heidelberg_landingpage_ab.svg">
 
                 </a>
 
                 </a>
 
                  
 
                  
Line 160: Line 178:
 
                 </div>
 
                 </div>
 
                
 
                
                 <a href="test">
+
                 <a href="https://2015.igem.org/Team:Heidelberg/Software">
 
                 <div id="statement1" class="statement">  
 
                 <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>
 
                     <p>We made it possible to <em>design</em> functional nucleic acids following the concepts of modularization and standardization</p>
Line 167: Line 185:
 
                 </a>
 
                 </a>
 
                  
 
                  
                 <a href="test">
+
                 <a href="https://2015.igem.org/Team:Heidelberg/Results/Standardization">
 
                 <div id="statement2" class="statement">
 
                 <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>
 
                     <p>We created a <em>new standard</em> to clone them and work with them, in vitro and in vivo</p>
Line 174: Line 192:
 
                 </a>
 
                 </a>
 
                  
 
                  
                 <a href="test">
+
                 <a href="https://2015.igem.org/Team:Heidelberg/Software">
 
                 <div id="statement3" class="statement">
 
                 <div id="statement3" class="statement">
 
                     <p>We set up assays to validate our in silico designs and improve our designing rules</p>
 
                     <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/6/68/Heidelberg_map_sw_icon.png" class="statementImage" />
+
                     <img src="https://static.igem.org/mediawiki/2015/3/3f/Heidelberg_landingpage_mesdingens.png" class="statementImage" />
 
                 </div>
 
                 </div>
 
                 </a>
 
                 </a>
  
                 <a href="test">
+
                 <a href="https://2015.igem.org/Team:Heidelberg/Overview">
 
                 <div id="statement4" class="statement">
 
                 <div id="statement4" class="statement">
 
                     <img src="https://static.igem.org/mediawiki/2015/1/1d/Heidelberg_landingpage_diver.png" class="statementImage" />
 
                     <img src="https://static.igem.org/mediawiki/2015/1/1d/Heidelberg_landingpage_diver.png" class="statementImage" />
Line 191: Line 209:
 
     </body>
 
     </body>
 
</html>
 
</html>
 +
{{Heidelberg/jamboree}}
 +
{{Heidelberg/Footer}}

Latest revision as of 20:11, 19 November 2015