Difference between revisions of "Team:Amoy"

 
(68 intermediate revisions by 2 users not shown)
Line 17: Line 17:
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/HomeMenuCss?action=raw&amp;ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/HomeMenuCss?action=raw&amp;ctype=text/css" />
  
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Amoy/Javascript/HomeMenuJs?action=raw&amp;ctype=text/javascript"></script>
 +
</head>
  
 
<body>
 
<body>
Line 67: Line 69:
 
<div class="ws_images">
 
<div class="ws_images">
 
<ul>
 
<ul>
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/f/fa/Amoy-Home_Scroll_bg1.jpg" alt="123" title="" /></a></li>
+
<li><a href="#menu" id="ClickSkip"><img src="https://static.igem.org/mediawiki/2015/f/fa/Amoy-Home_Scroll_bg1.jpg" alt="123" title="" /></a></li>
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/e/eb/Amoy-Home_pic1.JPG" alt="456" title="" /></a></li>
+
<li><a><img src="https://static.igem.org/mediawiki/2015/e/eb/Amoy-Home_pic1.JPG" alt="456" title="" /></a></li>
−
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/2/22/Amoy-Home_pic3.jpg" alt="789" title="" /></a></li>
+
<li><a><img src="https://static.igem.org/mediawiki/2015/2/22/Amoy-Home_pic3.jpg" alt="789" title="" /></a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
 +
 +
<script>
 +
$(function(){
 +
$("#ClickSkip").click(function(){
 +
$("html,body").animate({scrollTop:$('#menu').offset().top},400);
 +
});
 +
});
 +
</script>
  
 
<!--little pic-->
 
<!--little pic-->
 
<div class="ws_bullets">
 
<div class="ws_bullets">
 
<div>
 
<div>
−
<a href="#"><img src="https://static.igem.org/mediawiki/2015/a/a8/Amoy-Home_pic0_s.jpg" alt="CSS3 Slider" /></a>
+
<a><img src="https://static.igem.org/mediawiki/2015/a/a8/Amoy-Home_pic0_s.jpg" alt="CSS3 Slider" /></a>
−
<a href="#"><img src="https://static.igem.org/mediawiki/2015/0/0c/Amoy-Home_pic1_s.jpg" alt="CSS Slideshow" /></a>
+
<a><img src="https://static.igem.org/mediawiki/2015/0/0c/Amoy-Home_pic1_s.jpg" alt="CSS Slideshow" /></a>
−
<a href="#"><img src="https://static.igem.org/mediawiki/2015/3/3e/Amoy-Home_pic3_s.jpg" alt="CSS Gallery" /></a>
+
<a><img src="https://static.igem.org/mediawiki/2015/3/3e/Amoy-Home_pic3_s.jpg" alt="CSS Gallery" /></a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 100: Line 110:
 
<!--bg_circuits-->
 
<!--bg_circuits-->
 
<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
 
<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg1.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
−
<div id="video_button" style="background-image: url(https://static.igem.org/mediawiki/2015/1/16/Amoy-Home_Content_button0.png); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;"></div>
+
<div id="video_button" style="background-image: url(https://static.igem.org/mediawiki/2015/1/16/Amoy-Home_Content_button0.png); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed; cursor: url(https://static.igem.org/mediawiki/2015/0/01/Amoy-Cursor_figure.png), move;">
 
</div>
 
</div>
  
 +
<div id="video_out" style="background-color: #fff; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index: 9991;">
 +
<video id="video_mp4" src="https://static.igem.org/mediawiki/2015/e/ec/AMOY_album_video_2.0.mp4" controls style="width: 80%; height: 100%; margin-right: 10%; float: right;"></video>
 +
<button id="video_back" style="display: none; position: fixed; width: 70px; height: 50px; border-radius: 10px; background-color: #147abc; color: #fff; border: 0px; margin-top: 30px; margin-left: 1%;">Back</button>
 +
</div>
  
 +
</div>
  
−
<!--title_experiment-->
+
<script type="text/javascript">
−
<div style="background: #fff; width: 100%; height: 524px; ">
+
document.getElementById("video_button").onclick=function(){
−
<div style="position: relative; width: 100%; height: 524px; margin: 0 auto;">
+
  document.getElementById("video_out").style.display="inline-block";
−
<!--words-->
+
  document.getElementById("video_back").style.display="inline-block";
−
<div style="position: absolute; top: 100px; right: 3%; width: 41.66667%;">
+
}
−
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Title_word2.png" />
+
</script>
−
<p style="width: 100%; text-align: right; margin-top: 15px;">Hey! Look, we are doing experiment.Hey! Look, we are doing experiment.Hey! Look, we are doing experiment.</p>
+
 
−
<p style="width: 100%; text-align: right; margin-top: 20px;">
+
<script type="text/javascript">
−
<a style="color: #12b7f5;">Learn more ></a>
+
document.getElementById("video_back").onclick=function(){
−
</p>
+
  document.getElementById("video_out").style.display="none";
−
</div>
+
  document.getElementById("video_back").style.display="none";
−
<!--pic-->
+
}
−
<div>
+
</script>
−
<img style="position: absolute; left: 3%; bottom: 0; width: 50%;" src="https://static.igem.org/mediawiki/2015/1/10/Amoy-Home_Title_pic2.png" />
+
 
−
</div>
+
<!--title_result-->
−
</div>
+
<div style="background: #fff; width: 100%; overflow: hidden">
 +
<a href="https://2015.igem.org/Team:Amoy/Project/Results"><img style="display: inline-block; float: left; margin-left: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/a/a0/Amoy-Home_Title_word3.png" /></a>
 +
<img style="display: inline-block; float: right; margin-right: 4%; width: 44%;" src="https://static.igem.org/mediawiki/2015/7/78/Amoy-Home_Title_pic31.png" />
 
</div>
 
</div>
  
 
<!--bg_experiment-->
 
<!--bg_experiment-->
−
<div style="background-image: url(https://static.igem.org/mediawiki/2015/a/a4/Amoy-Home_Content_bg2.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;">
+
<div style="background-image: url(https://static.igem.org/mediawiki/2015/d/d2/Amoy-Home_Content_bg23.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 800px; background-attachment: fixed;">
 
</div>
 
</div>
 +
<!--https://static.igem.org/mediawiki/2015/a/a4/Amoy-Home_Content_bg2.jpg-->
  
−
<!--title_result-->
+
<!--title_experiment-->
−
<div style="background: #fff; width: 100%; height: 524px; overflow: hidden">
+
 
−
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
+
<div style="background: #fff; width: 100%; height: 524px; ">
−
<!--word-->
+
<div style="position: relative; width: 100%; height: 524px; margin: 0 auto;">
−
<div style="position: absolute; top: 100px; width: 41.66667%; left: 3%; ">
+
<div style="position: absolute; right: 3%; width: 41.66667%;">
−
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/a/a0/Amoy-Home_Title_word3.png" />
+
<a href="https://2015.igem.org/Team:Amoy/Notebook"><img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Title_word2.png" /></a>
−
<p style="width: 100%; text-align: left; margin-top: 15px;">They are our experimental results. They are our experimental results.</p>
+
−
<p style="width: 100%; text-align: left; margin-top: 20px;">
+
−
<a style="color: #12b7f5;">Learn more ></a>
+
−
</p>
+
 
</div>
 
</div>
−
<!--pic-->
 
 
<div>
 
<div>
−
<img style="position: absolute; right: 1%; bottom: -40px; width: 50%;" src="https://static.igem.org/mediawiki/2015/8/8e/Amoy-Home_Title_pic3.png" />
+
<img style="position: absolute; left: 3%; bottom: 0; width: 50%;" src="https://static.igem.org/mediawiki/2015/1/10/Amoy-Home_Title_pic2.png" />
 
</div>
 
</div>
 
</div>
 
</div>
Line 146: Line 159:
  
 
<!--bg_result-->
 
<!--bg_result-->
−
<div style="background-image: url(https://static.igem.org/mediawiki/2015/e/ee/Amoy-Home_Content_bg3.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
+
<div style="background-image: url(https://static.igem.org/mediawiki/2015/4/4d/Amoy-Home_Content_bg33.jpg); min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; top: -700px; height: 750px; background-attachment: fixed;">
 
</div>
 
</div>
  
 
<!--main_menu-->
 
<!--main_menu-->
−
<div id="menu" style="background: #fff; width: 100%; height: 450px; overflow: hidden">
+
<div id="menu" style="background: #fff; width: 100%; overflow: hidden">
−
<div style="position: relative; width: 100%; height: 584px; margin: 0 auto;">
+
<img style="display: inline-block; float: right; margin-right: 1%; width: 40%;" src="https://static.igem.org/mediawiki/2015/b/bb/Amoy-Home_Title_word4.png" />
−
<!--word-->
+
−
<div style="position: absolute; top: 30px; right: 3%; width: 41.66667%;">
+
−
<img style="width: 100%;" src="https://static.igem.org/mediawiki/2015/b/bb/Amoy-Home_Title_word4.png" />
+
−
<p style="width: 100%; text-align: right; margin-top: 15px;">This is the part of our project. This is the part of our project. This is the part of our project.</p>
+
−
<p style="width: 100%; text-align: right; margin-top: 20px;">
+
−
<a style="color: #12b7f5;">Learn more ></a>
+
−
</p>
+
−
</div>
+
 
<!--pic-->
 
<!--pic-->
−
<div>
 
−
<img style="position: absolute; left: 3%; margin-top: -10px; width: 50%;" src="https://static.igem.org/mediawiki/2015/4/4a/Amoy-Home_Title_pic4.png" />
 
−
</div>
 
  
  
 
<!--menu_pic-->
 
<!--menu_pic-->
  
−
<div id="function" style="width: 58.33333%;">
+
<div id="function" style="width: 58%; padding-bottom: 50px; float: left; display: inline-block; background-image: url(https://static.igem.org/mediawiki/2015/4/4a/Amoy-Home_Title_pic4.png); background-size: cover; background-repeat: no-repeat; background-position-y: 20px; min-height: 500px;">
 
             <div class="content-container">
 
             <div class="content-container">
 
                 <div id="portfolio-content" class="center-text">
 
                 <div id="portfolio-content" class="center-text">
 
                     <div class="portfolio-page" id="page-1">
 
                     <div class="portfolio-page" id="page-1">
 +
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Team">
 +
                                <img src="https://static.igem.org/mediawiki/2015/e/e4/Amoy-Home_Menu_func_team.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Team</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
  
 
                         <div class="portfolio-group">
 
                         <div class="portfolio-group">
 
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Project">
 
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Project">
−
                                 <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
+
                                 <img src="https://static.igem.org/mediawiki/2015/e/ea/Amoy-Home_Menu_func_project.jpg" />
 
                                 <div class="detail">
 
                                 <div class="detail">
 
                                     <h1 class="funch">Project</h1>
 
                                     <h1 class="funch">Project</h1>
Line 183: Line 194:
  
 
                         <div class="portfolio-group">
 
                         <div class="portfolio-group">
−
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Interlab">
+
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Notebook">
 
                                 <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
 
                                 <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
 +
                                <div class="detail">
 +
                                    <h1 class="funch">Notebook</h1>
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
 +
                        <div class="portfolio-group">
 +
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Interlab">
 +
                                <img src="https://static.igem.org/mediawiki/2015/2/20/Amoy-Home_Menu_func_interlab.jpg" />
 
                                 <div class="detail">
 
                                 <div class="detail">
 
                                     <h1 class="funch">Interlab</h1>
 
                                     <h1 class="funch">Interlab</h1>
Line 190: Line 210:
 
                             </a>
 
                             </a>
 
                         </div>
 
                         </div>
 +
  
 
                         <div class="portfolio-group">
 
                         <div class="portfolio-group">
 
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Newsletter">
 
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Newsletter">
−
                                 <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
+
                                 <img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Home_Menu_func_newsletter.jpg" />
 
                                 <div class="detail">
 
                                 <div class="detail">
 
                                     <h1 class="funch" style="margin-top: 45px;">News</br>letter</h1>
 
                                     <h1 class="funch" style="margin-top: 45px;">News</br>letter</h1>
Line 199: Line 220:
 
                             </a>
 
                             </a>
 
                         </div>
 
                         </div>
−
                       
+
                                             
−
                        </br>
+
−
 
+
 
                         <div class="portfolio-group">
 
                         <div class="portfolio-group">
−
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Practice">
+
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Practices">
−
                                 <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
+
                                 <img src="https://static.igem.org/mediawiki/2015/d/d6/Amoy-Home_Menu_func_practice.jpg" />
 
                                 <div class="detail">
 
                                 <div class="detail">
 
                                     <h1 class="funch">Practice</h1>
 
                                     <h1 class="funch">Practice</h1>
Line 212: Line 231:
  
 
                         <div class="portfolio-group">
 
                         <div class="portfolio-group">
−
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Member">
+
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Judging">
−
                                 <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
+
                                 <img src="https://static.igem.org/mediawiki/2015/c/c4/Amoy-Home_Menu_func_judging.jpg" />
 
                                 <div class="detail">
 
                                 <div class="detail">
−
                                     <h1 class="funch">Team</h1>
+
                                     <h1 class="funch">Judging</h1>
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
Line 222: Line 241:
 
                         <div class="portfolio-group">
 
                         <div class="portfolio-group">
 
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Safety">
 
                             <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Safety">
−
                                 <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
+
                                 <img src="https://static.igem.org/mediawiki/2015/3/37/Amoy-Home_Menu_func_safety.jpg" />
 
                                 <div class="detail">
 
                                 <div class="detail">
 
                                     <h1 class="funch">Safety</h1>
 
                                     <h1 class="funch">Safety</h1>
−
                                </div>
 
−
                            </a>
 
−
                        </div>
 
−
 
−
                        <div class="portfolio-group">
 
−
                            <a class="portfolio-item" href="https://2015.igem.org/Team:Amoy/Acknowledgement">
 
−
                                <img src="https://static.igem.org/mediawiki/2015/e/e9/Amoy-Home_Menu_func1.jpg" />
 
−
                                <div class="detail">
 
−
                                    <h1 class="funch">Judging</h1>
 
 
                                 </div>
 
                                 </div>
 
                             </a>
 
                             </a>
Line 244: Line 254:
  
 
         </div>
 
         </div>
−
 
−
<!--
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top: 100px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Project"><img src="https://static.igem.org/mediawiki/2015/9/92/Project.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top: 100px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Interlab"><img src="https://static.igem.org/mediawiki/2015/e/ec/Newsletter.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top: 100px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Newsletter"><img src="https://static.igem.org/mediawiki/2015/6/66/Practice.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 690px; top: 100px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Practice"><img src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 150px; top: 300px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Member"><img src="https://static.igem.org/mediawiki/2015/7/70/More.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 330px; top: 300px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Safety"><img src="https://static.igem.org/mediawiki/2015/8/84/Safety.png"/></a>
 
−
</div>
 
−
<div style="position: absolute; width: 150px; height: 150px; left: 510px; top: 300px;">
 
−
<a href="https://2015.igem.org/Team:Amoy/Acknowledgement"><img src="https://static.igem.org/mediawiki/2015/9/94/Judging.png"/></a>
 
−
</div>
 
−
 
−
-->
 
  
 
</div>
 
</div>
Line 277: Line 262:
  
 
<!--footer-->
 
<!--footer-->
−
<div style="width: 100%; height: 240px; background: #2a2a2a; padding-top: 25px;">
+
<div style="width: 100%; background: #2a2a2a; padding-top: 10px; padding-bottom: 25px;">
 
<img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" />
 
<img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" />
 
<div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;">
 
<div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;">
Line 285: Line 270:
 
<p style="font-size: 14px; color: #fff;"><strong>Address:  </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p>
 
<p style="font-size: 14px; color: #fff;"><strong>Address:  </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p>
 
</div>
 
</div>
−
<img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" />
+
<a href="http://www.xmu.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" /></a>
 
<img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" />
 
<img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" />
−
<a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2015/5/5b/Amoy-Footer_facebook.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
+
<a href="https://www.facebook.com/amoyigem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/5/5b/Amoy-Footer_facebook.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
−
<a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
+
<a href="https://www.twitter.com/Amoy_igem" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
 
</div>
 
</div>
  

Latest revision as of 02:33, 19 September 2015

Aomy

Skip

  • 123
  • 456
  • 789
CSS3 Slider CSS Slideshow CSS Gallery

CONTACT US

Email: igemxmu@gmail.com

Website: 2015.igem.org/Team:Amoy

Address: Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005