Team:Rutgers

From 2013.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<link href="https://2013.igem.org/Team:Rutgers/style?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="screen" />
<link href="https://2013.igem.org/Team:Rutgers/style?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="screen" />
 +
<meta charset="UTF-8" />
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
-
+
<title>Rutgers iGEM wiki</title>
-
<title>Rutgers team</title>
+
<meta name="description" content="Rutgers iGEM rocks." />
-
<meta name="description" content="Rutgers iGEM 2013 team" />
+
<meta name="keywords" content="rutgers, igem, 2013, wiki" />
-
<link rel="shortcut icon" href="../favicon.ico">
+
<link rel="shortcut icon" href="hamey.gif">
-
 
+
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Rutgers/css/component.icongrid?action=raw&amp;ctype=text/css" />
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Rutgers/css/component.menu?action=raw&amp;ctype=text/css" />
+
<script src="https://2013.igem.org/Team:Rutgers/js/modernizr.custom?action=raw&amp;ctype=text/js"></script>
-
<script src="https://2013.igem.org/Team:Rutgers/js/modernizr.custom?action=raw&amp;ctype=text/css"></script>
+
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+
-
<!-- Required CSS -->
+
-
<link href="https://2013.igem.org/Team:Rutgers/css/movingboxes?action=raw&amp;ctype=text/css" media="screen" charset="utf-8" rel="stylesheet">
+
-
<!--[if lt IE 9]>
+
-
<link type="text/css" href="https://2013.igem.org/Team:Rutgers/css/movingboxes-ie?action=raw&amp;ctype=text/css" rel="stylesheet" media="screen" />
+
-
<![endif]-->
+
-
<style>
+
-
/* MovingBoxes dimensions set using css in v2.2.2+ */
+
-
#slider { width: 500px; }
+
-
#slider li { width: 250px; }
+
-
</style>
+
-
 
+
-
<!-- Required script -->
+
-
<script src="https://2013.igem.org/Team:Rutgers/js/jquery.movingboxes?action=raw&amp;ctype=text/css" charset="utf-8"></script>
+
-
 
+
-
<!-- Optional plugins -->
+
-
<script src="https://2013.igem.org/Team:Rutgers/js/jquery.easing.1.2?action=raw&amp;ctype=text/css"></script>
+
-
 
+
-
<!-- Required script -->
+
-
<script>
+
-
$(function(){
+
-
$('#boxes').movingBoxes(); // add any non-default options inside here
+
-
});
+
-
</script>
+
</head>
</head>
<body>
<body>
<div class="container">
<div class="container">
<header class="clearfix">
<header class="clearfix">
-
<a href="index.html"><img src="knight.png"></a>
+
<img src="knight.png">
-
<nav id="menu" class="nav">
+
-
<ul>
+
-
<li>
+
-
<a href="project.html">
+
-
<span class="icon">
+
-
<i aria-hidden="true" class="icon-project"></i>
+
-
</span>
+
-
<span>project</span>
+
-
</a>
+
-
</li>
+
-
<li>
+
-
<a href="team.html" class="active">
+
-
<span class="icon">
+
-
<i aria-hidden="true" class="icon-team"></i>
+
-
</span>
+
-
<span>team</span>
+
-
</a>
+
-
</li>
+
-
<li>
+
-
<a href="modelling.html">
+
-
<span class="icon">
+
-
<i aria-hidden="true" class="icon-modelling"></i>
+
-
</span>
+
-
<span>modelling</span>
+
-
</a>
+
-
</li>
+
-
<li>
+
-
<a href="sponsors.html">
+
-
<span class="icon">
+
-
<i aria-hidden="true" class="icon-sponsors"></i>
+
-
</span>
+
-
<span>sponsors</span>
+
-
</a>
+
-
</li>
+
-
<li>
+
-
<a href="notebook.html">
+
-
<span class="icon">
+
-
<i aria-hidden="true" class="icon-notebook"></i>
+
-
</span>
+
-
<span>notebook</span>
+
-
</a>
+
-
</li>
+
-
<li>
+
-
<a href="outreach.html">
+
-
<span class="icon">
+
-
<i aria-hidden="true" class="icon-outreach"></i>
+
-
</span>
+
-
<span>outreach</span>
+
-
</a>
+
-
</li>
+
-
</ul>
+
-
</nav>
+
</header>
</header>
<div class="main">
<div class="main">
-
<!--a href="http://css-tricks.com/examples/AnythingSlider/#&panel1-4"><h1>1</h1></a>
+
<ul class="cbp-ig-grid">
-
<a href="http://css-tricks.com/moving-boxes/"><h1>2</h1></a>
+
-
<a href="http://css-tricks.com/examples/SlideInImageBoxes/"><h1>3</h1></a>
+
-
<a href="http://css-tricks.com/slider-with-sliding-backgrounds/"><h1>4</h1></a>
+
-
<a href="http://www.sequencejs.com/themes/modern-slide-in/"><h1>(current)</h1></a>
+
-
<p>todo: all caps names looks good</p>
+
-
<br><br><br-->
+
-
 
+
-
<ul id="boxes" style="color:white;width:900px;text-align:center">
+
<li>
<li>
-
<img src="images/Ethel_Roosevelt_1895.jpg" alt="picture" />
+
<a href="https://2013.igem.org/Team:Rutgers/Project">
-
<h2>Ethel Roosevelt</h2>
+
<span class="cbp-ig-icon cbp-ig-icon-project"></span>
-
<p>Ethel Carow Roosevelt Derby (August 13, 1891 – December 10, 1977) was the youngest daughter and fourth child of the President of the United States Theodore Roosevelt. Known as The Queen of Oyster Bay and The First Lady of Oyster Bay by its Long Island residents, Ethel was instrumental in preserving both the legacy of her father as well as the family home, "Sagamore Hill" for future generations, especially after the death of her mother Edith in 1948.</p>
+
<h3 class="cbp-ig-title">project</h3>
 +
<span class="cbp-ig-category">Sensteria!</span>
 +
</a>
</li>
</li>
<li>
<li>
-
<img src="images/Ethel_Roosevelt_1895.jpg" alt="picture" />
+
<a href="https://2013.igem.org/Team:Rutgers/Team">
-
<h2>Ethel Roosevelt</h2>
+
<span class="cbp-ig-icon cbp-ig-icon-team"></span>
-
<p>Ethel Carow Roosevelt Derby (August 13, 1891 – December 10, 1977) was the youngest daughter and fourth child of the President of the United States Theodore Roosevelt. Known as The Queen of Oyster Bay and The First Lady of Oyster Bay by its Long Island residents, Ethel was instrumental in preserving both the legacy of her father as well as the family home, "Sagamore Hill" for future generations, especially after the death of her mother Edith in 1948.</p>
+
<h3 class="cbp-ig-title">team</h3>
 +
<span class="cbp-ig-category">megacool people</span>
 +
</a>
</li>
</li>
<li>
<li>
-
<img src="images/Ethel_Roosevelt_1895.jpg" alt="picture" />
+
<a href="https://2013.igem.org/Team:Rutgers/Modelling">
-
<h2>Ethel Roosevelt</h2>
+
<span class="cbp-ig-icon cbp-ig-icon-modelling"></span>
-
<p>Ethel Carow Roosevelt Derby (August 13, 1891 – December 10, 1977) was the youngest daughter and fourth child of the President of the United States Theodore Roosevelt. Known as The Queen of Oyster Bay and The First Lady of Oyster Bay by its Long Island residents, Ethel was instrumental in preserving both the legacy of her father as well as the family home, "Sagamore Hill" for future generations, especially after the death of her mother Edith in 1948.</p>
+
<h3 class="cbp-ig-title">modelling</h3>
 +
<span class="cbp-ig-category">numbers</span>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2013.igem.org/Team:Rutgers/Sponsors">
 +
<span class="cbp-ig-icon cbp-ig-icon-sponsors"></span>
 +
<h3 class="cbp-ig-title">sponsors</h3>
 +
<span class="cbp-ig-category">thank you :)</span>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2013.igem.org/Team:Rutgers/Notebook">
 +
<span class="cbp-ig-icon cbp-ig-icon-notebook"></span>
 +
<h3 class="cbp-ig-title">notebook</h3>
 +
<span class="cbp-ig-category">timeline</span>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2013.igem.org/Team:Rutgers/Outreachl">
 +
<span class="cbp-ig-icon cbp-ig-icon-outreach"></span>
 +
<h3 class="cbp-ig-title">outreach</h3>
 +
<span class="cbp-ig-category">doing our part</span>
 +
</a>
</li>
</li>
</ul>
</ul>
-
</div>
 
</div>
</div>
</div>
</div>
-
<script> // MENU
 
-
//  The function to change the class
 
-
var changeClass = function (r,className1,className2) {
 
-
var regex = new RegExp("(?:^|\\s+)" + className1 + "(?:\\s+|$)");
 
-
if( regex.test(r.className) ) {
 
-
r.className = r.className.replace(regex,' '+className2+' ');
 
-
    }
 
-
    else{
 
-
r.className = r.className.replace(new RegExp("(?:^|\\s+)" + className2 + "(?:\\s+|$)"),' '+className1+' ');
 
-
    }
 
-
    return r.className;
 
-
};
 
-
 
-
//  Creating our button in JS for smaller screens
 
-
var menuElements = document.getElementById('menu');
 
-
menuElements.insertAdjacentHTML('afterBegin','<button type="button" id="menutoggle" class="navtoogle" aria-hidden="true" style="color:white"><i aria-hidden="true" class="icon-menu"> </i> Menu</button>');
 
-
 
-
//  Toggle the class on click to show / hide the menu
 
-
document.getElementById('menutoggle').onclick = function() {
 
-
changeClass(this, 'navtoogle active', 'navtoogle');
 
-
}
 
-
 
-
// http://tympanus.net/codrops/2013/05/08/responsive-retina-ready-menu/comment-page-2/#comment-438918
 
-
document.onclick = function(e) {
 
-
var mobileButton = document.getElementById('menutoggle'),
 
-
buttonStyle =  mobileButton.currentStyle ? mobileButton.currentStyle.display : getComputedStyle(mobileButton, null).display;
 
-
 
-
if(buttonStyle === 'block' && e.target !== mobileButton && new RegExp(' ' + 'active' + ' ').test(' ' + mobileButton.className + ' ')) {
 
-
changeClass(mobileButton, 'navtoogle active', 'navtoogle');
 
-
}
 
-
}
 
-
</script>
 
</body>
</body>
</html>
</html>

Revision as of 02:22, 27 September 2013

Rutgers iGEM wiki

Retrieved from "http://2013.igem.org/Team:Rutgers"