Difference between revisions of "Team:UCL/amandeep"

Line 5: Line 5:
 
</head>
 
</head>
 
<head>
 
<head>
 +
<script>
 +
        $(document).ready(function () {
 +
            $('.bxslider').bxSlider({
 +
 +
            });
 +
            YUI({
 +
                classNamePrefix: 'pure'
 +
            }).use('gallery-sm-menu', function (Y) {
 +
 +
                var horizontalMenu = new Y.Menu({
 +
                    container: '#main_nav',
 +
                    sourceNode: '#std-menu-items',
 +
                    orientation: 'horizontal',
 +
                    hideOnOutsideClick: false,
 +
                    hideOnClick: false
 +
                });
 +
 +
                horizontalMenu.render();
 +
                horizontalMenu.show();
 +
 +
            });
 +
            $(".youtube").colorbox({
 +
                iframe: true,
 +
                innerWidth: 640,
 +
                innerHeight: 390
 +
            });
 +
 +
            $(".iframe").colorbox({
 +
                iframe: true,
 +
                width: "80%",
 +
                height: "80%"
 +
            });
 +
            $(".accordion").accordion({
 +
                heightStyle: "content",
 +
                collapsible: true,
 +
                active: false
 +
            });
 +
            smoothScroll.init({
 +
                offset: 40
 +
 +
            });
 +
           
 +
 +
        });
 +
    </script>
 +
 +
 +
    <script>
 +
        (function (i, s, o, g, r, a, m) {
 +
            i['GoogleAnalyticsObject'] = r;
 +
            i[r] = i[r] || function () {
 +
                (i[r].q = i[r].q || []).push(arguments)
 +
            }, i[r].l = 1 * new Date();
 +
            a = s.createElement(o),
 +
            m = s.getElementsByTagName(o)[0];
 +
            a.async = 1;
 +
            a.src = g;
 +
            m.parentNode.insertBefore(a, m)
 +
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
 +
 +
        ga('create', 'UA-54018926-1', 'auto');
 +
        ga('send', 'pageview');
 +
    </script>
 +
</head>
 +
  
−
<title>W3.CSS</title>
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
 
−
<style>
 
−
.mySlides {display:none}
 
−
.w3-left, .w3-right, .w3-badge {cursor:pointer}
 
−
.w3-badge {height:13px;width:13px;padding:0}
 
−
</style>
 
 
<body>
 
<body>
 +
    <div class="wrapper">
 +
        <div class="header">
  
−
<div class="w3-content w3-display-container" style="max-width:800px">
+
            <div class="header-banner">
−
  <img class="mySlides" src="https://static.igem.org/mediawiki/2016/thumb/c/cc/Ucligem_outreach2.jpg/1200px-Ucligem_outreach2.jpg" style="width:100%">
+
                <div class="left">
−
  <img class="mySlides" src="img_fjords_wide.jpg" style="width:100%">
+
                    <a href="https://2014.igem.org/Team:Imperial"><img id="logo-img" src="https://static.igem.org/mediawiki/2014/e/e1/IC14-logo.png"></a>
−
  <img class="mySlides" src="https://static.igem.org/mediawiki/2016/thumb/1/13/Ucligem_outreach6.jpg/1600px-Ucligem_outreach6.jpg" style="width:100%">
+
                    <a style="text-decoration: none" href="https://2014.igem.org/Team:Imperial"><h1 id="Logo">Aqualose</h1></a>
−
  <div class="w3-center w3-section w3-large w3-text-white w3-display-bottomleft" style="width:100%">
+
                </div>
−
    <div class="w3-left w3-padding-left w3-hover-text-khaki" onclick="plusDivs(-1)">&#10094;</div>
+
                <div class="right">
−
    <div class="w3-right w3-padding-right w3-hover-text-khaki" onclick="plusDivs(1)">&#10095;</div>
+
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
+
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
+
−
  </div>
+
−
</div>
+
  
−
<script>
+
                    <a target="_blank" href="http://twitter.com/imperialigem">
−
var slideIndex = 1;
+
                        <img class="social" src="https://static.igem.org/mediawiki/2014/3/37/IC14-logo-twitter.png">
−
showDivs(slideIndex);
+
                    </a>
 +
                    <a target="_blank" href="http://www.facebook.com/imperialigem2014">
 +
                        <img class="social" src="https://static.igem.org/mediawiki/2014/8/87/IC14-logo-facebook.png">
 +
                    </a>
 +
                    <a target="_blank" href="http://www.imperial.ac.uk/">
 +
                        <img class="social" src="https://static.igem.org/mediawiki/2014/3/38/IC14-logo-imperial-black.png">
 +
                    </a>
 +
                    <a target="_blank" href="https://2014.igem.org/">
 +
                        <img class="social" src="https://static.igem.org/mediawiki/2014/1/12/IC14-logo-igem.png">
 +
                    </a>
 +
                </div>
  
−
function plusDivs(n) {
+
            </div>
−
  showDivs(slideIndex += n);
+
 
−
}
+
 
 +
            <div id="main_nav" class="pure-menu pure-menu-open pure-menu-horizontal">
 +
                <ul id="std-menu-items">
 +
                        <li> <a href=#>Project</a>
 +
                            <ul>
 +
                                <li> <a href="https://2014.igem.org/Team:Imperial/Project">Overview</a>
 +
                                </li>
 +
                                <li><a href="https://2014.igem.org/Team:Imperial/Project_Background">Background</a>
 +
                                </li>
 +
                                <li><a href="https://2014.igem.org/Team:Imperial/Gluconacetobacter"><em>G. xylinus</em></a>
 +
                                </li>
 +
                                <li><a href="https://2014.igem.org/Team:Imperial/EColi"><em>E. coli</em></a>
 +
                                </li>
 +
<li><a href="https://2014.igem.org/Team:Imperial/coculture">Co-culture</a>
 +
                                </li>
 +
                                <li><a href="https://2014.igem.org/Team:Imperial/Functionalisation">Functionalisation</a>
 +
                                </li>
 +
                             
 +
                                <li><a href="https://2014.igem.org/Team:Imperial/Mass_Production_and_Processing">Mass Production and Processing</a>
 +
                                </li>
 +
                                <li><a href="https://2014.igem.org/Team:Imperial/Mechanical_Testing">Mechanical Testing</a>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li> <a href=#>Achievements</a>
 +
                            <ul>
 +
                                <li> <a href="https://2014.igem.org/Team:Imperial/Achievements">Overview</a>
 +
                                </li>
 +
                                <li><a href="https://2014.igem.org/Team:Imperial/Parts">Parts</a>
 +
                                </li>
 +
                                <li><a href="https://2014.igem.org/Team:Imperial/Results">Results</a>
 +
                                </li>
 +
                                <li><a href="https://2014.igem.org/Team:Imperial/Judging_Criteria">Judging Criteria</a>
 +
                                </li>
 +
<li> <a href="https://2014.igem.org/Team:Imperial/InterLab_Study">Interlab Study</a>
 +
                    </li>
 +
                            </ul>
 +
                        </li>
 +
 
 +
 
 +
<li> <a href=#>Application</a>
 +
                            <ul>
 +
<li><a href="https://2014.igem.org/Team:Imperial/Implementation">Implementation</a>
 +
                                </li>
 +
<li><a href="https://2014.igem.org/Team:Imperial/Water_Filtration">Water Filtration</a>
 +
                                </li>
 +
 
 +
                               
 +
                            </ul>
 +
                        </li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        <li> <a href=#>Policy &amp; Practices</a>
 +
                            <ul>
 +
                                <li> <a href="https://2014.igem.org/Team:Imperial/Policy_and_Practices">Overview</a>
 +
                                </li>
 +
                                <li><a href="https://2014.igem.org/Team:Imperial/Informing_Design">Informing Design</a>
 +
                                </li>
 +
<li><a href="https://2014.igem.org/Team:Imperial/Water_Report">Water Report</a>
 +
                                </li>
 +
                                <li><a href="https://2014.igem.org/Team:Imperial/The_i_in_iGEM">The i in iGEM</a>
 +
                                </li>
 +
                               
 +
                        </li>
 +
                        <li><a href="https://2014.igem.org/Team:Imperial/Outreach">Outreach</a>
 +
                        </li>
 +
                        <li><a href="https://2014.igem.org/Team:Imperial/Collaborations">Collaborations</a>
 +
                        </li>
 +
 
 +
 
 +
                        </ul>
 +
                    </li>
 +
                    <li> <a href=#>Modelling</a>
 +
                        <ul>
 +
                            <li> <a href="https://2014.igem.org/Team:Imperial/Modelling">Overview</a>
 +
                            </li>
 +
                            <li><a href="https://2014.igem.org/Team:Imperial/Induction_Model">Induction Model</a>
 +
                            </li>
 +
                            <li><a href="https://2014.igem.org/Team:Imperial/CBD_Kinetics_Model">CBD Kinetics Model</a>
 +
                            </li>
 +
                            <!--<li><a href="https://2014.igem.org/Team:Imperial/Pellicle_Model">Pellicle Model</a>
 +
                            </li>-->
 +
                            <li><a href="https://2014.igem.org/Team:Imperial/Nutrient_Diffusion_Simulations">Nutrient Diffusion Simulations</a>
 +
                            </li>
 +
                            <li><a href="https://2014.igem.org/Team:Imperial/BioHackspace_Model">BioHackspace Model</a>
 +
                            </li>
 +
 
 +
                        </ul>
 +
                    </li>
 +
 
 +
                    <li> <a href=#>Notebook</a>
 +
                        <ul>
 +
                            <li> <a href="https://2014.igem.org/Team:Imperial/Notebook">Overview</a>
 +
                            </li>
 +
                            <li><a href="https://2014.igem.org/Team:Imperial/Lab-book">Lab-book</a>
 +
                            </li>
 +
                            <li><a href="https://2014.igem.org/Team:Imperial/Protocols">Protocols</a>
 +
                            </li>
 +
                            <li><a href="https://2014.igem.org/Team:Imperial/Brainstorming">Brainstorming</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
 
 +
                    <li> <a href="https://2014.igem.org/Team:Imperial/Safety">Safety</a>
 +
                    </li>
 +
 
 +
                    <li><a href="https://2014.igem.org/Team:Imperial/Art_and_Design">Art &amp; Design</a>
 +
                    </li>
 +
                   
 +
                    <li> <a href="#">Team</a>
 +
                        <ul>
 +
                            <li><a href="https://igem.org/Team.cgi?id=1321">Official Profile</a>
 +
                            </li>
 +
                            <li><a href="https://2014.igem.org/Team:Imperial/Students">Students</a>
 +
                            </li>
 +
                            <li><a href="https://2014.igem.org/Team:Imperial/Instructors_and_Advisors">Instructors and Advisors</a>
 +
                            </li>
 +
                            <li><a href="https://2014.igem.org/Team:Imperial/Sponsors">Sponsors</a>
 +
                            </li>
 +
                            <li><a href="https://2014.igem.org/Team:Imperial/Attributions">Attributions</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
   
 +
 
 +
</body>
 +
 
 +
 
 +
 
 +
 
 +
<body>
 +
<div class="content-wrapper">
 +
            <div class="banner">
 +
                <ul class="bxslider">
 +
                  <li>
 +
                        <img src="https://static.igem.org/mediawiki/2014/d/de/IC14-banner-cellulose3.JPG" />
 +
                    </li>
 +
                    <li>
 +
                        <img src="https://static.igem.org/mediawiki/2014/e/e9/IC14-banner-cellulose1.JPG" />
  
−
function currentDiv(n) {
+
                    </li>
−
  showDivs(slideIndex = n);
+
                    <li>
−
}
+
                        <img src="https://static.igem.org/mediawiki/2014/e/e2/IC14-banner-pilot.jpg" />
  
−
function showDivs(n) {
+
                    </li>
−
  var i;
+
                    <li>
−
  var x = document.getElementsByClassName("mySlides");
+
                        <img src="https://static.igem.org/mediawiki/2014/8/82/IC14-banner-3.jpg" />
−
  var dots = document.getElementsByClassName("demo");
+
                    </li>
−
  if (n > x.length) {slideIndex = 1}
+
                    <li>
−
  if (n < 1) {slideIndex = x.length}
+
                        <img src="https://static.igem.org/mediawiki/2014/9/95/IC14-banner-cellulose2.JPG" />
−
  for (i = 0; i < x.length; i++) {
+
−
    x[i].style.display = "none";
+
−
  }
+
−
  for (i = 0; i < dots.length; i++) {
+
−
    dots[i].className = dots[i].className.replace(" w3-white", "");
+
−
  }
+
−
  x[slideIndex-1].style.display = "block";
+
−
  dots[slideIndex-1].className += " w3-white";
+
−
}
+
−
</script>
+
  
 +
                    </li>
  
 
</html>
 
</html>

Revision as of 19:34, 26 July 2016

<strong> <b> Amandeep Varia's Wiki <b> </strong>

Aqualose