Difference between revisions of "Team:Edinburgh UG"

 
(378 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Edinburgh_UG}}
+
{{:Team:Edinburgh_UG/Templates/NavigationBar}}
  
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
<style>
+
    <meta name="viewport" content="width=device-width,initial-scale=1">
−
topnavbar {
+
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
−
    list-style-type: none;
+
     <link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/CSS?action=raw&amp;ctype=text/css">
−
     margin: 0;
+
−
     padding: 0;
+
−
    overflow: hidden;
+
−
    background-color: #333;
+
−
}
+
  
−
list {
 
−
    float: left;
 
−
}
 
  
−
list a, .dropbtn {
+
    <!-- External CSS for navbar, footer and page. -->
−
     display: inline-block;
+
 
−
    color: white;
+
     <style>
−
    text-align: center;
+
        /* Max Width must be the max width of the carousel... */
−
    padding: 14px 16px;
+
        .same-width {
−
    text-decoration: none;
+
            width: 70%;
 +
            max-width: 55em;
 +
        }
 +
       
 +
        .carousel-control.left,
 +
        .carousel-control.right {
 +
            background-image: none
 +
        }
 +
       
 +
        #carousel {
 +
            border-style: solid;
 +
            border-width: 5pt;
 +
        }
 +
       
 +
        /*CSS for the sponsor us images. */
 +
        .sponsor img {
 +
            display: inline;
 +
            max-width: 6.5em;
 +
            height: auto;
 +
            margin: 10px;
 +
        }
 +
/* Putting the carousel indicators outside the carousel: */
 +
.carousel-indicators {
 +
  bottom:-2.5em;
 +
  width: auto;
 +
  margin-left: 0;
 +
  left: 20.5em;
 
}
 
}
  
−
list a:hover, .dropdown:hover .dropbtn {
+
.carousel-inner {
−
    background-color: red;
+
 
}
 
}
  
−
list.dropdown {
+
.carousel-indicators li {
−
    display: inline-block;
+
  background-color: white;
 +
  border-color: black;
 +
  border-width: 2.5pt;
 +
}
 +
.carousel-indicators .active {
 +
  background-color: black;
 +
  border-color: black;
 +
  border-width: 2.5pt;
 
}
 
}
  
−
.dropdown-content {
+
.carousel-control.left {
−
    display: none;
+
  margin-left: -4.5em;
−
    position: absolute;
+
  color: black;
−
    background-color: #f9f9f9;
+
−
    min-width: 160px;
+
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
−
    z-index: 1;
+
 
}
 
}
  
−
.dropdown-content a {
+
.carousel-control.right {
−
    color: black;
+
  margin-right: -4.5em;
−
    padding: 12px 16px;
+
  color: black;
−
    text-decoration: none;
+
−
    display: block;
+
−
    text-align: left;
+
 
}
 
}
  
−
.dropdown-content a:hover {background-color: #f1f1f1}
+
.carousel .carousel-control{
−
 
+
  opacity: 1;
−
.dropdown:hover .dropdown-content {
+
−
    display: block;
+
 
}
 
}
−
</style>
+
 
 +
    </style>
 
</head>
 
</head>
  
 
<body>
 
<body>
 +
    <!-- Preloading hidden images. -->
 +
    <div class="hidden">
 +
        <script type="text/javascript">
 +
            <!--//--><![CDATA[//><!--
 +
        var images = new Array()
  
−
<topnavbar>
+
            function preload() {
 +
                for (i = 0; i < preload.arguments.length; i++) {
 +
                    images[i] = new Image()
 +
                    images[i].src = preload.arguments[i]
 +
                }
 +
            }
 +
            preload(
 +
                "https://static.igem.org/mediawiki/2017/4/43/T--Edinburgh_UG--sponsorBronze.svg",
 +
                "https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorBronzeHover.svg",
 +
                "https://static.igem.org/mediawiki/2017/c/ce/T--Edinburgh_UG--sponsorSilver.svg",
 +
                "https://static.igem.org/mediawiki/2017/6/66/T--Edinburgh_UG--sponsorSilverHover.svg",
 +
                "https://static.igem.org/mediawiki/2017/4/44/T--Edinburgh_UG--sponsorGold.svg",
 +
                "https://static.igem.org/mediawiki/2017/6/6a/T--Edinburgh_UG--sponsorGoldHover.svg",
 +
                "https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorPlatinum.svg",
 +
                "https://static.igem.org/mediawiki/2017/e/e8/T--Edinburgh_UG--sponsorPlatinumHover.svg",
 +
                "https://static.igem.org/mediawiki/2017/d/db/T--Edinburgh_UG--ContactUsHover.svg"
 +
            )
 +
          //--><!]]>
 +
        </script>
 +
    </div>
  
−
  <list><a href="#home">Home</a></list>
+
     <br><br><br><br><br>
−
  <list class="dropdown">
+
−
      <a class="dropbtn">Team</a>      
+
−
      <div class="dropdown-content">
+
−
        <a href="#">Team</a>
+
−
        <a href="#">Collaborations</a>
+
−
      </div>
+
−
  </list> 
+
−
  <list class="dropdown">
+
−
      <a class="dropbtn">Project</a>   
+
−
      <div class="dropdown-content">
+
−
        <a href=“https://2017.igem.org/Team:Edinburgh_UG/Description”>Description</a>
+
−
        <a href="https://2017.igem.org/Team:Edinburgh_UG/Design”>Design</a>
+
−
        <a href="https://2017.igem.org/Team:Edinburgh_UG/Experiments">Experiments</a>
+
−
        <a href="#">Notebook</a>
+
−
        <a href="#">InterLab</a>
+
−
        <a href="#">Contribution</a>
+
−
        <a href="#">Model</a>
+
−
        <a href="#">Results</a>
+
−
        <a href="#">Demonstrate</a>
+
−
        <a href="#">Improve</a>
+
−
        <a href="#">Attributions</a>
+
−
      </div>
+
−
  </list> 
+
−
  <list class="dropdown">
+
−
      <a class="dropbtn">Parts</a>   
+
−
      <div class="dropdown-content">
+
−
        <a href="#">Parts</a>
+
−
        <a href="#">Basic Parts</a>
+
−
        <a href="#">Composite Parts</a>
+
−
        <a href="#">Part Collection</a>
+
−
      </div>
+
−
  </list>
+
−
</topnavbar>
+
  
−
<img style="max-width: 100%" src="https://static.igem.org/mediawiki/2017/c/c3/T--Edinburgh_UG--logo.png" width="100%">
+
    <!-- Logo -->
 +
    <center>
 +
        <img src="https://static.igem.org/mediawiki/2017/c/c0/T--Edinburgh_UG--Smore_Main.svg" class="same-width">
 +
        <h2 style="text-align:centre; font-size: 30px; margin-top: 40px;"> Project Introduction
 +
    </center>
  
−
<div class="column full_size" >
+
    <br><br><br>
  
−
<p style="text-align:center;">Many commercially important chemicals are manufactured with the help of microbes. These microbes are often genetically modified so that they are equipped with the necessary enzymes to produce those chemicals. However, there are millions of species in nature, each carrying their own version of enzymes. Which one should we choose to put into the microbes?
+
    <!-- Carousel -->
−
To answer this questions, researchers normally test these enzymes – or combinations of enzymes – one by one to see if they work well in the microbe. As you may imagine, this is very labour-intensive and time-consuming, even with the help of automated systems. Therefore, we, the Homologics team, are developing a highly-adaptable method to speed up this process.</p>
+
    <div style="text-align: center">
−
</div>
+
        <div id="carousel" class="carousel slide same-width" data-ride="carousel" style="margin-left: auto; margin-right: auto">
−
</body>
+
            <!-- Menu -->
 +
            <div style="margin: 0 auto; width: 100px; margin-left: 0px;">
 +
            <ol class="carousel-indicators">
 +
                <li data-target="#carousel" data-slide-to="0" class="active"></li>
 +
                <li data-target="#carousel" data-slide-to="1"></li>
 +
                <li data-target="#carousel" data-slide-to="2"></li>
 +
                <li data-target="#carousel" data-slide-to="3"></li>
 +
                <li data-target="#carousel" data-slide-to="4"></li>
 +
                <li data-target="#carousel" data-slide-to="5"></li>
 +
            </ol></div>
  
 +
            <!-- Items -->
 +
            <div class="carousel-inner">
 +
 +
                <div class="item active">
 +
                    <img src="https://static.igem.org/mediawiki/2017/c/cb/T--Edinburgh_UG--Carousel1.svg" alt="Slide 1" />
 +
                </div>
 +
                <div class="item">
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/5d/T--Edinburgh_UG--Carousel2.svg" alt="Slide 2" />
 +
                </div>
 +
                <div class="item">
 +
                    <img src="https://static.igem.org/mediawiki/2017/4/42/T--Edinburgh_UG--Carousel3.svg" alt="Slide 3" />
 +
                </div>
 +
                <div class="item">
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/5a/T--Edinburgh_UG--Carousel4.svg" alt="Slide 4" />
 +
                </div>
 +
                <div class="item">
 +
                    <img src="https://static.igem.org/mediawiki/2017/2/28/T--Edinburgh_UG--Carousel5.svg" alt="Slide 5" />
 +
                </div>
 +
                <div class="item">
 +
                    <a href="https://2017.igem.org/Team:Edinburgh_UG/Description">
 +
                        <img src="https://static.igem.org/mediawiki/2017/0/04/T--Edinburgh_UG--Carousel6.svg" alt="Slide 6" /></a>
 +
                </div>
 +
            </div>
 +
            <a href="#carousel" class="left carousel-control" data-slide="prev">
 +
                <span class="glyphicon glyphicon-chevron-left"></span>
 +
            </a>
 +
            <a href="#carousel" class="right carousel-control" data-slide="next">
 +
                <span class="glyphicon glyphicon-chevron-right"></span>
 +
            </a>
 +
        </div>
 +
    </center>
 +
 +
 +
            <!-- Importing jquery and Bootstrap min.js + making the carousel work. -->
 +
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
            <script>
 +
                                                    $("#carousel").carousel();
 +
            </script>
 +
</body>
 
</html>
 
</html>
 +
 +
{{:Team:Edinburgh_UG/Templates/Footer}}

Latest revision as of 05:53, 1 November 2017






Project Introduction