Team:SCUT/HP

From 2014.igem.org

(Difference between revisions)
 
(84 intermediate revisions not shown)
Line 3: Line 3:
<head>
<head>
<style type="text/css">
<style type="text/css">
-
body{height:auto;}
+
body{height:2050px;}
#hpbody{position:absolute;height:auto;width:100%;top:300px;left:0px;}
#hpbody{position:absolute;height:auto;width:100%;top:300px;left:0px;}
-
#outline{width:980px;height:200px;border:1px solid #e3e3e3;margin:0 auto;text-align:justify;}
+
#outline{width:980px;height:auto;border:1px solid #e3e3e3;margin:0 auto;text-align:justify;}
-
#outline p{margin:35px;font-size:18px;font-weight:lighter;}
+
#outline p{margin:35px;font-size:15px;font-weight:lighter;line-height:30px;}
-
#outline p span{font-size:30px;}
+
#outline p span{font-size:45px;line-height:50px;font-family:Narkisim;color:#F4C21D;font-weight:bold;}
-
.slides{margin:50px auto 0 auto;width:980px;height:auto;overflow:hidden;background-color:transparent;padding:0;z-index:500;}
+
.slides{margin:50px auto 0 auto;width:980px;height:400px;background-color:transparent;padding:0;z-index:500;border:1px solid #e3e3e3;}
   .slide-pic{margin:0 auto;width:980px;height:auto;overflow:hidden;padding:0;}
   .slide-pic{margin:0 auto;width:980px;height:auto;overflow:hidden;padding:0;}
   .slide-pic img{width:980px;height:auto;margin:0 auto;}
   .slide-pic img{width:980px;height:auto;margin:0 auto;}
   .slide-pic li{display:none;}
   .slide-pic li{display:none;}
   .slide-pic li.cur{display:block;}
   .slide-pic li.cur{display:block;}
-
   .slide-li li{display:inline;list-style:none;display:none;}
+
   .slide-li li{display:inline;list-style:none;}
   .slide-li a{text-decoration:none;color:#000;float:right;}
   .slide-li a{text-decoration:none;color:#000;float:right;}
   .slide-li a:hover{color:#ccc;}
   .slide-li a:hover{color:#ccc;}
Line 21: Line 21:
#M-R{margin:50px auto;width:980px;height:370px;text-align:justify;}
#M-R{margin:50px auto;width:980px;height:370px;text-align:justify;}
#M-R img{width:228px;height:150px;margin:0 auto;}
#M-R img{width:228px;height:150px;margin:0 auto;}
-
#M-R p{width:460px;height:220px;border:1px solid black;}
 
#magzine{position:absolute;width:460px;height:370px;margin-left:0px;}
#magzine{position:absolute;width:460px;height:370px;margin-left:0px;}
 +
#MR-BODY{position:absolute;left:0px;border:1px solid #e3e3e3;}
 +
#MR-BODY p{margin:35px;font-size:17px;font-weight:lighter;}
#report{position:absolute;width:460px;height:370px;margin-left:520px;}
#report{position:absolute;width:460px;height:370px;margin-left:520px;}
-
#time{width:980px;height:250px;border:1px solid #e3e3e3;overflow:hidden;margin:50px auto 0 auto;}
+
 
-
.T-body{width:980px;height:200px;margin:0 auto;}
+
 
-
.T-body img{width:980px;height:200px;margin:0 auto;}
+
#time_line{position:relative;width:980px;height:250px;border:1px solid #e3e3e3;margin:50px auto 0 auto;}
-
.cover{z-index:1000;margin:175px auto;width:980px;height:250px;background-color:#DCF1F7;}
+
#time_line img{position:absolute;left:0px;width:227px;height:250px;margin-left:0px;}
-
.cover p{text-align:left;margin:35px;}
+
#time_line p{position:absolute;left:227px;height:auto;margin:55px 35px;font-size:17px;text-align:justify;font-weight:lighter;}
-
.cover p span{font-size:30px;}
+
</style>
</style>
</head>
</head>
Line 38: Line 38:
<div id="outline">
<div id="outline">
<p>
<p>
-
<span>Outline</span><br/>
+
<span>Synthetic Biology for Realer Living</span><br/>
-
<!--
+
This year, the SCUT 2014 iGEM team has focused on the topic---"Synthetic Biology for Realer Living". We have made great efforts to let common people know that Synthetic Biology is around us and can help to simplify and optimize our life. We can use it for better life.<br/>
-
The Human Practice part of this year is completely in the charge of Wang Zhizheng. He has determined the topic of HP, “Synthetic Biology Beautifies Our Life”. He designed a variety of methods to promote this topic and make knowledge of synthetic biology and iGEM. He has opened the internet communication platform, compiled our original magazine,”iGEM Life”, traveled to HongKong, Shenzhen, Wuhan and some places to communicate with other iGEM team. What’s more, he and his assistants also did two surveys to observe the change of their attitude towards synthetic biology and iGEM. So he made considerable efforts and contributions to making our HP part better.
+
Firstly, we made several reports for high school students, undergraduates, and professors about health and medicine, new energy, green production, and pollution control. Secondly, we issued our original magazines to introduce the knowledge of Synthetic Biology and iGEM, the aim of our project, the prospect of our iGEM life etc. Thirdly, we went to Hongkong, Wuhan, Shenzhen and Guangzhou to communicate and discuss with many other iGEM teams. Lastly, we conducted a questionnaire survey to gather the information of public awareness and approving degree of Synthetic Biology and iGEM. In addition, we have received almost one thousand valid questionnaires and completed the data analyses.
-
-->
+
</p>
</p>
</div>
</div>
Line 47: Line 46:
  <div class="slides">
  <div class="slides">
   <ul class="slide-pic">
   <ul class="slide-pic">
-
<li class="cur"><img alt="" src="https://static.igem.org/mediawiki/2014/4/4b/Show1.jpg" /></li>             
+
<li class="cur"><img alt="" src="https://static.igem.org/mediawiki/2014/e/ef/HP-SLIDE-1.jpg" /></li>
-
<li><img alt="" src="https://static.igem.org/mediawiki/2014/a/a7/Show5.jpg" /></li>  
+
<li><img src="https://static.igem.org/mediawiki/2014/2/26/Slide_1.jpg"></li>             
 +
<li><img alt="" src="https://static.igem.org/mediawiki/2014/c/c1/HP-SLIDE-2.jpg" /></li>
 +
<li><img alt="" src="https://static.igem.org/mediawiki/2014/d/d1/HP-SLIDE-3.jpg" /></li>
 +
<li><img alt="" src="https://static.igem.org/mediawiki/2014/f/fd/HP-SLIDE-4.jpg" /></li>
 +
<li><img alt="" src="https://static.igem.org/mediawiki/2014/2/2b/HP-SLIDE-5.jpg" /></li>
 +
<li><img alt="" src="https://static.igem.org/mediawiki/2014/7/7b/HP-SLIDE-6.jpg" /></li>
 +
<li><img alt="" src="https://static.igem.org/mediawiki/2014/3/3b/HP-SLIDE-7.jpg" /></li>
 +
<li><img src="https://static.igem.org/mediawiki/2014/9/95/HP-SLIDE-NO.png"></li>
</ul>
</ul>
<ul class="slide-li">
<ul class="slide-li">
 +
<li><a href="#">●</a></li>
 +
<li><a href="#">●</a></li>
 +
<li><a href="#">●</a></li>
 +
<li><a href="#">●</a></li>
 +
<li><a href="#">●</a></li>
 +
<li><a href="#">●</a></li>
 +
<li><a href="#">●</a></li>
<li><a href="#">●</a></li>
<li><a href="#">●</a></li>
<li><a href="#">●</a></li>
<li><a href="#">●</a></li>
Line 58: Line 71:
$(function ($) {
$(function ($) {
     if ($(".slide-pic").length > 0) {
     if ($(".slide-pic").length > 0) {
-
         var defaultOpts = { interval: 5000, fadeInTime: 300, fadeOutTime: 200 };
+
         var defaultOpts = { interval: 6000, fadeInTime: 300, fadeOutTime: 200 };
         var _titles = $("ul.slide-li li");
         var _titles = $("ul.slide-li li");
         var _titles_bg = $("ul.op li");
         var _titles_bg = $("ul.op li");
Line 94: Line 107:
});
});
</script>
</script>
 +
 +
<div id="time_line">
 +
<a href="https://2014.igem.org/Team:SCUT/HP/Timeline"><img src="https://static.igem.org/mediawiki/2014/0/0c/Timeline-01.png"></a>
 +
<p>
 +
This is an account of our work timeline of HP in the past year, mainly containing reports, communication activities, interviews, visits, investigations, electronic magazines etc. To be specific, our investigations, data analyses and the detailed contents of the electronic magazine will be exhibited separately, which will offer you a thorough view of our efforts. Looking forward to more wonderful items, <a href="https://2014.igem.org/Team:SCUT/HP/Timeline">please click on the page</a>.
 +
</p>
 +
</div>
 +
 +
 +
 +
<div id="M-R">
<div id="M-R">
<div id="magzine">
<div id="magzine">
-
<img src="#">
+
<a href="https://2014.igem.org/Team:SCUT/HP/Visit_and_interview"><img src="https://static.igem.org/mediawiki/2014/a/a9/Magazine1-01-01.png"></a>
-
<img src="#">
+
<a href="https://2014.igem.org/Team:SCUT/HP/Visit_and_interview"><img src="https://static.igem.org/mediawiki/2014/3/36/Magazine-01.png">
 +
<div id="MR-BODY"></a>
<p>
<p>
 +
This is an electronic magazine with a collection of ten well-chosen original articles. During the past summer holiday, we teamed up with the Science Department of our university to successfully launch the original magazine "iGEM" by means of the cooperation between the network platform of the Students' Innovation Club and RenRen professional networking service platform.<br/><a href="https://2014.igem.org/Team:SCUT/HP/Visit_and_interview">Read More</a>
</p>
</p>
 +
</div>
</div>
</div>
<div id="report">
<div id="report">
-
<img src="#">
+
<a href="https://2014.igem.org/Team:SCUT/HP/Practical_analysis"><img src="https://static.igem.org/mediawiki/2014/d/d4/Survey-01-01.png"></a>
-
<img src="#">
+
<a href="https://2014.igem.org/Team:SCUT/HP/Practical_analysis"><img src="https://static.igem.org/mediawiki/2014/8/86/Survey-01.png"></a>
 +
<div id="MR-BODY">
<p>
<p>
 +
This is a report on the questionnaire. By the time of October 15, 2014, we have issued a total of 1,000 questionnaires given to all walks of life, among which altogether 972 valid questionnaires were received and analyzed statistically. The topic of the survey questionnaire is The Investigation on Awareness and Acceptance of Synthetic Biology and iGEM Competition.<br/><a href="https://2014.igem.org/Team:SCUT/HP/Practical_analysis">Read More</a>
</p>
</p>
 +
</div>
</div>
</div>
Line 113: Line 143:
-
<div id="time">
 
-
<div class="cover">
 
-
<h1>TRAVEL</h1>
 
-
</div>
+
 
-
</div>
+
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
$(".cover").mouseover(function(){
+
-
$(this).stop().animate({"marginTop":"0px"},"fast");
+
-
});
+
-
$(".cover").mouseout(function(){
+
-
$(this).stop().animate({"marginTop":"175px"},"fast");
+
-
});
+
-
});
+
-
</script>
+

Latest revision as of 04:34, 27 November 2014

Synthetic Biology for Realer Living
This year, the SCUT 2014 iGEM team has focused on the topic---"Synthetic Biology for Realer Living". We have made great efforts to let common people know that Synthetic Biology is around us and can help to simplify and optimize our life. We can use it for better life.
Firstly, we made several reports for high school students, undergraduates, and professors about health and medicine, new energy, green production, and pollution control. Secondly, we issued our original magazines to introduce the knowledge of Synthetic Biology and iGEM, the aim of our project, the prospect of our iGEM life etc. Thirdly, we went to Hongkong, Wuhan, Shenzhen and Guangzhou to communicate and discuss with many other iGEM teams. Lastly, we conducted a questionnaire survey to gather the information of public awareness and approving degree of Synthetic Biology and iGEM. In addition, we have received almost one thousand valid questionnaires and completed the data analyses.

This is an account of our work timeline of HP in the past year, mainly containing reports, communication activities, interviews, visits, investigations, electronic magazines etc. To be specific, our investigations, data analyses and the detailed contents of the electronic magazine will be exhibited separately, which will offer you a thorough view of our efforts. Looking forward to more wonderful items, please click on the page.

This is an electronic magazine with a collection of ten well-chosen original articles. During the past summer holiday, we teamed up with the Science Department of our university to successfully launch the original magazine "iGEM" by means of the cooperation between the network platform of the Students' Innovation Club and RenRen professional networking service platform.
Read More

This is a report on the questionnaire. By the time of October 15, 2014, we have issued a total of 1,000 questionnaires given to all walks of life, among which altogether 972 valid questionnaires were received and analyzed statistically. The topic of the survey questionnaire is The Investigation on Awareness and Acceptance of Synthetic Biology and iGEM Competition.
Read More