Team:Newcastle/Team
From 2013.igem.org
(Difference between revisions)
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 *** --> | <!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** --> | ||
{{Team:Newcastle}} | {{Team:Newcastle}} | ||
- | < | + | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
- | + | "http://www.w3.org/TR/html4/loose.dtd"> | |
- | + | <html lang="en"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <head> |
+ | <meta http-equiv="content-type" content="text/html; charset=utf-8"> | ||
+ | <title>Title Goes Here</title> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type= "text/javascript"> </script> | ||
+ | <script> | ||
+ | $(function(){ | ||
+ | $('#teamwrapper .nameplate').click(function(){ | ||
+ | var description = $(this).parent().find('.details').html(); | ||
+ | alert(description); | ||
+ | var titleText = $(this).text();//text(); | ||
+ | alert(titleText); | ||
+ | $('#detail-content').html('<h2>' + titleText + '</h2>' + description); | ||
+ | $('#calendar #calendar-display').fadeIn(); | ||
+ | return false; | ||
+ | }); | ||
+ | |||
+ | $('#calendar #display-close').click(function(){ | ||
+ | $('#calendar #calendar-display').fadeOut(); | ||
+ | }); | ||
+ | |||
+ | $('#calendar #detail-display-underlay').click(function(){ | ||
+ | $('#calendar #calendar-display').fadeOut(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | body { | ||
+ | background-color: #d8da3d | ||
+ | } | ||
+ | |||
+ | #header { | ||
+ | background-color: #e2e2e2; | ||
+ | height : 200px; | ||
+ | margin-bottom:-22px; | ||
+ | } | ||
+ | |||
+ | #wrapper { | ||
+ | width : 960px; | ||
+ | background-color: #FFFFFF; | ||
+ | margin-left : auto; | ||
+ | margin-right : auto; | ||
+ | } | ||
+ | |||
+ | #navbar { | ||
+ | height: 50px; | ||
+ | background-color: #FFe2E2; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
+ | #header h1{ | ||
+ | padding-top : 50px; | ||
+ | } | ||
+ | .profilewrap { | ||
+ | width: 136px; | ||
+ | height:226px; | ||
+ | background-color: #FF0000; | ||
+ | border: 1px solid grey; | ||
+ | margin: 60px 0px 5px 15px; | ||
+ | border-radius: 20px ; | ||
+ | } | ||
+ | |||
+ | .clear { | ||
+ | clear: both; | ||
+ | } | ||
+ | #content h2{ | ||
+ | color:black; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .row2 { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .row2 div { | ||
+ | display: inline-block; | ||
+ | border: 1px solid grey; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .row1 { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .row1 div { | ||
+ | margin-top : 0px; | ||
+ | display: inline-block; | ||
+ | border: 1px solid grey; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .nameplate { | ||
+ | width : 136px; | ||
+ | height: 50px; | ||
+ | border: 1px solid grey; | ||
+ | text-align: center; | ||
+ | color:black; | ||
+ | position:relative; | ||
+ | bottom: -210px; | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | .nameplate:hover { | ||
+ | opacity: 0.7; | ||
+ | color:yellow; | ||
+ | } | ||
+ | #teamwrapper .details { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #teamwrapper .profilewrap:hover { | ||
+ | background-color:yellow; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id ="content"> | ||
+ | <div id = "teamwrapper"> | ||
+ | <h2> Students </h2> | ||
+ | |||
+ | <div class ="row1"> | ||
+ | <div class ="profilewrap">Student#1 | ||
+ | <div class ="nameplate">Name</div> | ||
+ | <div class = "details">Details go here</div> | ||
+ | </div> | ||
+ | |||
+ | <div class ="profilewrap">Student#2 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | |||
+ | <div class ="profilewrap">Student#3 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | |||
+ | <div class ="profilewrap">Student#4 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | |||
+ | <div class ="profilewrap">Student#5 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | |||
+ | <div class ="profilewrap">Student#6 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | </div> | ||
+ | |||
+ | <div class ="row2"> | ||
+ | <div class ="profilewrap">Student#7 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | |||
+ | <div class ="profilewrap">Student#8 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | |||
+ | <div class ="profilewrap">Student#9 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | |||
+ | <div class ="profilewrap">Student#10 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | |||
+ | <div class ="profilewrap">Student#11 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | </div> | ||
+ | <br></br> | ||
- | + | <h2> Advisors and Instructors </h2> | |
- | + | ||
- | + | <div class ="row1"> | |
- | + | <div class ="profilewrap">Instructor#1 | |
- | + | <div class ="nameplate">Name</div></div> | |
- | + | ||
- | + | <div class ="profilewrap">Instructor#2 | |
- | + | <div class ="nameplate">Name</div></div> | |
- | + | ||
- | + | <div class ="profilewrap">Instructor#3 | |
+ | <div class ="nameplate">Name</div></div> | ||
+ | |||
+ | <div class ="profilewrap">Instructor#4 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | </div> | ||
+ | |||
+ | <div class ="row2"> | ||
+ | <div class ="profilewrap">Advisor#1 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | <div class ="profilewrap">Advisor#2 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | <div class ="profilewrap">Advisor#3 | ||
+ | <div class ="nameplate">Name</div></div> | ||
+ | </div> | ||
+ | <br></br> | ||
+ | <br></br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |
Revision as of 19:13, 16 June 2013
X
Students
Student#1
Name
Details go here
Student#2
Name
Student#3
Name
Student#4
Name
Student#5
Name
Student#6
Name
Student#7
Name
Student#8
Name
Student#9
Name
Student#10
Name
Student#11
Name
Advisors and Instructors
Instructor#1
Name
Instructor#2
Name
Instructor#3
Name
Instructor#4
Name
Advisor#1
Name
Advisor#2
Name
Advisor#3
Name