Difference between revisions of "Team:Glasgow/Interlab"

Line 1: Line 1:
 
{{GlasgowNavbar}}
 
{{GlasgowNavbar}}
−
<html>
+
<html>
−
<style>
+
  <head>
−
.firstHeading{
+
    <style>
−
      display:none;
+
          .firstHeading {
 +
              display:none;
 +
        }
 +
   
 +
        #content {
 +
    width:auto;
 +
    height:auto;
 +
    padding:0px 0px 0px 0px;
 +
    border:none;
 +
   
 +
   
 
}
 
}
−
.head h1 {
+
      h1 {
−
text-align:center;
+
      text-decoration:none;
−
font-family:Helvetica;
+
      border:none;
−
font-size:120px;
+
−
border:none;
+
−
}
+
−
.attribution{
+
−
padding-left:200px;
+
−
padding-right:200px;
+
−
}
+
−
.Project{
+
−
list-style-image:url(https://static.igem.org/mediawiki/2015/9/96/2015-Glasgow-microicon.png);
+
−
list-style-position:center;
+
−
}
+
−
.human{
+
−
list-style-image:url(https://static.igem.org/mediawiki/2015/a/ae/2015-Glasgow-earthicon.png);
+
−
list-style-position:center;
+
−
}
+
−
.wiki{
+
−
list-style-image:url(https://static.igem.org/mediawiki/2015/4/45/2015-Glasgow-lightbulbicon.png);
+
−
list-style-position:center;
+
−
}
+
−
.lab{
+
−
list-style-image:url(https://static.igem.org/mediawiki/2015/e/ed/2015-Glasgow-experimenticon.png);
+
−
list-style-position:center;
+
 
}
 
}
 +
 +
            * {
 +
                padding:0;
 +
                margin:0;
 +
            }
 +
           
 +
            .banner {
 +
                width:100vw;
 +
                height:45vh;
 +
                background-color: black;
 +
            }
 +
       
 +
            h1 {
 +
                width:20vw;
 +
                margin: 5vh auto;
 +
                text-align: center;
 +
            }
 +
           
 +
            .mainText {
 +
                width:80vw;
 +
                margin:0 auto;
 +
                text-align: justify;
 +
            }
 +
           
 +
            .monster {
 +
                height:50vh;
 +
                width:15vw;
 +
                position:relative;
 +
                display:inline-block;
 +
                margin: 0 auto;
 +
            }
 +
           
 +
            .monsterContainer {
 +
                width:80vw;
 +
                height:50vh;
 +
                margin:10vh auto;
 +
                text-align: justify;
 +
               
 +
            }
 +
           
 +
            .monsterContainer:after {
 +
                content: "";
 +
            width: 100%;
 +
                display: inline-block;
 +
            }
 +
 +
            .monsterImg {
 +
                height:100%;
 +
                width:100%;
 +
                opacity:0.92;
 +
                box-shadow: 0 0 5px purple;
 +
            }
 +
 +
            h3 {
 +
                color: white;
 +
                position:absolute;
 +
                bottom:1%;
 +
                left: 5%;
 +
                width:100%;
 +
                opacity:0.85;
 +
            }
 +
 +
            monsterSpan {
 +
                letter-spacing: -1px;
 +
                background: rgb(30, 5, 90);
 +
                background: rgba(30, 5, 90, 0.7);
 +
                padding:5%;
 +
            }
 +
 +
            .dimmer {
 +
                opacity:1;
 +
            }
 +
 +
            .dimmer2 {
 +
                text-decoration: underline;
 +
                opacity:1
 +
            }
 
#bodybackground {
 
#bodybackground {
−
  background:url(https://static.igem.org/mediawiki/2015/archive/e/e4/20150825120639%21Fireflies-in-japan1.jpg) no-repeat center center;
+
background:url(https://static.igem.org/mediawiki/2015/archive/e/e4/20150825120639%21Fireflies-in-japan1.jpg) no-repeat center center;  
−
  font-family: 'Nixie One', Helvetica, Arial, sans-serif;
+
Helvetica, Arial, sans-serif;
 
   font-size: 50px;
 
   font-size: 50px;
 
   height:45vh;
 
   height:45vh;
Line 193: Line 258:
 
</head>
 
</head>
  
−
<!---------ziti----->
+
 
−
</style>
+
    <body>
 +
       
 
<div id="bodybackground">
 
<div id="bodybackground">
 
   <div  class="container3">
 
   <div  class="container3">
 
   <div class="sign">
 
   <div class="sign">
−
       <div class="neon-blue" id="title" style="margin-top:30px;">Glas<span id="fade">glow</span> </div>
+
       <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div>
−
       <div class="neon-blue"><br><span class="neon-purple"><strong>Interlab Study</strong></span></div>
+
       <div class="neon-blue"><br><span class="neon-purple"><strong>Project Overview</strong></span></div>
 
   </div>
 
   </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
       
 +
        <p class="mainText" style="margin-top:3vh;"><a href="https://2015.igem.org/Team:Glasgow">Home</a> > <a href="https://2015.igem.org/Team:Glasgow/Project/Overview">Project</a></p>
 +
       
 +
        <h1>Motivation</h1>
 +
       
 +
        <p class="mainText">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
 +
       
 +
        <h1>Our Product</h1>
 +
       
 +
        <p class="mainText">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
 +
       
 +
        <div class="monsterContainer">
 +
            <div class="monster"><a href="https://2015.igem.org/Team:Glasgow/Project/Overview/UVA"><img class='monsterImg' src="https://static.igem.org/mediawiki/2015/9/9c/Monster1-inverted.jpg">
 +
                <h3><span class="monsterSpan">UVA</span></h3></a></div>
 +
           
 +
          <div class="monster"><a href="#"><img class='monsterImg' src="https://static.igem.org/mediawiki/2015/9/9d/Monster2-inverted.png">
 +
            <h3><span class="monsterSpan">Protocols</span></h3></a></div>
 +
           
 +
            <div class="monster"><a href="#"><img class='monsterImg' src="https://static.igem.org/mediawiki/2015/d/d4/Monster3-inverted.jpg">
 +
            <h3 style="left:2.5%;"><span class="monsterSpan">Bioluminesence</span></h3></a></div>
 +
           
 +
            <div class="monster"><a href="#"><img class='monsterImg' src="https://static.igem.org/mediawiki/2015/e/e1/Monster4-inverted.jpg">
 +
            <h3><span class="monsterSpan">Steve</span></h3></a></div>
 +
           
 +
            <div class="monster"><a href="#"><img class='monsterImg' src="https://static.igem.org/mediawiki/2015/d/d1/Monster5-inverted.jpg">
 +
            <h3><span class="monsterSpan">Repressors</span></h3></a></div>
 +
       
 +
        </div>
 +
       
 +
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
    <script type="text/javascript">
 +
   
 +
        $(document).ready(function() {
 +
            $('.monster').mouseenter(function() {
 +
                $('img', this).addClass("dimmer");
 +
                $('h3', this).addClass("dimmer2");
 +
            });
 +
            $('.monster').mouseleave(function() {
 +
                $('img').removeClass("dimmer");
 +
                $('h3').removeClass("dimmer2");
 +
            });
 +
        });
 +
       
 +
        </script>   
 +
   
 +
    </body>
  
−
<div class="maintext">
 
−
<h1 style="border:none;font-family: serif;text-align:center;margin-top:60px;"><strong>Interlab Title</strong></h1>
 
−
<h2 style="border:none;font-family: serif;text-align:center;margin-top:-20px;"><strong>A story by Charlotte</strong></h1>
 
−
<p style="font-family: serif;margin-left:120px;margin-right:120px;margin-bottom:120px; margin-top:35px;text-indent:20px;line-height:40px; text-align:justify;"><font size='5'>Here is the main text! Want to add some photo's? No problemo! Want a fancy looking title? Just holla girl! Perhaps you have an idea of how you want to lay it out? Photo right, text left? Perhaps photo on the bottom? Perhaps you'd like thinner margins left and right of the text? All of this is very easy to change, just need the content!</font></p>
 
−
</div>
 
 
</html>
 
</html>
 
{{Glasgowfooter}}
 
{{Glasgowfooter}}

Revision as of 11:52, 8 September 2015

Glasglow

Project Overview

Home > Project

Motivation

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque

Our Product

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque

UVA

Protocols

Bioluminesence

Steve

Repressors

Location

Bower Building, Wilkins Teaching Laboratory
University of Glasgow
University Avenue
G12 8QQ

Follow Us On