Team:UCLA/samantha michaels ucla2014 workspace

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:UCLA/Template/Javascript}}
{{:Team:UCLA/Template/Javascript}}
{{:Team:UCLA/Template/CSS_test}}
{{:Team:UCLA/Template/CSS_test}}
-
{{:Team:UCLA/anuved verma ucla2014 workspace/Javascript}}
 
-
{{:Team:UCLA/anuved verma ucla2014 workspace/CSS}}
 
<html lang="en">
<html lang="en">
Line 73: Line 71:
-
<!-- Spider click to top button -->
+
<!-- TITLE BANNER-->
-
    <img class= "spiderbutton" src= "https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png">
+
<br><center><img src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center><br><Br>
-
    <img class= "spiderline" src= "https://static.igem.org/mediawiki/2014/6/66/Line2.png">
+
-
    <img class= "spiderweb" src= "https://static.igem.org/mediawiki/2014/b/bb/Web3.png">
+
 +
<!--SLIDER-->
 +
<div class="slider">
 +
<img id="1" src="http://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg" border="0"/>
 +
<img id="2" src="http://tmacfitness.com/wp-content/uploads/2013/04/Beauty-of-nature-random-4884759-1280-800.jpg" border="0"/>
 +
<img id="3" src="http://upload.wikimedia.org/wikipedia/commons/1/1a/Bachalpseeflowers.jpg" border="0"/>
 +
</div>
 +
<div class="slider_nav">
 +
<img id="left" style="float:left;" src="http://www.visme.co/wp-content/themes/visme/images/left.png" border="0"/>
 +
<img id="right" style="float:right;" src="http://iconizer.net/files/Brightmix/orig/monotone_arrow_right.png" border="0"/>
 +
</div>
 +
<div class="shadow"></div>
-
<!-- TITLE BANNER-->
+
</div>
-
<br><center><img src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center>
+
<!--SUMMARY TILES-->
<!--SUMMARY TILES-->
Line 86: Line 92:
<div class="container">
<div class="container">
     <div class = "expandedContent">
     <div class = "expandedContent">
-
     <div class="boxgrid contentBorder boxgridMedium" id="box5" style="margin-left:100px">
+
     <div class="boxgrid contentBorder boxgridMedium" id="box5" style="margin-left:210px">
   <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
   <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
   <a class="cover boxcaption" style="top: 340px" href="#anch1">
   <a class="cover boxcaption" style="top: 340px" href="#anch1">
Line 99: Line 105:
   </a>
   </a>
</div>
</div>
-
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="margin-left:30px">
+
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="margin-left:40px">
   <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
   <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
   <a class="cover boxcaption" style="top: 340px" href="#anch2">
   <a class="cover boxcaption" style="top: 340px" href="#anch2">
Line 112: Line 118:
   </a>
   </a>
</div>
</div>
-
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="margin-left:30px">
+
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="margin-left:40px">
   <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
   <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
   <a class="cover boxcaption" style="top: 340px" href="#anch3">
   <a class="cover boxcaption" style="top: 340px" href="#anch3">
Line 127: Line 133:
</div>
</div>
</div>
</div>
-
</div>
+
</div>
-
</body>
+
-
<!--SPIDER-->
+
<!-- Spider click to top button -->
-
<script>
+
    <img class= "spiderbutton" src= "https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png">
-
var mouseY = 0;
+
    <img class= "spiderline" src= "https://static.igem.org/mediawiki/2014/6/66/Line2.png">
-
$(document).mousemove(function(e){
+
    <img class= "spiderweb" src= "https://static.igem.org/mediawiki/2014/b/bb/Web3.png">
-
  mouseY = e.pageY;
+
</body>
-
});
+
-
 
+
-
// cache the selector
+
-
var follower = $("#follower");
+
-
var yp = 0;
+
-
var loop = setInterval(function(){
+
-
    // change 12 to alter damping higher is slower
+
-
    yp += (mouseY - yp) / 12;
+
-
    follower.css({top:yp});
+
-
   
+
-
}, 30);
+
-
</script>
+
-
<!--SLIDING SIDE BAR-->
+
-
<script>
+
-
$("#menu-toggle").click(function(e) {
+
-
        e.preventDefault();
+
-
        $("#wrapper").toggleClass("active");
+
-
    });
+
-
 
+
-
    $('body').scrollspy({ target: '#spy', offset:80});
+
-
 
+
-
    $('a[href*=#]:not([href=#])').click(function() {
+
-
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
+
-
 
+
-
            var target = $(this.hash);
+
-
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
+
-
            if (target.length) {
+
-
                $('html,body').animate({
+
-
                    scrollTop: target.offset().top
+
-
                }, 1000);
+
-
                return false;
+
-
            }
+
-
        }
+
-
    });
+
-
</script>
+
-
<!--MAIN NAVBAR-->
+
-
<script>
+
-
$('.dropdown').hover(function(){
+
-
  $('.dropdown-toggle', this).trigger('click');
+
-
});
+
-
</script>
+
</html>
</html>

Latest revision as of 23:28, 16 September 2014

iGEM UCLA




1

2

3

4

5

6





Retrieved from "http://2014.igem.org/Team:UCLA/samantha_michaels_ucla2014_workspace"