Allen850413 (Talk | contribs) |
|||
(41 intermediate revisions by 2 users not shown) | |||
Line 6: | Line 6: | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
Line 48: | Line 40: | ||
$(this).css("background","black") | $(this).css("background","black") | ||
},function(){ | },function(){ | ||
− | $(this).css("background","# | + | $(this).css("background","#31a97e") |
}); | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
}); | }); | ||
− | + | // The function actually applying the offset | |
− | + | function offsetAnchor() { | |
+ | if (location.hash.length !== 0) { | ||
+ | window.scrollTo(window.scrollX, window.scrollY - 90); | ||
+ | } | ||
+ | } | ||
− | + | // Captures click events of all <a> elements with href starting with # | |
− | + | $(document).on('click', 'a[href^="#"]', function(event) { | |
+ | // Click events are captured before hashchanges. Timeout | ||
+ | // causes offsetAnchor to be called after the page jump. | ||
+ | window.setTimeout(function() { | ||
+ | offsetAnchor(); | ||
+ | }, 0); | ||
+ | }); | ||
− | + | // Set the offset when entering page with hash present in the url | |
− | + | window.setTimeout(offsetAnchor, 0); | |
− | + | $(document).scroll(function () { // remove "$" | |
− | + | var y = $(this).scrollTop(); | |
− | + | if (y > 300) { | |
− | + | $('.indicator').fadeIn(); | |
− | + | } | |
− | }) | + | else { |
+ | $('.indicator').fadeOut(); | ||
+ | } | ||
+ | }); | ||
</script> | </script> | ||
Line 85: | Line 79: | ||
<body> | <body> | ||
<header> | <header> | ||
− | <nav | + | <nav> |
<div class="container"> | <div class="container"> | ||
<ul class="front"> | <ul class="front"> | ||
Line 92: | Line 86: | ||
'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" 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 | + | <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> |
<ul class="sub" id="sub_home" style="cursor:default;"> | <ul class="sub" id="sub_home" style="cursor:default;"> | ||
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Team"><li class="list" id="home1">Team</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions"><li class="list" id="home2">Attributions</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Medal"><li class="list" id="home3">Medals</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Judge"><li class="list" id="home4">For Judges</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Achievements"><li class="list" id="home5">Achievements</li></a> | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <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 | + | <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> |
<ul class="sub" id="sub_project" style="cursor:default;"> | <ul class="sub" id="sub_project" style="cursor:default;"> | ||
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Description"><li class="list" id="project1">Description</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Applied_Design"><li class="list" id="project2">Design</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Results"><li class="list" id="project3">Results</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate"><li class="list" id="project4">Demonstration</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/InterLab"><li class="list" id="project5">InterLab</li></a> | |
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <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 | + | <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> |
<ul class="sub" id="sub_parts" style="cursor:default;"> | <ul class="sub" id="sub_parts" style="cursor:default;"> | ||
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Parts"><li class="list" id="parts1">Overview</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part"><li class="list" id="parts1">Basic Part</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part"><li class="list" id="parts2">Composite Part</li></a> | |
− | + | ||
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <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 | + | <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> |
<ul class="sub" id="sub_modeling" style="cursor:default;"> | <ul class="sub" id="sub_modeling" style="cursor:default;"> | ||
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Model"><li class="list" id="model1">Overview</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Binding"><li class="list" id="model2">Binding Model</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Polymer"><li class="list" id="model3">Polymer Model</li></a> | |
− | + | ||
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <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> | + | <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>Product</a> |
<ul class="sub" id="sub_drylab" style="cursor:default;"> | <ul class="sub" id="sub_drylab" style="cursor:default;"> | ||
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Our_Plan"><li class="list" id="drylab1">Analysis</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Engineering"><li class="list" id="drylab2">Production Line</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Safety"><li class="list" id="drylab3">Safety</li></a> | |
− | + | ||
</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 | + | <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> |
<ul class="sub" id="sub_human_practice" style="cursor:default;"> | <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/ | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices"><li class="list" id="human_practice1">Human Practice</li></a> |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Public_Engagement"><li class="list" id="human_practice2">Public Engagement</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship"><li class="list" id="human_practice3">Entrepreneurship</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/engaging_experts"><li class="list" id="human_practice4">Engaging Experts</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Integrate"><li class="list" id="human_practice5">Integrated HP</li></a> | |
</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> | <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" style="cursor:default;"> | <ul class="sub" id="sub_notebook" style="cursor:default;"> | ||
− | <li class="list" id="notebook1"><a href="https://2018.igem.org/Team:CCU_Taiwan/ | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Notebook"><li class="list" id="notebook1">Overview</li></a> |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Collaborations"><li class="list" id="notebook2">Collaborations</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Protocols"><li class="list" id="notebook3">Protocols</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Experiments"><li class="list" id="notebook4">Experiments</li></a> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Materials"><li class="list" id="notebook5">Materials</li></a> | |
</ul> | </ul> | ||
</li> | </li> | ||
Line 164: | Line 146: | ||
</div> | </div> | ||
</nav> | </nav> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</header> | </header> | ||
+ | <div class="indicator"> | ||
+ | |||
+ | <div class="pointerHP" id="1"><a href="#ca1">Public Engagement</a></div> | ||
+ | <div class="pointerHP" id="2"><a href="#ca2">Entrepreneurship</a></div> | ||
+ | <div class="pointerHP" id="3"><a href="#ca3">Engaging Experts</a></div> | ||
+ | <div class="pointerHP" id="4"><a href="#ca4">Intergrated HP</a></div> | ||
+ | <div class="pointerHP" id="5"><a href="#ca5">Collaborations</a></div> | ||
+ | |||
+ | </div> | ||
<div class="backgroundHP"> | <div class="backgroundHP"> | ||
− | <div class=" | + | <div class="photoHumanPractices"><h1 class="bigtitle">HUMAN PRACTICES<h1></div> |
<div class="content"> | <div class="content"> | ||
− | + | <br><br> | |
− | <p class="description">   | + | <p class="description">  In Human Practice, our goal is to make a real difference for the society through our product. However, by sincere interactions with experts, corporations, general public and governments, we enriched our product to a new level with values of devoting more to the society. Aside from our product, we inspect social problems nowadays, propose policies to the authorities, and are willing to bring the world to a new generation.</p> |
− | + | <br> | |
− | + | ||
− | + | ||
− | + | <br><br> | |
− | + | ||
− | + | ||
− | <br><br><br> | + | <div class="row"> |
− | + | <div class="thecard" id="ca1"> | |
+ | <div class="card-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/6/63/T--CCU_Taiwan--CCUEducation.jpg"> | ||
+ | </div> | ||
+ | <div class="card-caption"> | ||
+ | <i id="like-btn" class="fa fa-thumbs-o-up"><a href="https://2018.igem.org/Team:CCU_Taiwan/Public_Engagement">Read more</a></i> | ||
+ | <p class="second">Public Engagement</p> | ||
+ | <p class="description">A good application springs from social demand. We conducted a questionnaire to understood the needs of the general public and understand what problems the current society faces. On the other hand, to promote synthetic biology, inspire students and help them understand what iGEM is, we held a synthetic biology lesson during summer vacation. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="thecard" id="ca2"> | ||
+ | <div class="card-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/86/T--CCU_Taiwan--CCUFundraise.jpg"> | ||
+ | </div> | ||
+ | <div class="card-caption"> | ||
+ | <i id="like-btn" class="fa fa-thumbs-o-up"><a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship">Read more</a></i> | ||
+ | <p class="second">Entrepreneurship</p> | ||
+ | <p class="description">The most important thing in the corporation is to have the core value, know the position in the market, and how can you contribute to the society when act as a social enterprise. We had built business model, made analysis, calculated costs, asking general publics about our product, and giving feedbacks to them. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="row"> | ||
+ | <div class="thecard" id="ca3"> | ||
+ | <div class="card-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/13/T--CCU_Taiwan--CCUEngaging.jpg"> | ||
+ | </div> | ||
+ | <div class="card-caption"> | ||
+ | <i id="like-btn" class="fa fa-thumbs-o-up"><a href="https://2018.igem.org/Team:CCU_Taiwan/engaging_experts">Read more</a></i> | ||
+ | <p class="second">Engaging Experts</p> | ||
+ | <p class="description">There are a lot of related experts in different field that gave us a lot of support. From gene design, material properties, paper cup production line, recycling program and entrepreneurship. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="thecard" id="ca4"> | ||
+ | <div class="card-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/d2/T--CCU_Taiwan--CCUPlubic.jpg"> | ||
+ | </div> | ||
+ | <div class="card-caption"> | ||
+ | <i id="like-btn" class="fa fa-thumbs-o-up"><a href="https://2018.igem.org/Team:CCU_Taiwan/Intergrate">Read more</a></i> | ||
+ | <p class="second">Intergrated HP</p> | ||
+ | <p class="description">In order solve the problem and to make a difference to the society by paper cups. We investigated any related corporations, including paper manufactures, lining corporations and paper cup process in the recycling system etc. Wish could do the best to contribute back to the society by their suggestions. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="thecard" id="ca5"> | ||
+ | <div class="card-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/21/T--CCU_Taiwan--CCUCollaboration.jpg"> | ||
+ | </div> | ||
+ | <div class="card-caption"> | ||
+ | <i id="like-btn" class="fa fa-thumbs-o-up"><a href="https://2018.igem.org/Team:CCU_Taiwan/Collaborations">Read more</a></i> | ||
+ | <p class="second">Collaborations</p> | ||
+ | <p class="description">Besides good teamwork, if we did not have a many powerful helping hands to supply or collaborate with us, we would not achieve our goals. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | |||
+ | |||
+ | |||
+ | <br><br> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
<footer class="footer"> | <footer class="footer"> | ||
<a href="http://huitong.com.tw"> | <a href="http://huitong.com.tw"> | ||
Line 204: | Line 261: | ||
</a> | </a> | ||
</footer> | </footer> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 08:51, 1 December 2018
HUMAN PRACTICES
In Human Practice, our goal is to make a real difference for the society through our product. However, by sincere interactions with experts, corporations, general public and governments, we enriched our product to a new level with values of devoting more to the society. Aside from our product, we inspect social problems nowadays, propose policies to the authorities, and are willing to bring the world to a new generation.