Difference between revisions of "Team:NYMU-Taipei"

 
(55 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">
+
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

WATCH OUR VIDEO