Allen850413 (Talk | contribs) |
Allen850413 (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | {{ | + | {{CCU_Taiwan/css}} |
+ | |||
<html> | <html> | ||
+ | |||
+ | <head> | ||
+ | |||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/Template:CCU_Taiwan/Javascript/ScrollIndicator? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/Template:CCU_Taiwan/Javascript/Scrolling_Parallax? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <link rel="stylesheet" | ||
+ | href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/Template:CCU_Taiwan/Javascript/skrollr? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
− | $("#Home").hover(function(){ | + | $("#Home").hover(function(e){ |
− | $("#sub_home").stop(true,false,true).slideToggle(300 | + | $("#sub_home").stop(true,false,true).slideToggle(300); |
− | + | }); | |
− | + | ||
$("#Project").hover(function(){ | $("#Project").hover(function(){ | ||
− | $("#sub_project").stop(true,false,true).slideToggle(300 | + | $("#sub_project").stop(true,false,true).slideToggle(300); |
}); | }); | ||
$("#Parts").hover(function(){ | $("#Parts").hover(function(){ | ||
− | $("#sub_parts").stop(true,false,true).slideToggle(300 | + | $("#sub_parts").stop(true,false,true).slideToggle(300); |
}); | }); | ||
− | $("#Modeling").hover(function(){ | + | $("#Modeling").hover(function(){ |
− | $("#sub_modeling").stop(true,false,true).slideToggle(300 | + | $("#sub_modeling").stop(true,false,true).slideToggle(300); |
}); | }); | ||
$("#Drylab").hover(function(){ | $("#Drylab").hover(function(){ | ||
− | $("#sub_drylab").stop(true,false,true).slideToggle(300 | + | $("#sub_drylab").stop(true,false,true).slideToggle(300); |
}); | }); | ||
$("#Human_Practice").hover(function(){ | $("#Human_Practice").hover(function(){ | ||
− | $("#sub_human_practice").stop(true,false,true).slideToggle(300 | + | $("#sub_human_practice").stop(true,false,true).slideToggle(300); |
}); | }); | ||
$("#Notebook").hover(function(){ | $("#Notebook").hover(function(){ | ||
− | $("#sub_notebook").stop(true,false,true).slideToggle(300 | + | $("#sub_notebook").stop(true,false,true).slideToggle(300); |
}); | }); | ||
Line 35: | Line 48: | ||
$(this).css("background","black") | $(this).css("background","black") | ||
},function(){ | },function(){ | ||
− | $(this).css("background","# | + | $(this).css("background","#842b00") |
}); | }); | ||
Line 44: | Line 57: | ||
$("#home_word").stop(true,false,true).delay(750).fadeIn(700) | $("#home_word").stop(true,false,true).delay(750).fadeIn(700) | ||
},function(){ | },function(){ | ||
− | $("#home_img").stop(true,false,true).css("display","none").css("left"," | + | $("#home_img").stop(true,false,true).css("display","none").css("left","40vw"); |
$("#home_word").fadeOut(0) | $("#home_word").fadeOut(0) | ||
}); | }); | ||
+ | |||
}); | }); | ||
+ | |||
+ | $(window).scroll(function() { | ||
+ | var wintop = $(window).scrollTop(), docheight = | ||
+ | |||
+ | $(document).height(), winheight = $(window).height(); | ||
+ | var scrolled = (wintop/(docheight-winheight))*100; | ||
+ | |||
+ | $('.scroll-line').css('height', (scrolled*0.5 + '%')); | ||
+ | }); | ||
+ | |||
+ | var s = skrollr.init({ | ||
+ | render: function(data) { | ||
+ | //Log the current scroll position. | ||
+ | $('#info').text(data.curTop); | ||
+ | } | ||
+ | });; | ||
+ | |||
</script> | </script> | ||
+ | |||
+ | </head> | ||
+ | |||
<body> | <body> | ||
<header> | <header> | ||
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top"> | <nav class="navbar navbar-default navbar-inverse navbar-fixed-top"> | ||
<div class="container"> | <div class="container"> | ||
− | <ul> | + | <ul class="front"> |
+ | |||
<div id="home_button" style="cursor:pointer;" onclick="location.href= | <div id="home_button" style="cursor:pointer;" onclick="location.href= | ||
'https://2018.igem.org/Team:CCU_Taiwan';"> <img src="https://static.igem.org/mediawiki/2018/0/08/T--CCU_Taiwan--home_button.png"></img></div> | 'https://2018.igem.org/Team:CCU_Taiwan';"> <img src="https://static.igem.org/mediawiki/2018/0/08/T--CCU_Taiwan--home_button.png"></img></div> | ||
− | <li class="title" id="Home"><a> | + | |
− | <ul class="sub" id="sub_home"> | + | <li class="title" style="cursor:pointer;" id="Home"><img class="img_title" src="https://static.igem.org/mediawiki/2018/2/24/T--CCU_Taiwan--aboutus.png"></img><a>About Us</a><hr> |
+ | <ul class="sub" id="sub_home" style="cursor:default;"> | ||
<li class="list" id="home1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Team">Team</a></li> | <li class="list" id="home1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Team">Team</a></li> | ||
<li class="list" id="home2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions">Attributions</a></li> | <li class="list" id="home2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions">Attributions</a></li> | ||
+ | <li class="list" id="home2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Medal">Medal</a></li> | ||
<li class="list" id="home3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Judge">For Judge</a></li> | <li class="list" id="home3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Judge">For Judge</a></li> | ||
− | + | <hr> | |
<div id="home_img"> | <div id="home_img"> | ||
<img src="https://static.igem.org/mediawiki/2018/5/57/T--CCU_Taiwan--home.png"></img> | <img src="https://static.igem.org/mediawiki/2018/5/57/T--CCU_Taiwan--home.png"></img> | ||
</div> | </div> | ||
<div id="home_word"> | <div id="home_word"> | ||
− | < | + | <a>There's a home for us, always.</a> |
</div> | </div> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="title" id="Project">< | + | <li class="title" style="cursor:pointer;" id="Project"><img class="img_title" src="https://static.igem.org/mediawiki/2018/6/6f/T--CCU_Taiwan--project.png"></img><a>Project</a><hr> |
− | <ul class="sub" id="sub_project"> | + | <ul class="sub" id="sub_project" style="cursor:default;"> |
<li class="list" id="project1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Description">Description</a></li> | <li class="list" id="project1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Description">Description</a></li> | ||
<li class="list" id="project2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Design">Design</a></li> | <li class="list" id="project2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Design">Design</a></li> | ||
<li class="list" id="project3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Results">Results</a></li> | <li class="list" id="project3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Results">Results</a></li> | ||
− | <li class="list" id=" | + | <li class="list" id="project6"><a href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate">Demonstration</a></li> |
<li class="list" id="project5"><a href="https://2018.igem.org/Team:CCU_Taiwan/InterLab ">InterLab</a></li> | <li class="list" id="project5"><a href="https://2018.igem.org/Team:CCU_Taiwan/InterLab ">InterLab</a></li> | ||
− | + | <hr> | |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="title" id="Parts">< | + | <li class="title" style="cursor:pointer;" id="Parts"><img class="img_title" src="https://static.igem.org/mediawiki/2018/1/17/T--CCU_Taiwan--part.png"></img><a>Parts</a><hr> |
− | <ul class="sub" id="sub_parts"> | + | <ul class="sub" id="sub_parts" style="cursor:default;"> |
− | <li class="list" id="parts1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Parts"> | + | <li class="list" id="parts1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Parts">Overview</a></li> |
<li class="list" id="parts2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part">Basic Part</a></li> | <li class="list" id="parts2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part">Basic Part</a></li> | ||
<li class="list" id="parts3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part">Composite Part</a></li> | <li class="list" id="parts3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part">Composite Part</a></li> | ||
<li class="list" id="parts4"><a href="https://2018.igem.org/Team:CCU_Taiwan/Improve">Improved Part</a></li> | <li class="list" id="parts4"><a href="https://2018.igem.org/Team:CCU_Taiwan/Improve">Improved Part</a></li> | ||
+ | <hr> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="title" id="Modeling">< | + | <li class="title" style="cursor:pointer;" id="Modeling"><img class="img_title" src="https://static.igem.org/mediawiki/2018/0/09/T--CCU_Taiwan--model.png"></img><a>Modeling</a><hr> |
− | <ul class="sub" id="sub_modeling"> | + | <ul class="sub" id="sub_modeling" style="cursor:default;"> |
− | <li class="list" id="model1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Model"> | + | <li class="list" id="model1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Model">Overview</a></li> |
− | <li class="list" id="model2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Enzyme">Enzyme | + | <li class="list" id="model2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Enzyme">Enzyme Model</a></li> |
− | <li class="list" id="model3"><a href="https://2018.igem.org/Team:CCU_Taiwan/ | + | <li class="list" id="model3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Lignin">Lignin Model</a></li> |
<li class="list" id="model4"><a href="https://2018.igem.org/Team:CCU_Taiwan/Tools">Tools</a></li> | <li class="list" id="model4"><a href="https://2018.igem.org/Team:CCU_Taiwan/Tools">Tools</a></li> | ||
+ | <hr> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="title" id="Drylab">< | + | <li class="title" style="cursor:pointer;" id="Drylab"><img class="img_title" src="https://static.igem.org/mediawiki/2018/f/fc/T--CCU_Taiwan--Dry_lab.png"></img><a>Drylab</a><hr> |
− | <ul class="sub" id="sub_drylab"> | + | <ul class="sub" id="sub_drylab" style="cursor:default;"> |
− | <li class="list" id="drylab1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Our_Plan"> | + | <li class="list" id="drylab1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Our_Plan">Overview</a></li> |
<li class="list" id="drylab2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Engineering">Engineering</a></li> | <li class="list" id="drylab2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Engineering">Engineering</a></li> | ||
<li class="list" id="drylab3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Safety">Safety</a></li> | <li class="list" id="drylab3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Safety">Safety</a></li> | ||
+ | <hr> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | + | <li class="title" style="cursor:pointer;" id="Human_Practice"><img class="img_title" src="https://static.igem.org/mediawiki/2018/9/96/T--CCU_Taiwan--humanpractice.png"></img><a>HP</a><hr> | |
− | <ul class="sub" id="sub_human_practice"> | + | <ul class="sub" id="sub_human_practice" style="cursor:default;"> |
− | <li class="list" id="human_practice1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices"> | + | <li class="list" id="human_practice1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices">Overview</a></li> |
− | <li class="list" id="human_practice2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Engagement"> | + | <li class="list" id="human_practice2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Engagement">Public</a></li> |
<li class="list" id="human_practice3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship">Entrepreneurship</a></li> | <li class="list" id="human_practice3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship">Entrepreneurship</a></li> | ||
− | <li class="list" id="human_practice4"><a href="https://2018.igem.org/Team:CCU_Taiwan/ | + | <li class="list" id="human_practice4"><a href="https://2018.igem.org/Team:CCU_Taiwan/Intergrate">Intergrate</a></li> |
+ | <hr> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | + | <li class="title" style="cursor:pointer;" id="Notebook"><img class="img_title" src="https://static.igem.org/mediawiki/2018/c/c9/T--CCU_Taiwan--notebook.png"></img><a>Notebook</a> | |
− | <ul class="sub" id="sub_notebook"> | + | <ul class="sub" id="sub_notebook" style="cursor:default;"> |
− | <li class="list" id="notebook1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Notebook"> | + | <li class="list" id="notebook1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Notebook">Overview</a></li> |
− | <li class="list" id="notebook2"><a href="https://2018.igem.org/Team:CCU_Taiwan/ | + | <li class="list" id="notebook2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Collaborations">Collaborations</a></li> |
<li class="list" id="notebook3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Experiments">Experiments</a></li> | <li class="list" id="notebook3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Experiments">Experiments</a></li> | ||
<li class="list" id="notebook4"><a href="https://2018.igem.org/Team:CCU_Taiwan/DATABASE">DATABASE</a></li> | <li class="list" id="notebook4"><a href="https://2018.igem.org/Team:CCU_Taiwan/DATABASE">DATABASE</a></li> | ||
+ | <hr> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 122: | Line 164: | ||
</div> | </div> | ||
</nav> | </nav> | ||
+ | <!--<div class="scroll-line"></div> | ||
+ | <div class="scroll-line-bg"></div> | ||
+ | <div class="Quick-navigation"> | ||
+ | <a href="#A" class="Quick-navigation-item">____Background</a> | ||
+ | <a href="#B" class="Quick-navigation-item">____Calibration 1</a> | ||
+ | <a href="#C" class="Quick-navigation-item">____Calibration 2</a> | ||
+ | <a href="#D" class="Quick-navigation-item">____Calibration 3</a> | ||
+ | <a href="#E" class="Quick-navigation-item">____Calibration 4</a> | ||
+ | <a href="#F" class="Quick-navigation-item">____Calibration 5</a> | ||
+ | <div class="Scroll-progress-indicator"></div> | ||
+ | </div>--> | ||
</header> | </header> | ||
− | </ | + | <div class="background"> |
− | <div class=" | + | <div class="bcg"></div> |
− | < | + | <div class="content"> |
− | <p> | + | <p class="first">HP Overview</p> |
− | <p> | + | <p class="description">The actions we took are making our project go well. In order to achieve the goal, we should try for more opportunities as we can.<br><br>Followings are actions and events we took:</p> |
− | </ | + | <p class="second">Education</p> |
+ | <p class="description">We prepared a lesson about synthetic biology and taught senior high school students. By the feedback from these students, we’re sure that they began to understand synthetic biology. In addition, we also promote our competition to these high school students. We hope that they can be more aware of synthetic biology through the lesson.</p> | ||
+ | <p class="second">Fundraising</p> | ||
+ | <p class="description">We held a fundraising explanation session on July 6th and invited companies related to our project to attend. By this explanation session, we had more sources of funds and technical consulting. We will use these resources to make our project and model be more complete.</p> | ||
+ | <p class="second">Public</p> | ||
+ | <p class="description">Through the questionnaire we recovered, we found something interest is that most of people did not know the distinction amount paper container recycling, paper recycling and general resource recycling. As the result, we were more confident to do our project, which would make our lives better. Here you can see some investigation of our project.</p> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | </body> | |
− | + | ||
− | + | </html> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + |
Revision as of 10:15, 14 September 2018
HP Overview
The actions we took are making our project go well. In order to achieve the goal, we should try for more opportunities as we can.
Followings are actions and events we took:
Education
We prepared a lesson about synthetic biology and taught senior high school students. By the feedback from these students, we’re sure that they began to understand synthetic biology. In addition, we also promote our competition to these high school students. We hope that they can be more aware of synthetic biology through the lesson.
Fundraising
We held a fundraising explanation session on July 6th and invited companies related to our project to attend. By this explanation session, we had more sources of funds and technical consulting. We will use these resources to make our project and model be more complete.
Public
Through the questionnaire we recovered, we found something interest is that most of people did not know the distinction amount paper container recycling, paper recycling and general resource recycling. As the result, we were more confident to do our project, which would make our lives better. Here you can see some investigation of our project.