(Prototype team page) |
Allen850413 (Talk | contribs) |
||
(47 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{CCU_Taiwan}} | + | {{CCU_Taiwan/css}} |
+ | |||
<html> | <html> | ||
− | < | + | <head> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | |||
+ | $("#Home").hover(function(e){ | ||
+ | $("#sub_home").stop(true,false,true).slideToggle(300); | ||
+ | }); | ||
− | + | $("#Project").hover(function(){ | |
+ | $("#sub_project").stop(true,false,true).slideToggle(300); | ||
+ | }); | ||
+ | |||
+ | $("#Parts").hover(function(){ | ||
+ | $("#sub_parts").stop(true,false,true).slideToggle(300); | ||
+ | }); | ||
+ | |||
+ | $("#Modeling").hover(function(){ | ||
+ | $("#sub_modeling").stop(true,false,true).slideToggle(300); | ||
+ | }); | ||
+ | |||
+ | $("#Drylab").hover(function(){ | ||
+ | $("#sub_drylab").stop(true,false,true).slideToggle(300); | ||
+ | }); | ||
+ | |||
+ | $("#Human_Practice").hover(function(){ | ||
+ | $("#sub_human_practice").stop(true,false,true).slideToggle(300); | ||
+ | }); | ||
+ | |||
+ | $("#Notebook").hover(function(){ | ||
+ | $("#sub_notebook").stop(true,false,true).slideToggle(300); | ||
+ | }); | ||
+ | $("#home_button").hover(function(){ | ||
+ | $(this).css("background","black") | ||
+ | },function(){ | ||
+ | $(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> | ||
+ | </head> | ||
+ | <body> | ||
+ | <header> | ||
+ | <nav> | ||
+ | <div class="container"> | ||
+ | <ul class="front"> | ||
+ | |||
+ | <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> | ||
− | < | + | <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;"> | |
− | + | <a href="https://2018.igem.org/Team:CCU_Taiwan/Team"><li class="list" id="home1">Team</li></a> | |
− | <li> | + | <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> | |
− | + | </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> | |
+ | <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> | ||
+ | </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> | ||
+ | <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> | ||
+ | </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> | ||
+ | <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> | ||
+ | </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>Product</a> | ||
+ | <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> | ||
+ | </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> | ||
+ | <ul class="sub" id="sub_human_practice" style="cursor:default;"> | ||
+ | <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> | ||
+ | </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" style="cursor:default;"> | ||
+ | <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> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | </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="photoHumanPractices"><h1 class="bigtitle">HUMAN PRACTICES<h1></div> | ||
+ | <div class="content"> | ||
+ | <br><br> | ||
+ | <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> | |
− | < | + | |
+ | |||
+ | <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> | </div> | ||
− | + | <br><br> | |
− | < | + | |
− | + | <div class="row"> | |
− | <div class=" | + | <div class="thecard" id="ca2"> |
− | <div class=" | + | <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> | </p> | ||
+ | </div> | ||
+ | </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=" | + | <div class="row"> |
− | + | <div class="thecard" id="ca4"> | |
− | + | <div class="card-img"> | |
− | <p> | + | <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> | ||
+ | <footer class="footer"> | ||
+ | <a href="http://huitong.com.tw"> | ||
+ | <img id="BSlogo" src="https://static.igem.org/mediawiki/2018/0/07/T--CCU_Taiwan--CCUP1.png" align="bottom"> | ||
+ | </a> | ||
− | < | + | <a href="https://www.facebook.com/ccuigemteam/?ref=br_rs"> |
+ | <img id="CCUTEAMlogo" src="https://static.igem.org/mediawiki/2018/e/e3/T--CCU_Taiwan--CCUP2.png" align="bottom"> | ||
+ | </a> | ||
+ | <a href="http://ewww.ccu.edu.tw/"> | ||
+ | <img id="CCUlogo" src="https://static.igem.org/mediawiki/2018/8/89/T--CCU_Taiwan--CCUP3.png" align="bottom"> | ||
+ | </a> | ||
+ | </footer> | ||
+ | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | + | </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.