Team:Rutgers

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE html>
<html lang="en" class="no-js">
<html lang="en" class="no-js">
<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>
+
-
<meta name="description" content="Rutgers iGEM rocks." />
+
<title>Rutgers team</title>
-
<meta name="keywords" content="rutgers, igem, 2013, wiki" />
+
<meta name="description" content="Rutgers iGEM 2013 team" />
-
<link rel="shortcut icon" href="hamey.gif">
+
<link rel="shortcut icon" href="../favicon.ico">
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Rutgers/css/component.icongrid?action=raw&amp;ctype=text/css" />
+
 
-
<script src="https://2013.igem.org/Team:Rutgers/js/modernizr.custom?action=raw&amp;ctype=text/js"></script>
+
<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/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">
-
<img src="knight.png">
+
<a href="index.html"><img src="knight.png"></a>
 +
<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">
-
<ul class="cbp-ig-grid">
+
<!--a href="http://css-tricks.com/examples/AnythingSlider/#&panel1-4"><h1>1</h1></a>
 +
<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>
-
<a href="https://2013.igem.org/Team:Rutgers/Project">
+
<img src="images/Ethel_Roosevelt_1895.jpg" alt="picture" />
-
<span class="cbp-ig-icon cbp-ig-icon-project"></span>
+
<h2>Ethel Roosevelt</h2>
-
<h3 class="cbp-ig-title">project</h3>
+
<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>
-
<span class="cbp-ig-category">Sensteria!</span>
+
-
</a>
+
</li>
</li>
<li>
<li>
-
<a href="https://2013.igem.org/Team:Rutgers/Team">
+
<img src="images/Ethel_Roosevelt_1895.jpg" alt="picture" />
-
<span class="cbp-ig-icon cbp-ig-icon-team"></span>
+
<h2>Ethel Roosevelt</h2>
-
<h3 class="cbp-ig-title">team</h3>
+
<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>
-
<span class="cbp-ig-category">megacool people</span>
+
-
</a>
+
</li>
</li>
<li>
<li>
-
<a href="https://2013.igem.org/Team:Rutgers/Modelling">
+
<img src="images/Ethel_Roosevelt_1895.jpg" alt="picture" />
-
<span class="cbp-ig-icon cbp-ig-icon-modelling"></span>
+
<h2>Ethel Roosevelt</h2>
-
<h3 class="cbp-ig-title">modelling</h3>
+
<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>
-
<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 01:50, 27 September 2013

<!DOCTYPE html> Rutgers team

  • picture

    Ethel Roosevelt

    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.

  • picture

    Ethel Roosevelt

    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.

  • picture

    Ethel Roosevelt

    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.

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