Difference between revisions of "Team:CCU Taiwan/Human Practices"

 
(40 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 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(){
Line 48: Line 40:
 
     $(this).css("background","black")
 
     $(this).css("background","black")
 
},function(){
 
},function(){
−
     $(this).css("background","#842b00")
+
     $(this).css("background","#31a97e")
 
   });
 
   });
−
 
−
$("#home1").hover(function(){
 
−
$("#home_img").css('display', 'block');
 
−
$("#home_img").animate({ opacity: 0 }, 0);
 
−
$("#home_img").stop(true,false,true).animate({opacity: 1,left:'25vw'},800, 'swing')
 
−
$("#home_word").stop(true,false,true).delay(750).fadeIn(700)
 
−
},function(){
 
−
$("#home_img").stop(true,false,true).css("display","none").css("left","40vw");
 
−
$("#home_word").fadeOut(0)
 
−
});
 
−
 
 
});
 
});
  
−
$(window).scroll(function() {
+
// The function actually applying the offset
−
    var wintop = $(window).scrollTop(), docheight =
+
function offsetAnchor() {
 +
  if (location.hash.length !== 0) {
 +
    window.scrollTo(window.scrollX, window.scrollY - 90);
 +
  }
 +
}
  
−
    $(document).height(), winheight = $(window).height();
+
// Captures click events of all <a> elements with href starting with #
−
    var scrolled = (wintop/(docheight-winheight))*100;
+
$(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);
 +
});
  
−
    $('.scroll-line').css('height', (scrolled*0.5 + '%'));
+
// Set the offset when entering page with hash present in the url
−
});
+
window.setTimeout(offsetAnchor, 0);
 
 
−
var s = skrollr.init({
+
$(document).scroll(function () { // remove "$"
−
render: function(data) {
+
    var y = $(this).scrollTop();       
−
  //Log the current scroll position.
+
    if (y > 300) {
−
  $('#info').text(data.curTop);
+
        $('.indicator').fadeIn();
−
}
+
    }
−
});;
+
    else {
 +
        $('.indicator').fadeOut();
 +
    }
 +
});
 
 
 
</script>
 
</script>
Line 85: Line 79:
 
<body>
 
<body>
 
   <header>
 
   <header>
−
         <nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
+
         <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><hr>
+
                     <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/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/Attributions"><li class="list" id="home2">Attributions</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Medal"><li class="list" id="home2">Medals</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="home3">For Judges</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><hr>
+
                     <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/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/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/Results"><li class="list" id="project3">Results</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate"><li class="list" id="project6">Demonstration</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>
+
<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><hr>
+
                     <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/Parts"><li class="list" id="parts1">Overview</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part"><li class="list" id="parts2">Basic Part</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="parts3">Composite Part</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part"><li class="list" id="parts2">Composite Part</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Improve"><li class="list" id="parts4">Improved 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><hr>
+
                     <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/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</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="model4">Polymer</li></a>
+
<a href="https://2018.igem.org/Team:CCU_Taiwan/Polymer"><li class="list" id="model3">Polymer Model</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Degradation"><li class="list" id="model3">Degradation</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>Product</a><hr>
+
                     <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/Our_Plan"><li class="list" id="drylab1">Analysis</li></a>
Line 132: Line 125:
 
                         </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>
+
    <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;">
−
                             <a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices"><li class="list" id="human_practice1">Overview</li></a>
+
                             <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/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/Entrepreneurship"><li class="list" id="human_practice3">Entrepreneurship</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Intergrate"><li class="list" id="human_practice4">Intergrated HP</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>
Line 144: Line 138:
 
                             <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/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/Collaborations"><li class="list" id="notebook2">Collaborations</li></a>
−
<a href="https://2018.igem.org/Team:CCU_Taiwan/Protocols"><li class="list" id="notebook2">Protocols</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="notebook3">Experiments</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="notebook4">Materials</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 154: Line 148:
  
 
     </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="bcg"></div>
+
<div class="photoHumanPractices"><h1 class="bigtitle">HUMAN PRACTICES<h1></div>
 
       <div class="content">
 
       <div class="content">
−
<p class="first">HP Overview</p>
+
<br><br>
−
<p class="description">&emsp;&emsp;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="description">&emsp;&emsp;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>
−
<p class="second">Education</p>
+
<br>
−
<p class="description">&emsp;&emsp;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">&emsp;&emsp;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>
+
<br><br>
−
<p class="second">Public</p>
+
 
−
<p class="description">&emsp;&emsp;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>
+
 
−
<br><br><br>
+
<div class="row">
−
      </div>
+
  <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>
−
</body>
 
 
<footer class="footer">
 
<footer class="footer">
 
             <a href="http://huitong.com.tw">
 
             <a href="http://huitong.com.tw">
Line 183: 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.




Read more

Public Engagement

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.



Read more

Entrepreneurship

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.



Read more

Engaging Experts

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.



Read more

Intergrated HP

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.



Read more

Collaborations

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.