Team:Gaston Day School/Team
From 2014.igem.org
(Difference between revisions)
(176 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
<html> | <html> | ||
- | < | + | <head> |
- | [class*= | + | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> |
- | + | <link href='http://fonts.googleapis.com/css?family=Ubuntu:500' rel='stylesheet' type='text/css'> | |
- | + | ||
- | + | <style> | |
- | + | .firstHeading { | |
- | + | display:none; | |
+ | } | ||
+ | |||
+ | body { | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | [class*='col-'] { | ||
+ | float: left; | ||
+ | padding-right: 20px; | ||
+ | } | ||
+ | |||
+ | .grid-pad { | ||
+ | padding: 20px 0px 20px 20px; | ||
+ | } | ||
+ | |||
+ | .sub-grid-pad { | ||
+ | padding: 20px 0px 20px 0px; | ||
+ | } | ||
+ | |||
+ | .grid-pad > .row > [class*='col-']:last-of-type, .grid-pad > [class*='col-']:last-of-type { | ||
+ | padding-right: 20px; | ||
+ | } | ||
+ | |||
+ | .col-1-1 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .col-1-2, .col-2-4, .col-3-6, .col-5-10 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .col-1-3, .col-2-6, .col-3-9 { | ||
+ | width: 33.33%; | ||
+ | } | ||
+ | |||
+ | .col-2-3, .col-4-6, .col-6-9 { | ||
+ | width: 66.66%; | ||
+ | } | ||
+ | |||
+ | .col-1-4, .col-2-8 { | ||
+ | width: 25%; | ||
+ | } | ||
+ | |||
+ | .col-3-4 { | ||
+ | width: 75%; | ||
+ | } | ||
+ | |||
+ | .col-1-5, .col-2-10 { | ||
+ | width: 20%; | ||
+ | } | ||
+ | |||
+ | .col-2-5, .col-4-10 { | ||
+ | width: 40%; | ||
+ | } | ||
+ | |||
+ | .col-3-5, .col-6-10 { | ||
+ | width: 60%; | ||
+ | } | ||
+ | |||
+ | .col-4-5, .col-8-10 { | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | .col-1-6 { | ||
+ | width: 16.66%; | ||
+ | } | ||
+ | |||
+ | .col-5-6 { | ||
+ | width: 83.33%; | ||
+ | } | ||
+ | |||
+ | .col-1-7 { | ||
+ | width: 14.28%; | ||
+ | } | ||
+ | |||
+ | .col-2-7 { | ||
+ | width: 28.57%; | ||
+ | } | ||
+ | |||
+ | .col-3-7 { | ||
+ | width: 42.85%; | ||
+ | } | ||
+ | |||
+ | .col-4-7 { | ||
+ | width: 57.14%; | ||
+ | } | ||
+ | |||
+ | .col-5-7 { | ||
+ | width: 71.42%; | ||
+ | } | ||
+ | |||
+ | .col-6-7 { | ||
+ | width: 85.71%; | ||
+ | } | ||
+ | |||
+ | .col-1-8 { | ||
+ | width: 12.5%; | ||
+ | } | ||
+ | |||
+ | .col-2-8 { | ||
+ | width: 25%; | ||
+ | } | ||
+ | |||
+ | .col-3-8 { | ||
+ | width: 37.5%; | ||
+ | } | ||
+ | |||
+ | .col-4-8 { | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | .col-5-8 { | ||
+ | width: 62.5%; | ||
+ | } | ||
+ | |||
+ | .col-6-8 { | ||
+ | width: 75%; | ||
+ | } | ||
+ | |||
+ | .col-7-8 { | ||
+ | width: 87.5%; | ||
+ | } | ||
+ | |||
+ | .col-1-9 { | ||
+ | width: 11.11%; | ||
+ | } | ||
+ | |||
+ | .col-2-9 { | ||
+ | width: 22.22%; | ||
+ | } | ||
+ | |||
+ | .col-4-9 { | ||
+ | width: 44.44%; | ||
+ | } | ||
+ | |||
+ | .col-5-9 { | ||
+ | width: 55.55%; | ||
+ | } | ||
+ | |||
+ | .col-7-9 { | ||
+ | width: 77.77%; | ||
+ | } | ||
+ | |||
+ | .col-8-9 { | ||
+ | width: 88.88%; | ||
+ | } | ||
+ | |||
+ | .col-1-10 { | ||
+ | width: 10%; | ||
+ | } | ||
+ | |||
+ | .col-3-10 { | ||
+ | width: 30%; | ||
+ | } | ||
+ | |||
+ | .col-7-10 { | ||
+ | width: 70%; | ||
+ | } | ||
+ | |||
+ | .col-9-10 { | ||
+ | width: 90%; | ||
+ | } | ||
+ | |||
+ | .grid:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | *, *:after, *:before { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | [class*='col-']:last-of-type { | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | .show { | ||
+ | background-color:#FFFFFF; | ||
+ | color: #081D38; | ||
+ | box-shadow: 0px 0px 25px #888888; | ||
+ | } | ||
+ | |||
+ | |||
+ | .hide { | ||
+ | background-color: auto; | ||
+ | } | ||
+ | |||
+ | #pad { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color:#DFEDFF; | ||
+ | } | ||
+ | |||
+ | #head { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | } | ||
+ | |||
+ | #mainhead { | ||
+ | font-family:'Ubuntu', sans-serif; | ||
+ | font-size: 50px; | ||
+ | } | ||
+ | |||
+ | a{text-decoration:none;} | ||
+ | |||
+ | #navbar > div > a > p.show { | ||
+ | box-shadow: 10px 10px 5px #888888; | ||
+ | } | ||
+ | |||
+ | .currentpage { | ||
+ | background-color:#FFFFFF; | ||
+ | color: #081D38; | ||
+ | box-shadow: 0px 0px 25px #888888; | ||
+ | } | ||
+ | |||
+ | #navbar > div > a :hover{ | ||
+ | background-color: #C1CDCd; | ||
+ | color: #081D38; | ||
+ | } | ||
+ | |||
+ | #navbar > div > a:active > p.show { | ||
+ | box-shadow: 0px 0px 25px #888888; | ||
+ | } | ||
- | + | .image-wrapper | |
- | + | { | |
- | + | position: relative; | |
- | + | } | |
- | + | ||
- | + | .scale-image | |
- | + | { | |
- | grid. | + | height: 100%; |
- | + | width: 100%; | |
- | + | } | |
- | + | </style> | |
- | + | </head> | |
- | + | ||
- | </style> | + | <body class="transform"> |
- | + | ||
- | + | <div class="row"> | |
- | + | <h1 id="mainhead" style="color:#072751" class="show" align="center">2014 GDS iGEM Team Members</p> | |
- | <div class="grid"> | + | <h2 style="color:#072751">>Members</h2> |
- | <div class=" | + | </div> |
- | + | ||
+ | <div class="grid-pad" align="center" id="navbar"> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School#home"><p class="show" id="pad">Home<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Team#team"> | ||
+ | <p class="currentpage" id="pad">Members<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Project#project"> | ||
+ | <p class="show" id="pad">Project<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Parts#parts"> | ||
+ | <p class="show" id="pad">Parts<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Modeling#models"> | ||
+ | <p class="show" id="pad">Models<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Notebook#notebook"> | ||
+ | <p class="show" id="pad">Notebook<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Safety#safety"> | ||
+ | <p class="show" id="pad">Safety<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Team:Gaston_Day_School/Attributions#attrib"> | ||
+ | <p class="show" id="pad">Attributions<p></a> | ||
+ | </div> | ||
+ | <div class="col-1-9"> | ||
+ | <a href="https://2014.igem.org/Main_Page"> | ||
+ | <p class="show" id="pad"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="19px" position="absolute"><p></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Left Border--> | ||
+ | <div class="col-1-10"><p class="hide" id="pad"></p></div> | ||
+ | |||
+ | <div class="col-8-10"> | ||
+ | <div class="grid-pad" align="center"> | ||
+ | <div class="col-1-1"> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">GDS 2014 iGEM Team:</p></div> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/thumb/e/e6/IMG_1446.JPG/800px-IMG_1446.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="grid-pad" align="center"><div class="col-1-1"></div></div> | ||
+ | |||
+ | <div class="grid-pad" align="center"> | ||
+ | <div class="col-1-1"> | ||
+ | <p class="show" id="pad">Team Members</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Row 1--> | ||
+ | <div class="grid-pad"> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/6/61/ShetalNormal.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Shetal Petal:</p></div> | ||
+ | </div> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/3/31/RobNormal.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Robert Geraghty:</p></div> | ||
+ | </div> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/a/a0/WyattNormal.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Wyatt Grigg:</p></div> | ||
+ | </div> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/7/7f/WillHNormal.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Will Hayes:</p></div> | ||
+ | </div> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/1/1f/MatthewNormal.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Matthew Kovacs:</p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Row 2--> | ||
+ | <div class="grid-pad"> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/thumb/d/d8/Image6.jpeg/600px-Image6.jpeg" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">India Mackinson:</p></div> | ||
+ | </div> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/4/4b/WillRNormal.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Will Reiber:</p></div> | ||
+ | </div> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/9/95/SeanNormal.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Sean Rice:</p></div> | ||
+ | </div> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/thumb/5/59/Image5.jpeg/610px-Image5.jpeg" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Jewel Wasson:</p></div> | ||
+ | </div> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/3/3d/WilliamHNormal.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">William Henry:</p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Row 3--> | ||
+ | <div class="grid-pad"> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/3/3d/BaileyNormal.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Bailey Roca:</p></div> | ||
+ | </div> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/b/b8/MaryKNormal.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Mary Kate:</p></div> | ||
</div> | </div> | ||
- | + | <div class="col-1-5"> | |
- | + | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/0/0c/Image3.jpeg" class="scale-image" height="180" width="180"/></div> | |
- | + | <div class="show" id="pad"><p style="text-decoration:underline;">Heather Cheung:</p></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/2/26/Image4.jpeg" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Kieran Hodnett:</p></div> | ||
+ | </div> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/thumb/e/e0/IMG_1453_%281%29.JPG/494px-IMG_1453_%281%29.JPG" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Claire Lamadrid:</p></div> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | ||
- | + | <!--Row 4--> | |
+ | <div class="grid-pad"> | ||
+ | <div class="col-1-5"> | ||
+ | <div class="image-wrapper"><img src="https://static.igem.org/mediawiki/2014/1/11/Image2.jpeg" class="scale-image" height="180" width="180"/></div> | ||
+ | <div class="show" id="pad"><p style="text-decoration:underline;">Nana Boateng:</p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 00:48, 18 October 2014
2014 GDS iGEM Team Members
>Members
GDS 2014 iGEM Team:
Team Members
Shetal Petal:
Robert Geraghty:
Wyatt Grigg:
Will Hayes:
Matthew Kovacs:
India Mackinson:
Will Reiber:
Sean Rice:
Jewel Wasson:
William Henry:
Bailey Roca:
Mary Kate:
Heather Cheung:
Kieran Hodnett:
Claire Lamadrid:
Nana Boateng: