Team:Rutgers/Team

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(3 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** -->
+
<!DOCTYPE html>
 +
<html lang="en" class="no-js">
 +
<head>
 +
<meta charset="UTF-8" />
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
 +
<title>Rutgers team</title>
 +
<meta name="description" content="Rutgers iGEM 2013 team" />
 +
<link rel="shortcut icon" href="../favicon.ico">
 +
<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.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>
-
<html>
+
<!-- Required script -->
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<script src="https://2013.igem.org/Team:Rutgers/js/jquery.movingboxes?action=raw&amp;ctype=text/css" charset="utf-8"></script>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<!-- 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>
 +
<body>
 +
<div class="container">
 +
<header class="clearfix">
 +
<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>
 +
<div class="main">
 +
<!--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-->
-
{|align="justify"
+
<ul id="boxes" style="color:white;width:900px;text-align:center">
-
|You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
<li>
-
|[[Image:Rutgers_logo.png|200px|right|frame]]
+
<img src="images/Ethel_Roosevelt_1895.jpg" alt="picture" />
-
|-
+
<h2>Ethel Roosevelt</h2>
-
|
+
<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>
-
|[[Image:Rutgers_team.png|right|frame|Your team picture]]
+
</li>
-
|-
+
<li>
-
|
+
<img src="images/Ethel_Roosevelt_1895.jpg" alt="picture" />
-
|align="center"|[[Team:Rutgers | Team Rutgers]]
+
<h2>Ethel Roosevelt</h2>
-
|}
+
<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>
 +
</li>
 +
<li>
 +
<img src="images/Ethel_Roosevelt_1895.jpg" alt="picture" />
 +
<h2>Ethel Roosevelt</h2>
 +
<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>
 +
</li>
 +
</ul>
 +
</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>');
-
<!--- The Mission, Experiments --->
+
//  Toggle the class on click to show / hide the menu
 +
document.getElementById('menutoggle').onclick = function() {
 +
changeClass(this, 'navtoogle active', 'navtoogle');
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
// http://tympanus.net/codrops/2013/05/08/responsive-retina-ready-menu/comment-page-2/#comment-438918
-
!align="center"|[[Team:Rutgers|Home]]
+
document.onclick = function(e) {
-
!align="center"|[[Team:Rutgers/Team|Team]]
+
var mobileButton = document.getElementById('menutoggle'),
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Rutgers Official Team Profile]
+
buttonStyle = mobileButton.currentStyle ? mobileButton.currentStyle.display : getComputedStyle(mobileButton, null).display;
-
!align="center"|[[Team:Rutgers/Project|Project]]
+
-
!align="center"|[[Team:Rutgers/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Rutgers/Modeling|Modeling]]
+
-
!align="center"|[[Team:Rutgers/Notebook|Notebook]]
+
-
!align="center"|[[Team:Rutgers/Safety|Safety]]
+
-
!align="center"|[[Team:Rutgers/Attributions|Attributions]]
+
-
|}
+
-
 
+
if(buttonStyle === 'block' && e.target !== mobileButton && new RegExp(' ' + 'active' + ' ').test(' ' + mobileButton.className + ' ')) {
-
 
+
changeClass(mobileButton, 'navtoogle active', 'navtoogle');
-
== '''Who we are''' ==
+
}
-
{|border = "0"
+
}
-
|-
+
</script>
-
|rowspan="3"|
+
</body>
-
 
+
</html>
-
 
+
-
 
+
-
 
+
-
 
+
-
'''Advisors:'''
+
-
 
+
-
*''' Advisor 1''':    Mentor for all
+
-
*'''Advisor 2''':      Our favorite
+
-
*'''Grad Student 1''':    Our leader 
+
-
 
+
-
 
+
-
'''Undergrads:'''
+
-
 
+
-
*'''Student 1''':    Sleepyhead
+
-
*'''Student 2''':    Math nerd
+
-
*'''Student 3''':    Is going to save the world
+
-
*'''Student 4''':    Loves iGEM
+
-
*'''Student 5''':  A normal student... or(r) am I?
+
-
*'''Student 6''':  Table football fan
+
-
*'''Student 7''':
+
-
 
+
-
 
+
-
|
+
-
<gallery>
+
-
Image:Example2_Team_member_1.png|Team member 1
+
-
Image:Example2_Team_member_2.png|Team member 2
+
-
Image:Example2_Team_member_3.png|Team member 3
+
-
Image:Example2_Team_member_4.png|Team member 4
+
-
Image:Example2_Team_member_5.png|Team member 5
+
-
Image:Example2_Team_member_6.png|Team member 6
+
-
Image:Example2_Team_member_7.png|Team member 7
+
-
</gallery>
+
-
|}
+
-
 
+
-
== '''What we did''' ==
+
-
 
+
-
(Provide proper attribution for all work)
+
-
 
+
-
 
+
-
== '''Where we're from''' ==
+

Latest revision as of 01:49, 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/Team"