Template:Team:Berkeley/header

From 2013.igem.org

(Difference between revisions)
 
(76 intermediate revisions not shown)
Line 1: Line 1:
-
<html lang="en">  
+
{{Team:Berkeley/styles}}
 +
<html>
 +
    <div id="header-image">
 +
<div id="jeans_top">
 +
<img  class="jeans-image-first" src="https://static.igem.org/mediawiki/2013/2/23/Blue-jeans-texture-stitch-13845966.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/2e/B-one.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/b/b6/B-three.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/c/cd/B-four.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/24/B-five.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/7/75/B-six.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/f/fa/R1.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/27/B-seven.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/c/c8/B-eight.jpg" />
 +
<img  class="jeans-image-last" src="https://static.igem.org/mediawiki/2013/8/8b/B-nine.jpg" />
 +
</div>
 +
        <div id="header-image-inner">
 +
            <div id="header-image-inner-inner">
 +
<a href="https://2013.igem.org/Team:Berkeley"> <img  class="firstHeaderImg" src="https://static.igem.org/mediawiki/2013/4/4e/Blue_genes_logo.png" /> </a>
-
<head>
+
<a href="https://2013.igem.org/Team:Berkeley"> <img class="secondHeaderImg" src="https://static.igem.org/mediawiki/2013/b/b3/Title.png" /> </a>
-
<a href="http://jquery.com/">jQuery</a>
+
<a href="http://www.berkeley.edu/index.html"> <img class="thirdHeaderImg" src="https://static.igem.org/mediawiki/2013/5/5b/Berkeley_logo.png" /> </a>
-
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
+
            </div>
-
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css?action=raw&ctype=text/css" />
+
        </div>
 +
<div id="jeans_top">
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/23/Blue-jeans-texture-stitch-13845966.jpg" />  
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/2e/B-one.jpg" />  
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/b/b6/B-three.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/c/cd/B-four.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/24/B-five.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/7/75/B-six.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/f/fa/R1.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/27/B-seven.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/c/c8/B-eight.jpg" />
 +
<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/8/8b/B-nine.jpg" />
 +
</div>
-
    <meta property="og:title" content="Berkeley iGEM 2013"/>
 
-
    <meta property="og:type" content="university"/>
 
-
    <meta property="og:description" content="UC Berkeley's 2013 iGEM team wiki."/>
 
-
    <meta name="description" content="Berkeley iGEM 2013" />
 
-
    <meta name="keywords" content="igem, berkleley, 2013" />
 
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Template:Team:Berkeley/foundation?action=raw&ctype=text/css" />
 
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Template:Team:Berkeley/css?action=raw&ctype=text/css" />
 
-
<script>
 
-
$( document ).ready(function() {
 
-
 
-
    $( "a" ).click(function( event ) {
 
-
 
-
        alert( "As you can see, the link no longer took you to jquery.com" );
 
-
 
-
        event.preventDefault();
 
-
 
-
    });
 
-
 
-
});
 
-
window.onload = function() {
 
-
 
-
    alert( "welcome" );
 
-
 
-
}
 
-
/* =============================================================
 
-
* bootstrap-scrollspy.js v2.0.4
 
-
* http://twitter.github.com/bootstrap/javascript.html#scrollspy
 
-
* =============================================================
 
-
* Copyright 2012 Twitter, Inc.
 
-
*
 
-
* Licensed under the Apache License, Version 2.0 (the "License");
 
-
* you may not use this file except in compliance with the License.
 
-
* You may obtain a copy of the License at
 
-
*
 
-
* http://www.apache.org/licenses/LICENSE-2.0
 
-
*
 
-
* Unless required by applicable law or agreed to in writing, software
 
-
* distributed under the License is distributed on an "AS IS" BASIS,
 
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 
-
* See the License for the specific language governing permissions and
 
-
* limitations under the License.
 
-
* ============================================================== */
 
 +
    </div>
 +
    <div id="main-nav">
 +
        <ul>
 +
            <li id="projectBlue"><a href="https://2013.igem.org/Team:Berkeley"><img src="https://static.igem.org/mediawiki/2013/5/50/Home_icon.png"  class="home-image"/><span>Project Blue Jeans</span></a>
-
!function ($) {
+
                <ul>
 +
                    <li class="odd">
 +
                        <div> <a href="https://2013.igem.org/Team:Berkeley/Project/Introduction"><span>Introduction</span>
 +
<img id="plant" src="https://static.igem.org/mediawiki/2013/0/0b/Plant_inspired.png"  class="nav-image"/></a>
-
  "use strict"; // jshint ;_;
+
                        </div>
 +
                    </li>
 +
                    <li>
 +
                      <div><a href="https://2013.igem.org/Team:Berkeley/Project/GT"><span>Making Indican</span>
 +
<img id="solubilizing" src="https://static.igem.org/mediawiki/2013/7/76/Cyan-gt.png"  class="nav-image"/></a>
 +
                        </div>
 +
                    </li>
 +
                   
 +
                    <li class="odd">
 +
                                                <div><a href="https://2013.igem.org/Team:Berkeley/Project/GLU"><span>Dyeing with Indican </span>
 +
<img id="dyeing" src="https://static.igem.org/mediawiki/2013/a/ab/Dyeing_icon.png" class="nav-image"/></a>
-
  /* SCROLLSPY CLASS DEFINITION
+
                        </div>
-
  * ========================== */
+
                    </li>
 +
<li>
 +
                        <div><a href="https://2013.igem.org/Team:Berkeley/Project/FMO"><span>Characterization of Indoxyl Production</span>
 +
<img id="characterize" src="https://static.igem.org/mediawiki/2013/9/9c/Characterize_icon.png" class="nav-image"/></a>
-
  function ScrollSpy( element, options) {
+
                        </div>
-
    var process = $.proxy(this.process, this)
+
                    </li>
-
      , $element = $(element).is('body') ? $(window) : $(element)
+
-
      , href
+
-
    this.options = $.extend({}, $.fn.scrollspy.defaults, options)
+
-
    this.$scrollElement = $element.on('scroll.scroll.data-api', process)
+
-
    this.selector = (this.options.target
+
-
      || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
+
-
      || '') + ' .nav li > a'
+
-
    this.$body = $('body')
+
-
    this.refresh()
+
-
    this.process()
+
-
  }
+
-
  ScrollSpy.prototype = {
+
                </ul>
 +
            </li>
 +
            <li id="humanPractices"><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/DyeingIndustry"><span>Human Practices</span></a>
-
      constructor: ScrollSpy
+
                <ul>
 +
                    <li class="odd">
 +
                        <div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/DyeingIndustry"><span>Talks with Dyeing industry</span>
 +
<img id="lumi" src="https://static.igem.org/mediawiki/2013/7/74/Berkeley2013_Lumi1.png"  class="nav-image"/></a>
-
    , refresh: function () {
+
                        </div>
-
        var self = this
+
                    </li>
-
          , $targets
+
                    <li>
 +
                        <div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/ABPDU"><span>Visit to a Scale-Up Facility</span>
 +
<img id="abpdu" src="https://static.igem.org/mediawiki/2013/c/cc/Berkeley2013_Abpdu4.png" class="nav-image"/></a>
-
        this.offsets = $([])
+
                        </div>
-
        this.targets = $([])
+
                    </li>
 +
                    <li class="odd">
 +
                        <div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/Economics"><span>Engineering a Cost Effective System</span>
 +
<img id="costs" src="https://static.igem.org/mediawiki/2013/4/40/Berkeley2013_New_economic_analysis_indican.png"  class="nav-image"/></a>
-
        $targets = this.$body
+
                        </div>
-
          .find(this.selector)
+
                    </li>
-
          .map(function () {
+
                    <li>
-
            var $el = $(this)
+
                        <div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/Outreach"><span>Outreach</span>
-
              , href = $el.data('target') || $el.attr('href')
+
<img id="outreach" src="https://static.igem.org/mediawiki/2013/a/ab/Berkeley2013_Outreach3.png" class="nav-image"/></a>
-
              , $href = /^#\w/.test(href) && $(href)
+
-
            return ( $href
+
-
              && href.length
+
-
              && [[ $href.offset().top, href ]] ) || null // changed 'position()->'offset()'
+
-
          })
+
-
          .sort(function (a, b) { return a[0] - b[0] })
+
-
          .each(function () {
+
-
            self.offsets.push(this[0])
+
-
            self.targets.push(this[1])
+
-
          })
+
-
      }
+
-
    , process: function () {
+
                        </div>
-
        var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
+
                    </li>
-
          , scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
+
                </ul>
-
          , maxScroll = scrollHeight - this.$scrollElement.height()
+
            </li>
-
          , offsets = this.offsets
+
            <li><a href="https://2013.igem.org/Team:Berkeley/Methods/Protocols"><span>Methods</span></a>
-
          , targets = this.targets
+
-
          , activeTarget = this.activeTarget
+
-
          , i
+
-
        if (scrollTop >= maxScroll) {
+
                <ul>
-
          return activeTarget != (i = targets.last()[0])
+
                    <li class="odd">
-
            && this.activate ( i )
+
                        <div><a href="https://2013.igem.org/Team:Berkeley/Methods/Protocols"><span>Protocols</span>
-
        }
+
<img id="protocols" src="https://static.igem.org/mediawiki/2013/6/6c/Berkeley2013_Protocols1.png"  class="nav-image"/></a>
-
        for (i = offsets.length; i--;) {
+
                        </div>
-
          activeTarget != targets[i]
+
                    </li>
-
            && scrollTop >= offsets[i]
+
                    <li>
-
            && (!offsets[i + 1] || scrollTop <= offsets[i + 1])
+
                        <div><a href="https://2013.igem.org/Team:Berkeley/Methods/Parts"><span>Parts</span>
-
            && this.activate( targets[i] )
+
<img id="parts" src="https://static.igem.org/mediawiki/2013/1/1f/Berkeley2013_Parts1.png"  class="nav-image"/></a>
-
        }
+
-
      }
+
-
    , activate: function (target) {
+
                        </div>
-
        var active
+
                    </li>
-
          , selector
+
                    <li class="odd">
 +
                        <div><a href="https://2013.igem.org/Team:Berkeley/Methods/Applications"><span>Other Applications</span>
 +
<img id="other" src="https://static.igem.org/mediawiki/2013/0/07/Enzymatic_Switch_Diagram.png" class="nav-image"/></a>
-
        this.activeTarget = target
+
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <div><a href="https://2013.igem.org/Team:Berkeley/Methods/Notebooks"><span>Notebooks</span>
 +
<img id="notebooks" src="https://static.igem.org/mediawiki/2013/1/15/Berkeley2013_Notebook1.png" class="nav-image"/></a>
-
        $(this.selector)
+
                        </div>
-
          .parent('.active')
+
                    </li>
-
          .removeClass('active')
+
                </ul>
 +
            </li>
 +
            <li><a href="https://2013.igem.org/Team:Berkeley/Judging"><span>iGEM</span></a>
-
        selector = this.selector
+
                <ul>
-
          + '[data-target="' + target + '"],'
+
                    <li class="odd">
-
          + this.selector + '[href="' + target + '"]'
+
                        <div><a href="https://2013.igem.org/Team:Berkeley/Judging"><span>Judging</span>
 +
<img id="judging" src="https://static.igem.org/mediawiki/2013/e/ef/Berkeley2013_Judging.gif"  class="nav-image"/></a>
-
        active = $(selector)
+
                        </div>
-
          .parent('li')
+
                    </li>
-
          .addClass('active')
+
                    <li>
 +
                        <div><a href="https://2013.igem.org/Team:Berkeley/Safety"><span>Safety</span>
 +
<img id="safety" src="https://static.igem.org/mediawiki/2013/d/df/Berkeley2013_Safety1.png"  class="nav-image"/></a>
-
        if (active.parent('.dropdown-menu'))  {
+
                        </div>
-
          active = active.closest('li.dropdown').addClass('active')
+
                    </li>
-
        }
+
                    <li class="odd">
 +
                        <div><a href="https://2013.igem.org/Team:Berkeley/Team"><span>Team</span>
 +
<img id="team" src="https://static.igem.org/mediawiki/2013/5/5f/Berkeley2013_Team1.png" class="nav-image"/></a>
-
        active.trigger('activate')
+
                        </div>
-
      }
+
                    </li>
 +
                    <li>
 +
                        <div><a href="https://2013.igem.org/Team:Berkeley/Attributions"><span>Attributions</span>
 +
<img id="attributions" src="https://static.igem.org/mediawiki/2013/7/75/Berkeley2013_Igem1.png" class="nav-image"/></a>
-
  }
+
                        </div>
-
 
+
                    </li>
-
 
+
                </ul>
-
/* SCROLLSPY PLUGIN DEFINITION
+
            </li>
-
  * =========================== */
+
         </ul>
-
 
+
-
  $.fn.scrollspy = function ( option ) {
+
-
    return this.each(function () {
+
-
      var $this = $(this)
+
-
        , data = $this.data('scrollspy')
+
-
        , options = typeof option == 'object' && option
+
-
      if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options)))
+
-
      if (typeof option == 'string') data[option]()
+
-
    })
+
-
  }
+
-
 
+
-
  $.fn.scrollspy.Constructor = ScrollSpy
+
-
 
+
-
  $.fn.scrollspy.defaults = {
+
-
    offset: 10
+
-
  }
+
-
 
+
-
 
+
-
/* SCROLLSPY DATA-API
+
-
  * ================== */
+
-
 
+
-
  $(function () {
+
-
    $('[data-spy="scroll"]').each(function () {
+
-
      var $spy = $(this)
+
-
      $spy.scrollspy($spy.data())
+
-
    })
+
-
  })
+
-
 
+
-
}(window.jQuery);
+
-
 
+
-
 
+
-
window.onload = function() {
+
-
+
-
    alert( "welcome" );
+
-
+
-
}
+
-
</script>
+
-
 
+
-
 
+
-
</head>
+
-
 
+
-
 
+
-
<body data-spy="scroll" data-target="#navbar">
+
-
    <div id="header" class="box">
+
-
         <h1>Header</h1>
+
     </div>
     </div>
-
    <div id="content">
 
-
        <div id="post1" class="box">
 
-
            <h1>Post 1</h1>
 
-
            <p> Scroll Down↓</p>
 
-
        </div>
 
-
        <div id="post2" class="box"><h1>Post 2</h1></div>
 
-
        <div id="post3" class="box"><h1>Post 3</h1></div>
 
-
       
 
-
        <div id="navbar">
 
-
            <ul class="nav">
 
-
                <li><a href="#post1">Post 1</a></li>
 
-
                <li><a href="#post2">Post 2</a></li>
 
-
                <li><a href="#post3">Post 3</a></li>
 
-
            </ul>
 
-
        </div>
 
     </div>
     </div>
-
 
-
 
-
<div id="header-image">
 
-
<div id="header-image-inner">
 
-
<a href="https://2013.igem.org/Team:Berkeley" > <img  class="firstHeaderImg" src="https://static.igem.org/mediawiki/2013/4/4e/Blue_genes_logo.png" /> </a>
 
-
<a href="https://2013.igem.org/Team:Berkeley"> <img class="secondHeaderImg" src="https://static.igem.org/mediawiki/2013/b/b3/Title.png" /> </a>
 
-
<a href="http://www.berkeley.edu/index.html"> <img class="thirdHeaderImg" src="https://static.igem.org/mediawiki/2013/5/5b/Berkeley_logo.png" /> </a>
 
-
</div>
 
-
</div>
 
-
 
-
<div id="main-nav">
 
-
<ul>
 
-
    <li><a href="https://2013.igem.org/Team:Berkeley"><span>Project Blue Jeans</span></a>
 
-
        <ul >   
 
-
          <li class="odd"> <div> <a href="https://2013.igem.org/Team:Berkeley/Project"><span>Nature Inspired Design</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/0/0b/Plant_inspired.png" width = "100px" class="nav-image"/></a></div>
 
-
          </li>
 
-
          <li><div><a href="https://2013.igem.org/Team:Berkeley/Project/FMO"><span>Characterization of Indigo Biosynthesis</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/9/9c/Characterize_icon.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
          <li class="odd"><div><a href="https://2013.igem.org/Team:Berkeley/Project/GT"><span>Solubilizing Indigo via Glycosylation</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/e/ee/Solubilize_icon.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
          <li><div><a href="https://2013.igem.org/Team:Berkeley/Project/GLU"><span>Dyeing with Indican </span>
 
-
<img src="https://static.igem.org/mediawiki/2013/a/ab/Dyeing_icon.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
      </ul>   
 
-
  </li>
 
-
 
-
  <li><a><span>Human Practices</span></a>
 
-
        <ul >
 
-
          <li class="odd"><div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/Introduction"><span>Visit to the ABPDU</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
          <li><div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/Titer"><span>Plan to Improve Titer</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
          <li class="odd"><div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/Feedstock"><span>Lowering feedstock costs</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
          <li><div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/Industry"><span>Green Economics </span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
      </ul>   
 
-
  </li>
 
-
 
-
    <li><a><span>Accomplishments</span></a>
 
-
        <ul>
 
-
          <li class="odd"><div><a href="https://2013.igem.org/Team:Berkeley/Judging"><span>Judging</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
          <li><div><a href="https://2013.igem.org/Team:Berkeley/Parts"><span>Parts</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
          <li class="odd"><div><a href="https://2013.igem.org/Team:Berkeley/Safety"><span>Safety</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
          <li><div><a href="https://2013.igem.org/Team:Berkeley/Notebooks"><span>Notebooks</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
      </ul>   
 
-
    </li>
 
-
 
-
    <li><a><span>Team</span></a>
 
-
        <ul id="members">
 
-
          <li class="odd"><div><a href="https://2013.igem.org/Team:Berkeley/Team"><span>Team</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
          <li><div><a href="https://2013.igem.org/Team:Berkeley/Attributions"><span>Attributions</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
          <li class="odd"><div><a href="https://2013.igem.org/Team:Berkeley/Gallery"><span>Photo Gallery</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
          <li><div><a href="https://2013.igem.org/Team:Berkeley/Notebooks"><span>Notebooks</span>
 
-
<img src="https://static.igem.org/mediawiki/2013/7/70/Header_Test6.png" width = "100px" class="nav-image"/></a></div>
 
-
</li>
 
-
      </ul>   
 
-
    </li>
 
-
</ul>
 
-
</div>
 
-
 
</html>
</html>

Latest revision as of 20:39, 7 November 2013

Retrieved from "http://2013.igem.org/Template:Team:Berkeley/header"