Team:SCUT/HP

From 2014.igem.org

(Difference between revisions)
 
(155 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;}
-
#time{margin:0 auto;margin-top:50px;width:980px;height:250px;border:1px solid #e3e3e3;overflow:hidden;}
+
#M-R{margin:50px auto;width:980px;height:370px;text-align:justify;}
-
.T-body{width:980px;height:200px;margin:0 auto;}
+
#M-R img{width:228px;height:150px;margin:0 auto;}
-
.T-body img{width:980px;height:200px;margin:0 auto;}
+
#magzine{position:absolute;width:460px;height:370px;margin-left:0px;}
-
.cover{z-index:1000;margin:175px auto;width:980px;height:250px;background-color:#DCF1F7;}
+
#MR-BODY{position:absolute;left:0px;border:1px solid #e3e3e3;}
-
.cover p{text-align:left;}
+
#MR-BODY p{margin:35px;font-size:17px;font-weight:lighter;}
-
.cover p span{font-size:30px;margin-top:100px;border:1px solid black;}
+
#report{position:absolute;width:460px;height:370px;margin-left:520px;}
 +
 
 +
 
 +
 
 +
#time_line{position:relative;width:980px;height:250px;border:1px solid #e3e3e3;margin:50px auto 0 auto;}
 +
#time_line img{position:absolute;left:0px;width:227px;height:250px;margin-left:0px;}
 +
#time_line p{position:absolute;left:227px;height:auto;margin:55px 35px;font-size:17px;text-align:justify;font-weight:lighter;}
</style>
</style>
</head>
</head>
Line 30: 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 36: 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 47: 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 84: Line 108:
</script>
</script>
-
 
+
<div id="time_line">
-
<div id="time">
+
<a href="https://2014.igem.org/Team:SCUT/HP/Timeline"><img src="https://static.igem.org/mediawiki/2014/0/0c/Timeline-01.png"></a>
-
<div class="cover">
+
<p>
<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>
-
1.This is the first time that we have presented our project to the group of faculties we invited, who come from different departments and labs. We introduced our project and discussed the main idea of our project, “Comparmentalization”with them. And we learned a few of significant suggestions.<br/>
 
-
2. On the same day, we released the first questionnaire towards the faculties who are engaged in the area of bioscience research. The title is Approving Degree Questionnaire of The iGEM Project of Cellular Compartmentalization. The questionnaire aims at reflecting the approving degree of our idea.
 
 +
 +
 +
<div id="M-R">
 +
 +
<div id="magzine">
 +
<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>
 +
<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>
 +
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>
-
<script type="text/javascript">
+
<div id="report">
-
$(document).ready(function(){
+
<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>
-
$(".cover").mouseover(function(){
+
<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>
-
$(this).stop().animate({"marginTop":"0px"},"fast");
+
<div id="MR-BODY">
-
});
+
<p>
-
$(".cover").mouseout(function(){
+
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>
-
$(this).stop().animate({"marginTop":"175px"},"fast");
+
</p>
-
});
+
</div>
-
});
+
</div>
-
</script>
+
 
 +
</div>
 +
 
 +
 
 +
 
 +
 

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

Retrieved from "http://2014.igem.org/Team:SCUT/HP"