Team:Rutgers

From 2013.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
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" />
 
<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/default?action=raw&amp;ctype=text/css" />
-
 
+
<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=javascript"></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="https://static.igem.org/mediawiki/2013/6/6b/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/People">
-
<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">people</h3>
 +
<span class="cbp-ig-category">megacool dudes</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/Safety">
 +
<span class="cbp-ig-icon cbp-ig-icon-sponsors"></span>
 +
<h3 class="cbp-ig-title">safety</h3>
 +
<span class="cbp-ig-category">always first!</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/Practices">
 +
<span class="cbp-ig-icon cbp-ig-icon-outreach"></span>
 +
<h3 class="cbp-ig-title">practices</h3>
 +
<span class="cbp-ig-category">human stuff</span>
 +
</a>
</li>
</li>
</ul>
</ul>
-
</div>
+
<br><br><br><br>
 +
<h2>please note:</h2>
 +
<p>The Rutgers iGEM website was designed with much love and care, but porting to MediaWiki's HTML format was not accounted for, nor was it mastered in time, and our Team Wiki is now slightly messier than our original design (hosted on github). We'd like to share the external and unbroken version our wiki, because Kenny thinks it's prettier, so it can be found at <a href="http://kostenba.de/iGEMwiki2013/">http://kostenba.de/iGEMwiki2013/</a> <small>(which simply serves the html files directly from github)</small>. The corresponding code can be browsed at <a href="https://github.com/svensken/iGEMwiki2013/tree/gh-pages">https://github.com/svensken/iGEMwiki2013/tree/gh-pages</a>. We appreciate the implementation of MediaWiki that iGEM has made work so well for so many team pages, and we doubly appreciate the strong culture for Open Source that this contest advocates. Rock on, iGEM.</p>
</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>

Latest revision as of 17:48, 12 October 2014

Rutgers iGEM wiki





please note:

The Rutgers iGEM website was designed with much love and care, but porting to MediaWiki's HTML format was not accounted for, nor was it mastered in time, and our Team Wiki is now slightly messier than our original design (hosted on github). We'd like to share the external and unbroken version our wiki, because Kenny thinks it's prettier, so it can be found at http://kostenba.de/iGEMwiki2013/ (which simply serves the html files directly from github). The corresponding code can be browsed at https://github.com/svensken/iGEMwiki2013/tree/gh-pages. We appreciate the implementation of MediaWiki that iGEM has made work so well for so many team pages, and we doubly appreciate the strong culture for Open Source that this contest advocates. Rock on, iGEM.

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