Difference between revisions of "Team:CGU Taiwan/Engagement"

(Prototype team page)
 
Line 1: Line 1:
{{CGU_Taiwan}}
+
{{CGU_Taiwan/clearwikiset}}
 
+
{{CGU_Taiwan/cgustyle}}
 
<html>
 
<html>
<div class="column full_size judges-will-not-evaluate">
+
<head>
<h3>★  ALERT! </h3>
+
<meta charset="UTF-8">
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<title>iGem CGU_Taiwan 2017 - Collaborations</title>
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</div>
+
</head>
<div class="clear"></div>
+
  
<div class="column half_size">
+
<body bgcolor="white">
  
<h1>Education and Public Engagement</h1>
+
<!-- nav start -->
<h3>Best Education and Public Engagement Special Prize</h3>
+
<div class="head"></div>
<p>Over the last few years, we have seen teams produce some truly outstanding work in the areas of education and public engagement. Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices/views outside the lab.
+
<nav>
 +
<ul>
 +
  <a href="https://2017.igem.org/Team:CGU_Taiwan"><li class="logo" style="text-align:left;"><img src="https://static.igem.org/mediawiki/2017/7/7e/CGULOGO0930.png" height="100px" width="307px"/></li></a>
 +
  <!--<li><a href="index.html">HOME</a></li>
 +
  | -->
 +
  <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Description">PROJECT</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Description">DESCRIPTION</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Results">RESULTS</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/InterLab">INTERLAB</a>
 +
      <a href="#">PROOF</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Model">MODEL</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Parts">PART</a>     
 +
      </div>
 +
  </li>
 +
  |
 +
  <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Notebook">LAB NOTE</a>
 +
      <a href="#">PROTOCOLS</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Safety">SATEFY</a>
 +
      </div>
 +
  </li>
 +
  |
 +
  <li class="dropdown"><a href="Team.html">TEAM</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Team">MEMBER</a>
 +
      <a href="#">SPONSOR</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Collaborations">COLLBORATION</a>
 +
      </div>
 +
  </li>
 +
  |
 +
  <li class="dropdown"><a href="">HUMAN PRACTICE</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/HP/Silver">SILVER HP</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/HP/Gold_Integrated">INTERGRATED AND GOLD</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Engagement">PUBLIC ENGAGEMENT</a>
 +
      </div>
 +
  </li>
 +
  |
 +
  <li><a href="">AWARD</a></li>
 +
 
 +
</ul>
 +
</nav>
  
<br><br>
+
<script type="text/javascript">
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Education and Public Engagement prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
$(window).scroll(function() {
<br><br>
+
You must also delete the message box on the top of this page to be eligible for this prize.
+
</p>
+
</div>
+
  
 +
    //After scrolling 100px from the top...
 +
    if ( $(window).scrollTop() >= 75 ) {
 +
$('.head').css('transform-origin', 'right');
 +
        $('.head').css('transform', 'translateX(500px) rotate(20deg)');
 +
    //Otherwise remove inline styles and thereby revert to original stying
 +
    } else {
 +
        $('.head').css('transform', 'translateX(500px) ');
 +
    }
 +
 +
if ( $(window).scrollTop() >= 0 ) {
 +
        var d = "deg)";
 +
        var rot = "rotate(";
 +
        var rD = ($(window).scrollTop()) * 0.5;
 +
        var rDC = rD.toString();
 +
        rot = rot.concat(rDC.concat(d));
 +
        $('.square').css('transform', rot);
 +
    } else {
 +
        $('.square').css('transform', 'none');
 +
    }
 +
})
 +
;
 +
</script>
 +
<!-- nav end -->
  
 
+
<!--background animation start -->
 
+
<div class="leftMenuBack"></div>
<div class="column half_size">
+
<div class="leftMenu">
<h5>Inspiration</h5>
+
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
+
 
<ul>
 
<ul>
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
+
<li class="left1"><a href="#biolist"></a></li>
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
+
<li class="left2"><a href="#modellist"></a></li>
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
+
<li class="left3"><a href="#engineeringlist"></a></li>
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
+
<li class="left4"><a href="#marketinglist"></a></li>
 
</ul>
 
</ul>
 
 
</div>
 
</div>
 +
<div class="square"></div>
 +
<!--background animation end -->
  
 +
<!-- Engagement start -->
  
<div class="clear"></div>
+
<!-- Engagement end -->
 +
 
 +
<!-- javascript code start -->
 +
 
 +
<!-- javascript code end -->
 +
 
 +
<!-- footer start -->
 +
<footer align="right">
 +
<ul>
 +
<li><a href="http://www.cgu.edu.tw"><img src="https://static.igem.org/mediawiki/2017/1/13/Cgucopyright0915.png" width="40%"></a></li>
 +
</ul>   
 +
</footer>
 +
<!-- footer end -->
 +
</body>
 
</html>
 
</html>

Revision as of 17:58, 27 October 2017

iGem CGU_Taiwan 2017 - Collaborations