Difference between revisions of "Team:Edinburgh UG"

 
(346 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{:Team:Edinburgh_UG/Templates/NavigationBar}}
 +
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
<link href="https://2017.igem.org/Template:Edinburgh_UG/CSS?action=raw&amp;ctype=text/css" rel="stylesheet">
+
    <meta name="viewport" content="width=device-width,initial-scale=1">
−
<link href="https://2017.igem.org/Template:Edinburgh_UG/bootstrap?action=raw&amp;ctype=text/css" rel="stylesheet">
+
    <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">
  
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/bootstrapMinJs?action=raw&ctype=text/javascript"></script>
+
 
 +
    <!-- 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>
−
<nav class="navbar navbar-inverse">
+
    <!-- Preloading hidden images. -->
−
     <div class="container-fluid">
+
     <div class="hidden">
−
         <ul class="nav navbar-nav">
+
         <script type="text/javascript">
−
             <li class="active"><a href=/Team:Edinburgh_UG>Home</a></li>
+
             <!--//--><![CDATA[//><!--
−
            <li class="dropdown">
+
        var images = new Array()
−
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<span class="caret"></span></a>
+
 
−
                 <ul class="dropdown-menu">
+
            function preload() {
−
                     <li><a href=/Team:Edinburgh_UG/Team>Team</a></li>
+
                 for (i = 0; i < preload.arguments.length; i++) {
−
                     <li><a href=/Team:Edinburgh_UG/Collaborations>Collaborations</a></li>
+
                     images[i] = new Image()
−
                 </ul>
+
                     images[i].src = preload.arguments[i]
−
             </li>
+
                 }
−
             <li class="dropdown">
+
             }
−
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">Projects<span class="caret"></span></a>
+
             preload(
−
                <ul class="dropdown-menu">
+
                 "https://static.igem.org/mediawiki/2017/4/43/T--Edinburgh_UG--sponsorBronze.svg",
−
                    <li><a href=/Team:Edinburgh_UG/Description>Description</a></li>
+
                "https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorBronzeHover.svg",
−
                    <li><a href=/Team:Edinburgh_UG/Design>Design</a></li>
+
                "https://static.igem.org/mediawiki/2017/c/ce/T--Edinburgh_UG--sponsorSilver.svg",
−
                    <li><a href=/Team:Edinburgh_UG/Experiments>Experiments</a></li>
+
                "https://static.igem.org/mediawiki/2017/6/66/T--Edinburgh_UG--sponsorSilverHover.svg",
−
                    <li><a href=/Team:Edinburgh_UG/Notebook>Notebook</a></li>
+
                 "https://static.igem.org/mediawiki/2017/4/44/T--Edinburgh_UG--sponsorGold.svg",
−
                    <li><a href=/Team:Edinburgh_UG/InterLab>InterLab</a></li>
+
                "https://static.igem.org/mediawiki/2017/6/6a/T--Edinburgh_UG--sponsorGoldHover.svg",
−
                    <li><a href=/Team:Edinburgh_UG/Contribution>Contribution</a></li>
+
                 "https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorPlatinum.svg",
−
                    <li><a href=/Team:Edinburgh_UG/Model>Model</a></li>
+
                 "https://static.igem.org/mediawiki/2017/e/e8/T--Edinburgh_UG--sponsorPlatinumHover.svg",
−
                    <li><a href=/Team:Edinburgh_UG/Results>Results</a></li>
+
                "https://static.igem.org/mediawiki/2017/d/db/T--Edinburgh_UG--ContactUsHover.svg"
−
                    <li><a href=/Team:Edinburgh_UG/Demonstrate>Demonstrate</a></li>
+
            )
−
                    <li><a href=/Team:Edinburgh_UG/Improve>Improve</a></li>
+
          //--><!]]>
−
                    <li><a href=/Team:Edinburgh_UG/Attributions>Attributions</a></li>
+
         </script>
−
                </ul>
+
−
            </li>
+
−
            <li class="dropdown">
+
−
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
+
−
                 <ul class="dropdown-menu">
+
−
                    <li><a href=/Team:Edinburgh_UG/Parts>Parts</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Basic_Parts>Basic Parts</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Composite_Part>Composite Parts</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Part_Collection>Part Collection</a></li>
+
−
                </ul>
+
−
            </li>
+
−
            <li class="active"><a href=/Team:Edinburgh_UG/Safety>Safety</a></li>
+
−
            <li class="dropdown">
+
−
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
+
−
                 <ul class="dropdown-menu">
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Silver>Silver HP</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Gold_Integrated>Integrated and Gold</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Engagement>Public Engagement</a></li>
+
−
                </ul>
+
−
            </li>
+
−
            <li class="dropdown">
+
−
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Awards<span class="caret"></span></a>
+
−
                 <ul class="dropdown-menu">
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Applied_Design>Applied Design</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Entrepreneurship>Entrepreneurship</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Hardware>Hardware</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Hardware>Hardware</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Model>Model</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Plant>Plant</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Software>Software</a></li>
+
−
                </ul>
+
−
            </li>
+
−
         </ul>
+
 
     </div>
 
     </div>
−
</nav>
 
  
 +
    <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