Difference between revisions of "Team:NYMU-Taipei"

 
(54 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{NYMU-Taipei}}
+
{{Template:NYMU-Taipei/newtemplate1}}
 +
 
 
<html>
 
<html>
  
−
<link rel="stylesheet" href="/Team:NYMU-Taipei/css-test?action=raw&ctype=text/css">
 
  
−
<!-- menuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu -->
+
<div class="cover">
−
 
+
<video loop="true" src="https://static.igem.org/mediawiki/2018/9/9b/T--NYMU-Taipei--cover_video.mov" id="covervideo" autoplay="true" muted></video>
−
 
+
<img src="https://static.igem.org/mediawiki/2018/0/00/T--NYMU-Taipei--homepage-teamname.png" id="coversentence1">
−
<div class="nymu_menu">
+
<img src="https://static.igem.org/mediawiki/2018/6/66/T--NYMU-Taipei--homepage-topic.png" id="coversentence2">
−
 
+
−
<!--add title on menu-->
+
−
<div id="title">HAIR TO STAY</div>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei">
+
−
<div class="dropdown menu_item">
+
−
HOME
+
−
</div>
+
−
</a>
+
−
 
+
−
<!-- Team -->
+
−
<div class="dropdown">
+
−
<div class="menu_item">
+
−
TEAM
+
−
</div>  
+
−
<div class="dropdown-content">
+
−
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Team">
+
−
<div class="submenu_item">
+
−
Team Members
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Collaborations">
+
−
<div class="submenu_item">
+
−
Collaborations
+
−
</div>
+
−
</a>
+
−
</div>
+
 
</div>
 
</div>
  
 +
<h1 style="position:absolute; right:50px; top:800px; width:300px; color:#638695; font-size:80px;line-height:100px;">WATCH OUR VIDEO</h1>
 +
<video src="https://static.igem.org/mediawiki/2018/c/ce/T--NYMU-Taipei--home-video.mp4" style="width:1000px; position:absolute; top:800px; margin:auto;" controls></video>
  
−
<div class="dropdown">
+
<div>
−
<!-- Project -->
+
<img src="https://static.igem.org/mediawiki/2018/c/c7/T--NYMU-Taipei--home-poster.png" style="width:1440px; position:absolute; top:1420px;">
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
PROJECT
+
−
</div>
+
−
<div class="dropdown-content">
+
−
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Description">
+
−
<div class="submenu_item">
+
−
Description
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Design">
+
−
<div class="submenu_item">
+
−
Design
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Experiments">
+
−
<div class="submenu_item">
+
−
Experiments
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Notebook">
+
−
<div class="submenu_item">
+
−
Notebook
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/InterLab">
+
−
<div class="submenu_item">
+
−
InterLab
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Model">
+
−
<div class="submenu_item">
+
−
Model
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Results">
+
−
<div class="submenu_item">
+
−
Results
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Demonstrate">
+
−
<div class="submenu_item">
+
−
Demonstrate
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Improve">
+
−
<div class="submenu_item">
+
−
Improve
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Attributions">
+
−
<div class="submenu_item">
+
−
Attributions
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
 
</div>
 
</div>
  
−
<div class="dropdown">
+
<style>
−
<div class="menu_item">
+
.cover{
−
<div class="submenu_control_icon"> </div>
+
background-color:#F1F1F1;
−
PARTS
+
}
−
</div>
+
#covervideo{
−
<div class="dropdown-content">
+
top:150px;
−
+
width: 950px;
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Parts">
+
left:0px;
−
<div class="submenu_item">
+
position: absolute;
−
Parts Overview
+
opacity: 0.7;
−
</div>
+
}
−
</a>
+
  
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Basic_Part">
+
#coversentence1{
−
<div class="submenu_item">
+
position: absolute;
−
Basic Parts
+
left:720px;
−
</div>
+
top:400px;
−
</a>
+
width:500px;
 +
animation-name:fade-in2;
 +
animation-duration: 4s;
 +
font-family: 'Monoton', cursive;
 +
display:inline;
  
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Composite_Part">
+
}
−
<div class="submenu_item">
+
−
Composite Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Part_Collection">
+
−
<div class="submenu_item">
+
−
Part Collection
+
−
</div>
+
−
</a>
+
−
</div>
+
−
 
+
−
</div>
+
−
+
−
+
−
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Safety">
+
−
<div class="dropdown menu_item direct_link">
+
−
SAFETY
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="dropdown">
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
HUMAN PRACTICES
+
−
</div>
+
−
 
+
−
<div class="dropdown-content">
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Human_Practices">
+
−
<div class="submenu_item">
+
−
Human Practices
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Public_Engagement">
+
−
<div class="submenu_item">
+
−
Education &amp; Engagement
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="dropdown">
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
AWARDS
+
−
</div>
+
−
 
+
−
<div class="dropdown-content">
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Applied_Design">
+
−
<div class="submenu_item">
+
−
Applied Design
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Entrepreneurship">
+
−
<div class="submenu_item">
+
−
Entrepreneurship
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Hardware">
+
−
<div class="submenu_item">
+
−
Hardware
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Measurement">
+
−
<div class="submenu_item">
+
−
Measurement
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Model">
+
−
<div class="submenu_item">
+
−
Model
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Plant">
+
−
<div class="submenu_item">
+
−
Plant
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:NYMU-Taipei/Software">
+
−
<div class="submenu_item">
+
−
Software
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<a href="https://igem.org/2018_Judging_Form?team=NYMU-Taipei">
+
−
<div class="dropdown menu_item direct_link">
+
−
JUDGING FORM ⇗
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
  
−
<!-- menuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu -->
+
#coversentence2{
 +
position: absolute;
 +
left:700px;
 +
top:290px;
 +
width:700px;
 +
animation-name:fade-in1;
 +
animation-duration: 4s;
 +
font-family: 'Monoton', cursive;
 +
display:inline;
 +
}
  
−
<!--make space for menu-->
+
@keyframes fade-in1{
−
<br>
+
from{
−
<br>
+
opacity: 0;
 +
}
 +
to{
 +
opacity:1;
 +
}
 +
}
  
−
<!--temporary cover image-->
+
@keyframes fade-in2{
−
<!--<img src="https://static.igem.org/mediawiki/2018/archive/0/0f/20180529061446%21T--NYMU-Taipei--temporary_cover.jpg" class="cover">-->
+
0%{
 +
opacity: 0;
 +
}
 +
30%{
 +
opacity:0;
 +
}
 +
100%{
 +
opacity: 1;
 +
}
 +
}
 +
</style>
  
 
</html>
 
</html>

Latest revision as of 18:20, 14 October 2018

HAIR TO STAY
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments & Results
Notebook
InterLab
Model
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Model
JUDGING FORM ⇗

WATCH OUR VIDEO