Team:UCLA/samantha michaels ucla2014 workspace

From 2014.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 8: Line 8:
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 
-
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
 
-
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
-
    <link href="css/bootstrap.min.css" rel="stylesheet">
 
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
     <title>iGEM UCLA</title>
     <title>iGEM UCLA</title>
-
 
-
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
-
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
-
    <!--[if lt IE 9]>
 
-
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
-
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
-
    <![endif]-->
 
   </head>
   </head>
<body>
<body>
-
<!-- MAIN MENU BAR-->
+
<!--TOP NAVIGATION MENU BAR-->
-
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+
<div id = "top_menu" >
-
  <div class="container">
+
<ul id = "menu">
-
    <!-- Brand and toggle get grouped for better mobile display -->
+
<li><a href="/Team:UCLA">Home</a></li>
-
    <div class="navbar-header">
+
-
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
         <li><a href="/Team:UCLA/Team">Team</a>
-
        <span class="sr-only">Toggle navigation</span>
+
        <ul>
-
        <span class="icon-bar"></span>
+
    <li><a href="/Team:UCLA/meet_the_team">Meet the Team</a></li>
-
        <span class="icon-bar"></span>
+
    <li><a href="https://igem.org/Team.cgi?year=2014&team_name=UCLA">Official Profile</a></li>
-
        <span class="icon-bar"></span>
+
        </ul>
-
      </button>
+
-
      <a class="navbar-brand" href="#">UCLA iGEM</a>
+
-
    </div>
+
-
 
+
-
    <!-- Collect the nav links, forms, and other content for toggling -->
+
-
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
-
 
+
-
      <ul class="nav navbar-nav">
+
-
        <li class="active"><a href="/Team:UCLA">Home</a></li>
+
-
         <li class="dropdown">
+
-
          <a href="/Team:UCLA/Team" class="dropdown-toggle" data-toggle="dropdown">Team<span class="caret"></span></a>
+
-
          <ul class="dropdown-menu" role="menu">
+
-
            <li><a href="/Team:UCLA/meet_the_team">Meet the Team</a></li>
+
-
            <li><a href="https://igem.org/Team.cgi?year=2014&team_name=UCLA">Official Profile</a></li>
+
-
          </ul>
+
         </li>
         </li>
-
         <li class="dropdown">
+
-
          <a href="/Team:UCLA/Project" class="dropdown-toggle" data-toggle="dropdown">Project<span class="caret"></span></a>
+
         <li><a href="/Team:UCLA/Project">Project</a>
-
          <ul class="dropdown-menu" role="menu">
+
<ul>
-
            <li><a href="/Team:UCLA/Project/Customizing Silk">Customizing Silk Properties</a></li>
+
    <li><a href="/Team:UCLA/Project/Customizing Silk">Customizing Silk Properties</a></li>
    <li><a href="/Team:UCLA/Project/Functionalizing Fibers">Functionalizing Fibers</a></li>
    <li><a href="/Team:UCLA/Project/Functionalizing Fibers">Functionalizing Fibers</a></li>
    <li><a href="/Team:UCLA/Project/Spinning Silk">Spinning Silk</a></li>
    <li><a href="/Team:UCLA/Project/Spinning Silk">Spinning Silk</a></li>
             <li><a href="#">Human Practices</a></li>
             <li><a href="#">Human Practices</a></li>
-
          </ul>
+
</ul>
-
        </li>
+
</li>
-
         <li class="dropdown">
+
       
-
          <a href="/Team:UCLA/Parts" class="dropdown-toggle" data-toggle="dropdown">Parts<span class="caret"></span></a>
+
         <li><a href="/Team:UCLA/Parts">Parts</a>
-
          <ul class="dropdown-menu" role="menu">
+
<!--<ul>
    <li><a href="#">Page1</a></li>
    <li><a href="#">Page1</a></li>
    <li><a href="#">Page2</a></li>
    <li><a href="#">Page2</a></li>
    <li><a href="#">Page3</a></li>
    <li><a href="#">Page3</a></li>
-
          </ul>
+
</ul>-->
-
        </li>
+
</li>
 +
 
         <li><a href="/Team:UCLA/Modeling">Modeling</a></li>
         <li><a href="/Team:UCLA/Modeling">Modeling</a></li>
-
         <li class="dropdown">
+
 
-
          <a href="/Team:UCLA/Notebook" class="dropdown-toggle" data-toggle="dropdown">Notebook<span class="caret"></span></a>
+
         <li><a href="/Team:UCLA/Notebook">Notebook</a>
-
          <ul class="dropdown-menu" role="menu">
+
<ul>
-
            <li><a href="/Team:UCLA/Notebook/Protocols">Protocols</a></li>
+
    <li><a href="/Team:UCLA/Notebook/Protocols">Protocols</a></li>
    <li><a href="/Team:UCLA/Notebook/Calendar">Calendar</a></li>
    <li><a href="/Team:UCLA/Notebook/Calendar">Calendar</a></li>
    <li><a href="/Team:UCLA/Notebook/Weekly Notes">Weekly Notes</a></li>
    <li><a href="/Team:UCLA/Notebook/Weekly Notes">Weekly Notes</a></li>
-
          </ul>
+
</ul>
-
        </li>
+
        </li>
 +
 
         <li><a href="/Team:UCLA/Safety">Safety</a></li>
         <li><a href="/Team:UCLA/Safety">Safety</a></li>
-
        <li><a href="/Team:UCLA/Attributions">Attributions</a></li>
 
-
      </ul>
 
-
      <ul class="nav navbar-nav navbar-right">
+
        <li><a href="/Team:UCLA/Attributions">Attributions</a></li>
-
        <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"/>
+
</ul>
-
      </ul>
+
<a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="55px"/></a>
-
    </div><!-- /.navbar-collapse -->
+
</div><br><br><br>
-
  </div><!-- /.container-fluid -->
+
-
</nav><br>
+
<!--SIDEBAR NAV-->
<!--SIDEBAR NAV-->
Line 97: Line 69:
<h3>6</h3>
<h3>6</h3>
</div>
</div>
-
 
-
 
-
<!-- Spider click to top button -->
 
-
    <img class= "spiderbutton" src= "https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png">
 
-
    <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">
 
<!-- TITLE BANNER-->
<!-- TITLE BANNER-->
-
<br><center><img src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center>
+
<br><center><img src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center><br><Br>
-
<!-- CAROUSEL -->
+
<!--SLIDER-->
-
<div class = "container"><br>
+
<div class="slider">
-
  <div class = "row">
+
<img id="1" src="http://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg" border="0"/>
-
    <div class = "col-md-offset-1 col-md-10 col-md-offset-1">
+
<img id="2" src="http://tmacfitness.com/wp-content/uploads/2013/04/Beauty-of-nature-random-4884759-1280-800.jpg" border="0"/>
-
<div id = "myCarousel" class = "carousel slide">
+
<img id="3" src="http://upload.wikimedia.org/wikipedia/commons/1/1a/Bachalpseeflowers.jpg" border="0"/>
-
  <ol class = "carousel-indicators">
+
</div>
-
<li data-target = "#myCarousel" data-slide-to = "0" class ="active"></li>
+
<div class="slider_nav">
-
<li data-target = "#myCarousel" data-slide-to = "1"></li>
+
<img id="left" style="float:left;" src="http://www.visme.co/wp-content/themes/visme/images/left.png" border="0"/>
-
<li data-target = "#myCarousel" data-slide-to = "2"></li>
+
<img id="right" style="float:right;" src="http://iconizer.net/files/Brightmix/orig/monotone_arrow_right.png" border="0"/>
-
  </ol>
+
-
+
-
  <div class = "carousel-inner">
+
-
      <div class = "item active">
+
-
<img src = "http://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg" alt ="Space" class = "img-responsive">
+
-
<div class = "carousel-caption">
+
-
    <h3>The future is here.</h3>
+
-
    <p>Take a seat and view the world from a different perspective.</p>
+
-
</div>
+
-
      </div>
+
-
      <div class = "item">
+
-
  <img src = "http://tmacfitness.com/wp-content/uploads/2013/04/Beauty-of-nature-random-4884759-1280-800.jpg" alt ="Batman" class = "img-responsive">
+
-
  <div class = "carousel-caption">
+
-
    <h3>The Dark Knight</h3>
+
-
    <p>Take a look at the teaser trailer for Batman vs Superman</p>
+
-
  </div>
+
</div>
</div>
-
<div class = "item">
+
<div class="shadow"></div>
-
  <img src = "http://upload.wikimedia.org/wikipedia/commons/1/1a/Bachalpseeflowers.jpg" alt ="Minecraft" class = "img-responsive">
+
 
-
  <div class = "carousel-caption">
+
-
      <h3>Minecraft</h3>
+
-
      <p>Westeros, Middle-Earth and other incredible works recreated in Minecraft</p>
+
-
                  </div>
+
-
</div>
+
-
</div>
+
-
  </div>
+
-
    </div>
+
-
  </div>
+
</div>
</div>
Line 151: 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 164: 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 177: 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 192: 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"