Difference between revisions of "Team:UCL"

 
(22 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
<style>
 
<style>
  
 +
 
 +
   
 +
.buttonblack2 {
 +
text-transform: uppercase;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.428571429;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  border-radius: 4px;
 +
transition-property: background-color, color, border-color;
 +
  transition-duration: 1s;
 +
  transition-timing-function: ease;
 +
            color: #FFFFFF;
 +
    padding: 10px 16px;
 +
  text-decoration: none;
 +
font-family: Raleway;
 +
letter-spacing: 2px;
 +
font-weight: bold;}
 +
  .buttonblack2 {background-color: #336666; border-color: #336666; }
 +
 +
  a.buttonblack2 { color: #fff !important; font-size: 12px;}
 +
.buttonblack2:hover {border-color: #336666; color: #336666 !important; background-color: #fff !important;}
 +
 
 +
 
 
.interesting1 {
 
.interesting1 {
 
height:50px;
 
height:50px;
Line 97: Line 123:
  
 
#introo1 {width: 100%; height: 100%;
 
#introo1 {width: 100%; height: 100%;
     background-image: url('https://static.igem.org/mediawiki/2015/9/99/Ucl2211951276_10152993241842791_5231271247123384140_n.jpg');
+
     background-image: url('https://static.igem.org/mediawiki/2015/a/a5/UCLFRONTBLOCK_1_2015.png');
 
position: relative;
 
position: relative;
     -webkit-background-size: 100% 140%;
+
     -webkit-background-size: cover;
 +
  background-size: cover;
 +
background-position: 0 -100px;
 +
 
 +
display: block !important;
 +
margin: 0;
 +
padding: 0;
 +
top: 0;
 +
bottom: 0;
 +
  background-repeat: no-repeat;
 +
 
 +
color:none;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
 
 +
vertical-align: middle;
 +
font-family: Raleway;
 +
letter-spacing: 1.1px; font-size: 13px; top: 0px;
 +
  padding-top: 50px;
 +
  padding-bottom: 50px;
 +
 
 +
}
 +
  #introo3 {width: 100%;
 +
    background-image: url('https://static.igem.org/mediawiki/2015/c/c3/UCLFRONTBLOCK_2_2015.png');
 +
position: relative;
 +
    -webkit-background-size: cover;
 +
  background-size: cover;
 
background-position: 0 -100px;
 
background-position: 0 -100px;
 
    
 
    
Line 117: Line 170:
 
font-family: Raleway;
 
font-family: Raleway;
 
letter-spacing: 1.1px; font-size: 13px; top: 0px;
 
letter-spacing: 1.1px; font-size: 13px; top: 0px;
   padding-top: 150px;
+
   padding-top: 50px;
   padding-bottom: 150px;
+
   padding-bottom: 50px;
 
    
 
    
 
}
 
}
Line 126: Line 179:
 
     font-size: 17px; width: 70%; margin: 0 auto; line-height: 1.7; padding: 30px; text-align: justify;}
 
     font-size: 17px; width: 70%; margin: 0 auto; line-height: 1.7; padding: 30px; text-align: justify;}
  
 
+
  #introo2text {width: 60%; margin: 0 auto; padding-top: 50px;}
 
    
 
    
 
   #introo2 {width: 100%; height: 100%;
 
   #introo2 {width: 100%; height: 100%;
background: #C3CEDC;  
+
background: #EBF2F8;  
 
position: relative;
 
position: relative;
 
display: block !important;
 
display: block !important;
Line 148: Line 201:
 
font-family: Raleway;
 
font-family: Raleway;
 
letter-spacing: 1.1px; font-size: 13px; top: 0px;
 
letter-spacing: 1.1px; font-size: 13px; top: 0px;
   padding-top: 150px;
+
   padding-top: 100px;
   padding-bottom: 150px;
+
   padding-bottom: 50px;
 
    
 
    
 
}
 
}
Line 161: Line 214:
 
#introo3 {height: 100%; background-position: left 0px bottom -35px;}
 
#introo3 {height: 100%; background-position: left 0px bottom -35px;}
 
#introo1text, #introo1arrow {font-size: 18px; line-height: 1.5;}
 
#introo1text, #introo1arrow {font-size: 18px; line-height: 1.5;}
#introo2text {font-size: 20px; line-height: 1.5; bottom: 15%;}
 
#introo3text {font-size: 17px; line-height: 1.5; top: 20%;}
 
#todescription {bottom: 3%;}
 
 
}
 
}
  
Line 170: Line 220:
 
#introo1text {font-size: 18px; line-height: 1.5; bottom: 10%;}
 
#introo1text {font-size: 18px; line-height: 1.5; bottom: 10%;}
 
#introo2text {font-size: 20px; line-height: 1.5; bottom: 10%;}
 
#introo2text {font-size: 20px; line-height: 1.5; bottom: 10%;}
#introo1arrow, #introo2arrow {width: 10%; height: 10%;}
 
#introo3dna {bottom: 100px;}
 
#introo3dna-img {bottom: 80px;}
 
#todescription {bottom: 1%;}
 
#introo1:hover:after, #introo2:hover:after, #introo3:hover:after {visibility: hidden;}
 
 
 
}
 
}
  
Line 182: Line 226:
 
#introo1text {font-size: 15px; line-height: 1.5;}
 
#introo1text {font-size: 15px; line-height: 1.5;}
 
#introo2text {font-size: 17px; line-height: 1.5; bottom: 20%;}
 
#introo2text {font-size: 17px; line-height: 1.5; bottom: 20%;}
#introo3text {font-size: 15px; line-height: 1.5; }
 
 
#introo1arrow, #introo2arrow {width: 13%; height: 13%;}
 
  
 
}
 
}
Line 193: Line 234:
 
#introo1text, #introo2text {font-size: 14px; line-height: 1.2;}
 
#introo1text, #introo2text {font-size: 14px; line-height: 1.2;}
 
#introo2text {font-size: 15px; line-height: 1.5; bottom: 20%;}
 
#introo2text {font-size: 15px; line-height: 1.5; bottom: 20%;}
#introo1arrow, #introo2arrow {width: 15%; height: 15%;}
 
#introo3text {font-size: 14px; line-height: 1.3;}
 
  
 
}
 
}
  
 
 
#footer {background-image: url('https://static.igem.org/mediawiki/2015/d/d4/UCL_London_Quad_Frontpage.jpeg'); background-position: center 70%; background-size: cover;  width: 100%; height: 120px; position: fixed; bottom: 0; left: 0; margin: 0 auto;  z-index: -1; }
 
  
  
Line 224: Line 260:
  
 
<div id="logo">   
 
<div id="logo">   
<a href="https://2015.igem.org/Team:UCL/Software#mark"><img src="https://static.igem.org/mediawiki/2015/f/f1/Mind_the_Mark_icon_black_and_white.png" class="interesting1"/></a>
+
<!--<a href="https://2015.igem.org/Team:UCL/Software#mark"><img src="https://static.igem.org/mediawiki/2015/f/f1/Mind_the_Mark_icon_black_and_white.png" class="interesting1"/></a>
<a href="https://2015.igem.org/Team:UCL/Entrepreneurship"><img src="https://static.igem.org/mediawiki/2015/e/e6/Prokao_logo_black_and_white.png" class="interesting2"/></a>
+
<a href="https://2015.igem.org/Team:UCL/Entrepreneurship"><img src="https://static.igem.org/mediawiki/2015/e/e6/Prokao_logo_black_and_white.png" class="interesting2"/></a> -->
 
<img src="https://static.igem.org/mediawiki/2015/5/56/Mind_the_gut_logo_small_frontpage.png" id="logophoto" style="" alt="Mind the Gut">  
 
<img src="https://static.igem.org/mediawiki/2015/5/56/Mind_the_gut_logo_small_frontpage.png" id="logophoto" style="" alt="Mind the Gut">  
  
       <div class="intro-buttons" id="box-links">
+
       <div class="intro-buttons" id="box-links" style="margin: 0 auto;">
 
         <a data-scroll data-options='{ "easing": "linear" }' href="#introo2" class="buttonblack">Learn more</a>
 
         <a data-scroll data-options='{ "easing": "linear" }' href="#introo2" class="buttonblack">Learn more</a>
 
   
 
   
Line 243: Line 279:
  
 
<div id="introo2text">
 
<div id="introo2text">
 
+
<video width="100%" controls>
<video width="80%" controls>
+
 
   <source src="https://static.igem.org/mediawiki/2015/b/b1/Mind_the_gut_UCL_iGEM_2015_Wiki.mp4">
 
   <source src="https://static.igem.org/mediawiki/2015/b/b1/Mind_the_gut_UCL_iGEM_2015_Wiki.mp4">
 
   </video>
 
   </video>
Line 251: Line 286:
 
    
 
    
 
<div id="introo1">
 
<div id="introo1">
<div id="introo1text">
+
<!--
<b>Mind the Gut: developing psychobiotics to target the brain-gut-microbiota axis for mental health treatment</b><br><br/>
+
<center>
 
+
          <a style="position:relative;bottom:100px;" href="https://2015.igem.org/Team:UCL/Description" class="buttonblack2">Project description</a></center>
Current research suggests that gut microbes secrete neuroactive compounds that act on the gut-brain axis and play an important role in healthy brain function. UCL iGEM have developed novel synthetic psychobiotics that mimic these neuromodulatory strategies identified in endogenous intestinal strains.<br/><br/>
+
--> 
 
+
</div>
We have designed safe therapeutic devices that target the glutamate, acetylcholine and tryptophan pathways for neurochemical synthesis. Additionally, we have assessed biocontainment and integrated a sensor detecting mood-related physiological changes in the gut environment.<br/><Br/>
+
 
 
+
  </div>
In any year, mental health conditions affect one in four of us and available small molecule treatments have associated stigma and side effects. We believe that, besides aiding in the better understanding of the communication between gut microbiota and brain, our work will also lay a foundation for novel user-friendly treatments for mental health conditions.
+
  <div id="introo3">
<br/>
+
    <div id="introo3text">
        <div class="intro-buttons" id="box-links">
+
 
+
          <a href="https://2015.igem.org/Team:UCL/Description" class="buttonblack">Project description</a>
+
 
   </div>
 
   </div>
 
 
 
   </div>
 
   </div>
 
   </div>
 
   </div>

Latest revision as of 03:58, 19 September 2015

'