Team:SCUT/HP

From 2014.igem.org

(Difference between revisions)
 
(94 intermediate revisions not shown)
Line 3: Line 3:
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
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:left;}
+
#outline{width:980px;height:auto;border:1px solid #e3e3e3;margin:0 auto;text-align:justify;}
-
#outline p{margin:35px;}
+
#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;}
#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:0px;}
+
#M-R img{width:228px;height:150px;margin:0 auto;}
-
img#right{margin-left:1px;}
+
-
#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 37: Line 38:
<div id="outline">
<div id="outline">
<p>
<p>
-
<span>Outline</span>
+
<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/>
 +
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 43: 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 54: 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 90: 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="#" id="right">
+
<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 109: 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