Difference between revisions of "Template:Fudan-TSI"

(Undo revision 178874 by Ehtele (talk))
Line 1: Line 1:
 
<html>
 
<html>
−
 
+
<script>
−
<!--- edited by zzx 20191001 --->
+
−
<!--- minor bugs remained to be fixed --->
+
−
 
+
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
<!--- THIS IS WHERE THE HTML BEGINS --->
+
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
 
+
−
<head>
+
−
+
−
<script>
+
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
Line 275: Line 265:
 
.igem_2019_team_content .igem_2019_team_column_wrapper h1, .igem_2019_team_content .igem_2019_team_column_wrapper h2 {
 
.igem_2019_team_content .igem_2019_team_column_wrapper h1, .igem_2019_team_content .igem_2019_team_column_wrapper h2 {
 
border-bottom:0px;  
 
border-bottom:0px;  
−
 
 
color: #635d5d;
 
color: #635d5d;
 
font-family: "Arial Black", Gadget, sans-serif;
 
font-family: "Arial Black", Gadget, sans-serif;
Line 540: Line 529:
  
 
</style>
 
</style>
 +
 +
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<head>
  
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
  
−
 
−
<script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/jQuery&action=raw&ctype=text/javascript"></script>
 
−
 
 
</head>
 
</head>
  
Line 554: Line 547:
 
<!--- Menu --->
 
<!--- Menu --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
<body>
 
  
−
<div id="fudanContent">
+
 
−
<div class="mobileBar">
+
 
−
+
 
−
<div class="logoMobile">
+
<div class="igem_2019_team_mobile_bar">
−
<img id="logoMobile" src="https://static.igem.org/mediawiki/2019/3/3c/T--Fudan-TSI--Logo0.gif">
+
−
<div id="teamName">Fudan-TSI</div>
+
−
</div>
+
−
+
−
<div class="menuControlMobile">
+
−
<img id="menu_control_image" src="https://static.igem.org/mediawiki/2019/e/ee/2019_team_menu_icon.svg">
+
−
</div>
+
 
 
 +
<div class="igem_logo_mobile">
 +
<img src="https://static.igem.org/mediawiki/2019/3/3c/Igem_mobile_menu_logo.svg">
 
</div>
 
</div>
−
+
 
−
<div class="nav">
+
 
−
<div class="logo">
+
<div class="igem_menu_control_mobile">
−
<a class="mA" href="https://2019.igem.org/Team:Fudan-TSI">
+
<img id="menu_control_image" src="https://static.igem.org/mediawiki/2019/e/ee/2019_team_menu_icon.svg">
−
<img id="logo" src="https://static.igem.org/mediawiki/2019/3/3c/T--Fudan-TSI--Logo0.gif">
+
</div>
−
</a>
+
 
−
</div>
+
</div>
 +
 
 +
 
 +
 
 +
 
 +
<div class="igem_2019_team_menu">
 +
 
 +
 
 +
<a href="https://2019.igem.org/Team:Fudan-TSI">
 +
<img src="https://placehold.it/350x150/ececec/cecece">
 +
</a>
 +
 
 +
 
 +
 
 +
<a href="https://2019.igem.org/Team:Fudan-TSI">
 +
<div class="menu_item direct_link">
 +
HOME
 +
</div>
 +
</a>
 +
 
 +
<!-- Team -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
TEAM
 +
</div>
 +
<div class="submenu">
 
 
 +
<a href="https://2019.igem.org/Team:Fudan-TSI/Team">
 +
<div class="submenu_item">
 +
Team Members
 +
</div>
 +
</a>
  
−
<div class="navItems">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Collaborations">
−
<div class="Menu">
+
<div class="submenu_item">
−
<a class="mA" href="https://2019.igem.org/Team:Fudan-TSI">
+
Collaborations
−
<div class="menuItem">Home</div>
+
</div>
 
</a>
 
</a>
 
</div>
 
</div>
 +
 +
 +
<!-- Project -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
PROJECT
 +
</div>
 +
<div class="submenu">
 
 
−
<div class="Menu">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Description">
−
<a class="mA" href="https://2019.igem.org/Team:Fudan-TSI/Description">
+
<div class="submenu_item">
−
<div class="menuItem">Project</div>
+
Description
 +
</div>
 
</a>
 
</a>
−
<div class="submenu">
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Description">
 
−
<div class="submenuItem">Description</div>
 
−
</a>
 
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Design">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Design">
−
<div class="submenuItem">Design</div>
+
<div class="submenu_item">
−
</a>
+
Design
 +
</div>
 +
</a>
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Design">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Experiments">
−
<div class="submenuItem">Applied Design</div>
+
<div class="submenu_item">
−
</a>
+
Experiments
 +
</div>
 +
</a>
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Experiment">
 
−
<div class="submenuItem">Experiment</div>
 
−
</a>
 
−
</div>
 
−
</div>
 
  
 +
<a href="https://2019.igem.org/Team:Fudan-TSI/Notebook">
 +
<div class="submenu_item">
 +
Notebook
 +
</div>
 +
</a>
 +
 +
<a href="https://2019.igem.org/Team:Fudan-TSI/Contribution">
 +
<div class="submenu_item">
 +
Contribution
 +
</div>
 +
</a>
  
−
<div class="Menu">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Results">
−
<a class="mA" href="https://2019.igem.org/Team:Fudan-TSI/Results">
+
<div class="submenu_item">
−
<div class="menuItem">Results</div>
+
Results
 +
</div>
 
</a>
 
</a>
−
<div class="submenu">
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Results/Reverse_Transcription">
 
−
<div class="submenuItem">Reverse Transcription</div>
 
−
</a>
 
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Results/Recombination">
 
−
<div class="submenuItem">Recombination</div>
 
−
</a>
 
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Demonstrate">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Demonstrate">
−
<div class="submenuItem">Demonstration</div>
+
<div class="submenu_item">
−
</a>
+
Demonstrate
 +
</div>
 +
</a>
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Measurement">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Improve">
−
<div class="submenuItem">Measurement</div>
+
<div class="submenu_item">
−
</a>
+
Improve
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2019.igem.org/Team:Fudan-TSI/Attributions">
 +
<div class="submenu_item">
 +
Attributions
 +
</div>
 +
</a>
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Notebook">
 
−
<div class="submenuItem">Notebook</div>
 
−
</a>
 
−
</div>
 
 
</div>
 
</div>
  
  
−
<div class="Menu">
+
<div class="menu_item">
−
<a class="mA" href="https://2019.igem.org/Team:Fudan-TSI/Model_Software">
+
<div class="submenu_control_icon"> </div>
−
<div class="menuItem">Model</div>
+
PARTS
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2019.igem.org/Team:Fudan-TSI/Parts">
 +
<div class="submenu_item">
 +
Parts Overview
 +
</div>
 
</a>
 
</a>
−
<div class="submenu">
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Model">
 
−
<div class="submenuItem">Modeling</div>
 
−
</a>
 
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Software">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Basic_Part">
−
<div class="submenuItem">Software</div>
+
<div class="submenu_item">
−
</a>
+
Basic Parts
−
</div>
+
</div>
−
</div>
+
</a>
  
 +
<a href="https://2019.igem.org/Team:Fudan-TSI/Composite_Part">
 +
<div class="submenu_item">
 +
Composite Parts
 +
</div>
 +
</a>
  
−
<div class="Menu">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Part_Collection">
−
<a class="mA" href="https://2019.igem.org/Team:Fudan-TSI/Parts">
+
<div class="submenu_item">
−
<div class="menuItem">Parts</div>
+
Part Collection
 +
</div>
 
</a>
 
</a>
−
<div class="submenu">
+
</div>  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Basic_Part">
+
 
−
<div class="submenuItem">Basic Parts</div>
+
−
</a>
+
 +
 +
 +
 
 +
<a href="https://2019.igem.org/Team:Fudan-TSI/Safety">
 +
<div class="menu_item direct_link">
 +
SAFETY
 +
</div>  
 +
</a>
 +
 
 +
 
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Composite_Part">
 
−
<div class="submenuItem">Composite Parts</div>
 
−
</a>
 
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Improve">
 
−
<div class="submenuItem">Improved Parts</div>
 
−
</a>
 
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Part_Collection">
 
−
<div class="submenuItem">Part Collection</div>
 
−
</a>
 
−
</div>
 
−
</div>
 
  
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
HUMAN PRACTICES
 +
</div>
  
 +
<div class="submenu">
  
−
<div class="Menu">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Human_Practices">
−
<a class="mA" href="https://2019.igem.org/Team:Fudan-TSI/Human_Practices">
+
<div class="submenu_item">
−
<div class="menuItem">Human Practices</div>
+
Human Practices
 +
</div>
 
</a>
 
</a>
−
<div class="submenu">
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Public_Engagement">
 
−
<div class="submenuItem">Education &amp; <br />Public Engagement</div>
 
−
</a>
 
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Integrated_Human_Practice">
 
−
<div class="submenuItem">Integrated <br />Human Practice</div>
 
−
</a>
 
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Collaborations">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Public_Engagement">
−
<div class="submenuItem">Collaboration</div>
+
<div class="submenu_item">
−
</a>
+
Education & Engagement
 +
</div>
 +
</a>
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Safety">
 
−
<div class="submenuItem">Safety</div>
 
−
</a>
 
−
</div>
 
 
</div>
 
</div>
−
 
  
−
<div class="Menu">
+
 
−
<a class="mA" href="https://2019.igem.org/Team:Fudan-TSI/Team">
+
 
−
<div class="menuItem">Team</div>
+
 
 +
 
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
AWARDS
 +
</div>
 +
 
 +
<div class="submenu">
 +
 
 +
<a href="https://2019.igem.org/Team:Fudan-TSI/Entrepreneurship">
 +
<div class="submenu_item">
 +
Entrepreneurship
 +
</div>
 
</a>
 
</a>
−
<div class="submenu">
 
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Team">
 
−
<div class="submenuItem">Team Members</div>
 
−
</a>
 
  
−
<a href="https://2019.igem.org/Team:Fudan-TSI/Team/Attribution">
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Hardware">
−
<div class="submenuItem">Attribution</div>
+
<div class="submenu_item">
−
</a>
+
Hardware
−
</div>
+
</div>
−
</div>
+
</a>
−
</div>
+
 
−
+
<a href="https://2019.igem.org/Team:Fudan-TSI/Measurement">
−
</div>
+
<div class="submenu_item">
 +
Measurement
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2019.igem.org/Team:Fudan-TSI/Model">
 +
<div class="submenu_item">
 +
Model
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2019.igem.org/Team:Fudan-TSI/Plant">
 +
<div class="submenu_item">
 +
Plant
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2019.igem.org/Team:Fudan-TSI/Software">
 +
<div class="submenu_item">
 +
Software
 +
</div>
 +
</a>
 +
 
 +
</div>  
 +
 
 +
 
 +
 
 +
<a href="https://igem.org/2019_Judging_Form?team=Fudan-TSI">
 +
<div class="menu_item direct_link">
 +
JUDGING FORM ⇗
 +
</div>  
 +
</a>
 +
 
  
−
 
−
<div style="width:100%; height:200vw;"></div>
 
−
</div>
 
−
 
−
<style>
 
 
 
 +
<div class="menu_padding"></div>
 
 
−
 
−
body{
 
−
margin:0;
 
−
padding:0;
 
−
overflow-x:hidden;
 
−
}
 
−
#fudanContent{
 
−
width:100%;
 
−
margin:auto 0;
 
−
background-color:#08273a;
 
−
padding:0;
 
−
position:absolute;
 
−
}
 
−
a{
 
−
text-decoration:none;
 
−
}
 
  
−
.mobileBar{
 
−
height:60px;
 
−
width:100%;
 
−
background-color:#08273a;
 
−
display:none;
 
−
}
 
−
#menu_control_image{
 
−
display:none;
 
−
float:right;
 
−
margin-right:5%;
 
−
margin-top:0;
 
−
transform:translateY(-95%);
 
−
}
 
−
#logoMobile{
 
−
display:none;
 
−
margin-left:30%;
 
−
}
 
−
#teamName{
 
−
display:none;
 
−
font-size:40px;
 
−
margin-left:2%;
 
−
margin-top:10px;
 
−
color:white;
 
−
}
 
−
 
  
−
/*links & images*/
 
−
.mobileBar a{
 
−
color:white;
 
−
text-decoration:none;
 
−
}
 
−
.mobileBar img{
 
−
float:left;
 
−
height:60px;
 
−
}
 
−
 
−
/*menu items*/
 
  
−
.nav{
 
−
height:60px;
 
−
width:100vw;
 
−
margin:0 auto;
 
−
background-color:#08273a;
 
−
position:fixed;
 
−
z-index:999;
 
−
overflow:visible;
 
−
}
 
−
 
−
.navItems{
 
−
float:right;
 
−
margin-right:50px;
 
−
}
 
  
−
.logo{
+
</div>
−
display:inline-block;
+
−
margin-left:30px;
+
−
top:0;
+
−
position:relative;
+
−
width:auto;
+
−
}
+
−
#logo{
+
−
height:40px;
+
−
margin-top:13px;
+
−
}
+
−
.Menu{
+
−
display:inline-block;
+
−
height:60px;
+
−
text-align:center;
+
−
position:relative;
+
−
width:auto;
+
−
}
+
−
.mA{
+
−
height:60px;
+
−
width:auto;
+
−
display:block;
+
−
position:relative;
+
−
float:left;
+
−
color:white;
+
−
text-align:center;
+
−
text-decoration:none;
+
−
font-size:25px;
+
−
}
+
−
.menuItem{
+
−
margin-top:20px;
+
−
margin-left:20px;
+
−
margin-right:20px;
+
−
text-align:center;
+
−
}
+
−
.menuItem:hover{
+
−
color:aqua;
+
−
}
+
−
.submenu{
+
−
font-size:20px;
+
−
color:white;
+
−
position:absolute;
+
−
margin-top:60px;
+
−
text-align:center;
+
−
display:none;
+
−
background-color:#08273a;
+
−
border-bottom-left-radius:10px;
+
−
border-bottom-right-radius:10px;
+
−
}
+
−
.submenuItem{
+
−
width:auto;
+
−
overflow:hidden;
+
−
color:white;
+
−
padding:10px 20px;
+
−
}
+
−
.submenuItem:hover{
+
−
color:black;
+
−
background-color:white;
+
−
opacity:0.5;
+
−
}
+
−
</style>
+
−
+
−
+
−
<style>
+
−
@media only screen and (max-width:1100px){
+
−
.nav{
+
−
display:none;
+
−
float:right;
+
−
max-width:100%;
+
−
width:30%;
+
−
position:relative;
+
−
height:auto;
+
−
}
+
−
.mobileBar{
+
−
display:block;
+
−
overflow:hidden;
+
−
}
+
−
#logoMobile{
+
−
display:block;
+
−
height:80px;
+
−
}
+
−
#teamName{
+
−
display:inline-block;
+
−
}
+
−
#menu_control_image{
+
−
display:inline-block;
+
−
}
+
−
.logo{
+
−
display:none;
+
−
}
+
−
.Menu{
+
−
display:block;
+
−
width:100%;
+
−
position:relative;
+
−
float:right;
+
−
}
+
−
.menuItem{
+
−
width:100%;
+
−
text-align:right;
+
−
display:block;
+
−
position:relative;
+
−
float:right;
+
−
}
+
−
.submenu{
+
−
display:none;
+
−
position:relative;
+
−
text-align:right;
+
−
transform:translateX(-100%);
+
−
top:-60px;
+
−
border-radius:0;
+
−
width:60%;
+
−
}
+
−
.open{
+
−
display:block;
+
−
}
+
−
}
+
−
@media only screen and (max-width:850px){
+
−
.mobileBar{
+
−
height:100px;
+
−
display:block;
+
−
+
−
}
+
−
.Menu{
+
−
width:40%;
+
−
font-size:80px;
+
−
}
+
−
.submenu{
+
−
top:-8%;
+
−
font-size:70px;
+
−
}
+
−
}
+
−
+
−
</style>
+
−
+
  
−
<script>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
+
<!--- Content of the page  --->
−
$(document).ready(function(){
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
//remove the HQ_page id
+
 
−
$("#HQ_page").attr('id','');
+
 
−
+
<div class="igem_2019_team_content">
−
+
<div class="igem_2019_team_column_wrapper">
−
var winWidth=$(window).width();
+
<div class="clear extra_space"></div>
−
if (winWidth>1100){
+
<div class="clear extra_space"></div>
−
$(".mA").mouseenter(function(){
+
−
$(this).parent().find(".submenu").show();
+
−
});
+
−
$(".Menu").mouseleave(function(){
+
−
$(this).find(".submenu").hide();
+
−
});
+
−
}
+
−
else{
+
−
$(".mA").removeAttr("href");
+
−
$(".mobileBar").click(function(){
+
−
$(".nav").toggle();
+
−
})
+
−
$(".Menu").click(function(){
+
−
if ($(this).find(".submenu").hasClass("open")){
+
−
$(this).find(".submenu").removeClass("open");
+
−
}
+
−
else{
+
−
$(".open").removeClass("open");
+
−
$(this).find(".submenu").addClass("open");
+
−
}
+
−
})
+
−
$(document).click(function(event){
+
−
var m = $(".nav, .mobileBar");
+
−
if (!m.is(event.target) && m.has(event.target).length===0){
+
−
$(".nav").hide();
+
−
$(".open").removeClass("open");
+
−
}
+
−
})
+
−
}
+
−
+
−
})
+
−
+
−
+
−
</script>
+

Revision as of 15:16, 1 October 2019

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
Contribution
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗