Difference between revisions of "Team:Edinburgh UG"

 
(351 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{:Team:Edinburgh_UG/Templates/NavigationBar}}
 +
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
<link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/CSS">
+
    <meta name="viewport" content="width=device-width,initial-scale=1">
−
</link>
+
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
    <link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/CSS?action=raw&amp;ctype=text/css">
 +
 
 +
 
 +
    <!-- External CSS for navbar, footer and page. -->
 +
 
 +
    <style>
 +
        /* Max Width must be the max width of the carousel... */
 +
        .same-width {
 +
            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;
 +
}
 +
 
 +
.carousel-inner {
 +
}
 +
 
 +
.carousel-indicators li {
 +
  background-color: white;
 +
  border-color: black;
 +
  border-width: 2.5pt;
 +
}
 +
.carousel-indicators .active {
 +
  background-color: black;
 +
  border-color: black;
 +
  border-width: 2.5pt;
 +
}
 +
 
 +
.carousel-control.left {
 +
  margin-left: -4.5em;
 +
  color: black;
 +
}
 +
 
 +
.carousel-control.right {
 +
  margin-right: -4.5em;
 +
  color: black;
 +
}
 +
 
 +
.carousel .carousel-control{
 +
  opacity: 1;
 +
}
 +
 
 +
    </style>
 
</head>
 
</head>
  
−
<body style="background-color: #f0eceb">
+
<body>
−
<div class="container">
+
    <!-- Preloading hidden images. -->
−
  <a href=/Team:Edinburgh_UG>Home</a>
+
    <div class="hidden">
−
  <div class="dropdown">
+
        <script type="text/javascript">
−
    <button class="dropbtn">Team</button>
+
            <!--//--><![CDATA[//><!--
−
    <div class="dropdown-content">
+
        var images = new Array()
−
      <a href=/Team:Edinburgh_UG/Team>Team</a>
+
 
−
      <a href=/Team:Edinburgh_UG/Collaborations>Collaborations</a>
+
            function preload() {
−
    </div>
+
                for (i = 0; i < preload.arguments.length; i++) {
−
  </div>
+
                    images[i] = new Image()
−
  <div class="dropdown">
+
                    images[i].src = preload.arguments[i]
−
    <button class="dropbtn">Projects</button>
+
                }
−
    <div class="dropdown-content">
+
            }
−
        <a href=/Team:Edinburgh_UG/Description>Description</a>
+
            preload(
−
        <a href=/Team:Edinburgh_UG/Design>Design</a>
+
                "https://static.igem.org/mediawiki/2017/4/43/T--Edinburgh_UG--sponsorBronze.svg",
−
        <a href=/Team:Edinburgh_UG/Experiments>Experiments</a>
+
                "https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorBronzeHover.svg",
−
        <a href=/Team:Edinburgh_UG/Notebook>Notebook</a>
+
                "https://static.igem.org/mediawiki/2017/c/ce/T--Edinburgh_UG--sponsorSilver.svg",
−
        <a href=/Team:Edinburgh_UG/InterLab>InterLab</a>
+
                "https://static.igem.org/mediawiki/2017/6/66/T--Edinburgh_UG--sponsorSilverHover.svg",
−
        <a href=/Team:Edinburgh_UG/Contribution>Contribution</a>
+
                "https://static.igem.org/mediawiki/2017/4/44/T--Edinburgh_UG--sponsorGold.svg",
−
        <a href=/Team:Edinburgh_UG/Model>Model</a>
+
                "https://static.igem.org/mediawiki/2017/6/6a/T--Edinburgh_UG--sponsorGoldHover.svg",
−
        <a href=/Team:Edinburgh_UG/Results>Results</a>
+
                "https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorPlatinum.svg",
−
        <a href=/Team:Edinburgh_UG/Demonstrate>Demonstrate</a>
+
                "https://static.igem.org/mediawiki/2017/e/e8/T--Edinburgh_UG--sponsorPlatinumHover.svg",
−
        <a href=/Team:Edinburgh_UG/Improve>Improve</a>
+
                "https://static.igem.org/mediawiki/2017/d/db/T--Edinburgh_UG--ContactUsHover.svg"
−
         <a href=/Team:Edinburgh_UG/Attributions>Attributions</a>
+
            )
 +
          //--><!]]>
 +
         </script>
 
     </div>
 
     </div>
−
  </div>
 
−
  <div class="dropdown">
 
−
    <button class="dropbtn">Parts</button>
 
−
    <div class="dropdown-content">
 
−
        <a href=/Team:Edinburgh_UG/Parts>Parts</a>
 
−
        <a href=/Team:Edinburgh_UG/Basic_Part>Basic Parts</a>
 
−
        <a href=/Team:Edinburgh_UG/Composite_Part>Composite Parts</a>
 
−
        <a href=/Team:Edinburgh_UG/Part_Collection>Part Collection</a>
 
−
    </div>
 
−
  </div>
 
−
  <a href=/Team:Edinburgh_UG/Safety>Safety</a>
 
−
  <div class="dropdown">
 
−
      <button class="dropbtn">Human Practices</button>   
 
−
      <div class="dropdown-content">
 
−
        <a href=/Team:Edinburgh_UG/HP/Silver>Silver HP</a>
 
−
        <a href=/Team:Edinburgh_UG/HP/Gold_Integrated>Integrated and Gold</a>
 
−
        <a href=/Team:Edinburgh_UG/HP/Engagement>Public Engagement</a>
 
−
      </div>
 
−
  </div>
 
−
  <div class="dropdown">
 
−
      <button class="dropbtn">Awards</button>   
 
−
      <div class="dropdown-content">
 
−
        <a href=/Team:Edinburgh_UG/Applied_Design>Applied Design</a>
 
−
        <a href=/Team:Edinburgh_UG/Entrepreneurship>Entrepreneurship</a>
 
−
        <a href=/Team:Edinburgh_UG/Hardware>Hardware</a>
 
−
        <a href=/Team:Edinburgh_UG/Measurement>Measurement</a>
 
−
        <a href=/Team:Edinburgh_UG/Model>Model</a>
 
−
        <a href=/Team:Edinburgh_UG/Plant>Plant</a>
 
−
        <a href=/Team:Edinburgh_UG/Software>Software</a>
 
−
      </div>
 
−
  </div> 
 
−
</div>
 
  
 +
    <br><br><br><br><br>
  
 +
    <!-- 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" style="background-color: #f0eceb" >
+
    <br><br><br>
  
−
<img style="max-width: 100%" src="https://static.igem.org/mediawiki/2017/c/c3/T--Edinburgh_UG--logo.png" width="100%">
+
    <!-- Carousel -->
 +
    <div style="text-align: center">
 +
        <div id="carousel" class="carousel slide same-width" data-ride="carousel" style="margin-left: auto; margin-right: auto">
 +
            <!-- 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>
  
−
<p class="topic" style="text-align:center;font-size:350%;font-family:serif">Inspiration</p>
+
            <!-- Items -->
−
<p class="general"  style="text-align:center;font-size:170%;font-family:serif;">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?
+
            <div class="carousel-inner">
−
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>
+
−
</body>
+
  
 +
                <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