Difference between revisions of "Team:Oxford/GavHomepage"

 
(21 intermediate revisions by the same user not shown)
Line 18: Line 18:
 
href="https://2016.igem.org/Template:Oxford/slideshow?action=raw&ctype=text/css" />
 
href="https://2016.igem.org/Template:Oxford/slideshow?action=raw&ctype=text/css" />
 
     <script>
 
     <script>
−
var el = document.getElementById('slideshow-elements-id');
 
−
Slideshow(el);
 
  
−
// Or if you want to specify custom settings:
 
−
var settings = {
 
−
  controlsBelow: true,
 
−
  showIndicators: true,
 
−
  transitionEffect: 'slide'
 
−
    autoplay: true;
 
−
    navArrows: true;
 
−
  // etc...
 
−
};
 
  
−
Slideshow(el, settings);
+
var slideshowEl = document.querySelector('.slideshow');
 +
 +
Slideshow(slideshowEl, {
 +
 +
loopSlides: true,
 +
 +
showIndicators: true,
 +
 +
transitionEffect: "slide"
 +
 +
});
 +
 
 +
 
 
     </script>
 
     </script>
  
Line 55: Line 56:
  
  
−
 
+
         <div class="slideshow slideshow-one">
−
 
+
−
 
+
−
         <div class="slideshow slideshow-one" style="height:calc(100vh-88px) !important;">
+
 
<div class="slideshow-slide-list overlay">
 
<div class="slideshow-slide-list overlay">
 
<figure class="slideshow-slide">
 
<figure class="slideshow-slide">
Line 67: Line 65:
 
</figure>
 
</figure>
 
<figure class="slideshow-slide">
 
<figure class="slideshow-slide">
−
<img src="https://static.igem.org/mediawiki/2016/5/59/T--Oxford--wetlab100.jpg" alt="image 3">
+
<img src="https://static.igem.org/mediawiki/2016/c/c8/T--Oxford--drylab.png" alt="image 3">
 
</figure>
 
</figure>
 
<figure class="slideshow-slide">
 
<figure class="slideshow-slide">
−
<img src="https://static.igem.org/mediawiki/2016/3/3a/T--Oxford--Radcam2.jpg" alt="image 4">
+
<img src="https://static.igem.org/mediawiki/2016/5/59/T--Oxford--wetlab100.jpg" alt="image 4">
 
</figure>
 
</figure>
 
<figure class="slideshow-slide">
 
<figure class="slideshow-slide">
−
<img src="https://static.igem.org/mediawiki/2016/5/59/T--Oxford--wetlab100.jpg" alt="image 5">
+
<img src="https://static.igem.org/mediawiki/2016/d/d5/Provis_people_page_photo_Oxford_2016.jpeg" alt="image 5">
 
</figure>
 
</figure>
 
</div>
 
</div>
 
<header class="page-header">
 
<header class="page-header">
−
<h1>Oxford iGEM 2016.</h1>
+
−
<h5>A CUre for Wilson's Disease.</h5>
+
−
</header>
+
−
<!--
+
−
<div class="slideshow-one-details">
+
−
<p>Create a background slideshow by using the following options:</p>
+
−
<code>
+
−
<span class="line"><span class="blue italic">var</span> slideshowEl <span class="red">&#61;</span> <span class="blue italic">document</span>&#46;querySelector&#40;<span class="tan">'.slideshow'</span>&#41;&#59;</span>
+
−
<span class="line">Slideshow(slideshowEl, {</span>
+
−
<span class="line indent-1">allowSwipe: <span class="purple">false</span>,</span>
+
−
<span class="line indent-1">autoplay: <span class="purple">true</span>,</span>
+
−
  <span class="line indent-1">navArrows: <span class="purple">false</span>,</span>
+
−
  <span class="line indent-1">transitionTime: <span class="purple">800</span></span>
+
−
  <span class="line">});</span>
+
−
  </code>
+
−
  <p>Then style the slideshow to your specifications.</p>
+
−
</div>
+
−
</div>
+
−
       
+
−
-->
+
  
  
 +
<div class="table_style">
  
 +
    <table class="periodic" style="margin: auto;">
 +
        <tr>
 +
            <td class="purple"> <!-- 1st ROW-->
 +
                <h1><a href="https://2016.igem.org/Team:Oxford/Project">Project</a></h1>
 +
            </td>
 +
            <td class="blank">
 +
            </td>
 +
            <td class="blank">           
 +
            </td>
 +
            <td class="oxford_logo">
 +
            </td>
 +
            <td class="blank">
 +
            </td>
 +
            <td class="purple">
 +
                <h1><a href="https://2016.igem.org/Team:Oxford/People">People</a></h1>
 +
            </td>
 +
        </tr>
 +
        <tr>  <!-- 2nd ROW-->
 +
            <td class="purple">
 +
                <h1><a href="https://2016.igem.org/Team:Oxford/Parts">Parts</a></h1>
 +
            </td>
 +
            <td class="purple_none"> 
 +
            </td>
 +
            <td class="blank"> 
 +
            </td>
 +
            <td class="blank"> 
 +
            </td>
 +
            <td class="blank"> 
 +
            </td>
 +
            <td class="purple">
 +
                <h1><a href="https://2016.igem.org/Team:Oxford/Achievements">Awards</a></h1>
 +
            </td>
 +
        </tr>
 +
        <tr> <!-- 3rd ROW-->
 +
            <td class="purple_vid">
 +
                <h2 style="font-color:black;"><a href="#video1">Video</a></h2>
 +
            </td>
 +
            <td class="purple">
 +
                <h1><a href="https://2016.igem.org/Team:Oxford/Practices">Practices</a></h1>
 +
            </td>
 +
            <td class="purple_none">
 +
            </td>
 +
            <td class="purple">
 +
                <h1><a href="https://2016.igem.org/Team:Oxford/Wetlab">Wet lab</a></h1>
 +
            </td>
 +
            <td class="purple">
 +
                <h1><a href="https://2016.igem.org/Team:Oxford/Model">Dry lab</a></h1>
 +
            </td>
 +
            <td class="purple_none">
 +
            </td>
 +
        </tr>
 +
    </table>
 +
</div>
  
−
<!--
 
  
 +
</header>
 +
 +
</div>
  
  
  
−
<div style="width:100%; padding-top:0px; margin-top:0px; height:calc(100vh - 88px); padding-bottom:0px; margin-bottom:0px;">
+
<div style="width:100%; padding-top:0px; margin-top:0px; padding-bottom:0px; margin-bottom:0px;">
 
<div align="center"><span id="video" class="anchor"></span>
 
<div align="center"><span id="video" class="anchor"></span>
 
<video controls style="height:calc(100vh - 88px);" id="ideaVideo" onmouseover="playVideo()">
 
<video controls style="height:calc(100vh - 88px);" id="ideaVideo" onmouseover="playVideo()">
Line 116: Line 151:
  
 
<div style="width:100%; padding-top:0px; margin-top:0px; height:50px; padding-bottom:0px; margin-bottom:0px; background-color:#FFF;">
 
<div style="width:100%; padding-top:0px; margin-top:0px; height:50px; padding-bottom:0px; margin-bottom:0px; background-color:#FFF;">
−
-->
+
 
 
</body>
 
</body>
 
<script type="text/javascript" src="http://s-richards.github.io/slideshow/slideshow.min.js"></script>
 
<script type="text/javascript" src="http://s-richards.github.io/slideshow/slideshow.min.js"></script>
 
</html>
 
</html>
−
{{:Team:Oxford/Templates/Sponsors}}
 

Latest revision as of 15:15, 29 September 2016

iGEM Oxford 2016 - Cure for Copper

Oxford iGEM 2016 Homepage

image 1
image 2
image 3
image 4
image 5

Project

People

Parts

Awards

Video

Practices

Wet lab

Dry lab