Difference between revisions of "Team:CPU CHINA/HP/Silver"
Ser Archer (Talk | contribs) |
Ser Archer (Talk | contribs) |
||
| (35 intermediate revisions by 2 users not shown) | |||
| Line 10: | Line 10: | ||
</head> | </head> | ||
<style> | <style> | ||
| + | |||
| + | #foot-c116{display:none;} | ||
| + | #globalWrapper{background-color:#f7f5f0 !important} | ||
.hp-block | .hp-block | ||
{ | { | ||
| Line 87: | Line 90: | ||
} | } | ||
| − | #ted-video,#ted-txt,.club-txt | + | #ted-video,#ted-txt,.club-txt,.booklet |
{ | { | ||
display:none; | display:none; | ||
| Line 95: | Line 98: | ||
height:80%; | height:80%; | ||
line-height:3.5rem; | line-height:3.5rem; | ||
| + | font-size:1.5rem !important; | ||
} | } | ||
| − | p{text-align:center !important; | + | p{text-align:center !important;margin-top:5%;} |
| − | + | ||
| − | + | ||
| − | margin-top:5%; | + | |
| − | } | + | |
.Txt{ | .Txt{ | ||
| Line 107: | Line 107: | ||
top:-90% !important; | top:-90% !important; | ||
left:-120%; | left:-120%; | ||
| − | width: | + | width:300% !important; |
word-break:normal; | word-break:normal; | ||
display:none; | display:none; | ||
| Line 118: | Line 118: | ||
z-index:2000000000; | z-index:2000000000; | ||
} | } | ||
| + | |||
| + | .anniu { | ||
| + | position: relative; | ||
| + | top: -34em; | ||
| + | transition: top 0.2s; | ||
| + | margin: 0 0 0 10px; | ||
| + | } | ||
| + | |||
| + | .anniu>img { | ||
| + | height: 50px; | ||
| + | } | ||
| + | |||
| + | .anniu:hover { | ||
| + | top: 90px; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
| Line 127: | Line 143: | ||
</button> | </button> | ||
<div id="Txt-btn1" class="Txt">Click me to watch Ted!</div> | <div id="Txt-btn1" class="Txt">Click me to watch Ted!</div> | ||
| + | <div id="arrow1" class="anniu"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/7/7e/T--HZAU-China--arrow.gif"> | ||
| + | </div> | ||
</div> | </div> | ||
| Line 134: | Line 153: | ||
</button> | </button> | ||
<div id="Txt-btn2" class="Txt">Click me to learn about our club!</div> | <div id="Txt-btn2" class="Txt">Click me to learn about our club!</div> | ||
| + | <div id="arrow2" class="anniu"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/7/7e/T--HZAU-China--arrow.gif"> | ||
| + | </div> | ||
</div> | </div> | ||
| Line 141: | Line 163: | ||
</button> | </button> | ||
<div id="Txt-btn3" class="Txt">Click me to open a booklet!</div> | <div id="Txt-btn3" class="Txt">Click me to open a booklet!</div> | ||
| + | <div id="arrow3" class="anniu"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/7/7e/T--HZAU-China--arrow.gif"> | ||
| + | </div> | ||
</div> | </div> | ||
| Line 155: | Line 180: | ||
<div class="page_content" style="text-align:center;font-family:'Century Gothic';"> | <div class="page_content" style="text-align:center;font-family:'Century Gothic';"> | ||
<h2>TED speech on campus</h2> | <h2>TED speech on campus</h2> | ||
| − | <div id="ted-txt" style="text-align:left;font-size: | + | <div id="ted-txt" style="text-align:left;font-size:1.5em;line-height:3.5rem;display:block;">TEDxCPU is another student organization on our campus, they were licensed by TED officially. They provide a platform at school to tell stories, share interesting thoughts. In their Summer Lecture 2018, our leader, Huandi Xu made a speech named “Synthesis Biology—Create a better future.” He showed how synthesis biology can make our life more convenient and introduced iGEM to the audience, to promote public awareness of this field and this great international competition. There were nearly 100 people in the field watching. Some of them showed keen interest in synthesis biology after the speech, and approach Huandi for more information. (<a onclick="turnToVideo()">Click here to watch the video</a>).</div> |
<video id="ted-video" style="display:none;" controls="controls" preload="preload" loop="loop"> | <video id="ted-video" style="display:none;" controls="controls" preload="preload" loop="loop"> | ||
<source src="https://static.igem.org/mediawiki/2018/9/90/T--CPU_CHINA--hp-ted.mp3" type="video/mp3"/> | <source src="https://static.igem.org/mediawiki/2018/9/90/T--CPU_CHINA--hp-ted.mp3" type="video/mp3"/> | ||
| Line 170: | Line 195: | ||
<div class="page_content" style="text-align:center;font-family:'Century Gothic';"> | <div class="page_content" style="text-align:center;font-family:'Century Gothic';"> | ||
<div style="width:100%"><h2 id="hp-block2-head">CPU Bio-X Club</h2></div> | <div style="width:100%"><h2 id="hp-block2-head">CPU Bio-X Club</h2></div> | ||
| − | <div id="club-txt1" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt1" class="club-txt" style="text-align:left;font-size:1.2em;display:block;">CPU Bio-X Club, the first student-based school organization for life sciences of China Pharmaceutical University, was established by our senior schoolmates—2017 CPU_CHINA iGEMers . Thank them for all their effort. Our club aims to promote iGEM, trainnew iGEMers and provide an academic exchange platform for allstudents who are interested in life sciences. In order to do that, we organizevarious activities throughoutthe whole year on campus. |
Journal Club (JC)is held every week. Each time one of our club members presents a recent article in the biomedical literature and/ora former iGEM case. Sometimes weinvite faculty members to talk about their researches. Before the eventwe inform our schoolmates of the specific materials to be discussed with a poster. All who are interested are welcome.After the presentations, audience are allowed to raisequestions and give opinions of their own. | Journal Club (JC)is held every week. Each time one of our club members presents a recent article in the biomedical literature and/ora former iGEM case. Sometimes weinvite faculty members to talk about their researches. Before the eventwe inform our schoolmates of the specific materials to be discussed with a poster. All who are interested are welcome.After the presentations, audience are allowed to raisequestions and give opinions of their own. | ||
<p><a id="1" onclick="turnToNext(this.id)">[Read more]</a></p> | <p><a id="1" onclick="turnToNext(this.id)">[Read more]</a></p> | ||
</div> | </div> | ||
| − | <div id="club-txt2" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt2" class="club-txt" style="text-align:left;font-size:1.2em;"> |
<center><img src="https://static.igem.org/mediawiki/2018/0/03/T--CPU_CHINA--club1.png" width="70%"></center> | <center><img src="https://static.igem.org/mediawiki/2018/0/03/T--CPU_CHINA--club1.png" width="70%"></center> | ||
<center><h6>Figure1. The Journal Club</h6></center> | <center><h6>Figure1. The Journal Club</h6></center> | ||
| Line 181: | Line 206: | ||
</div> | </div> | ||
| − | <div id="club-txt3" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt3" class="club-txt" style="text-align:left;font-size:1.2em;"> |
<center><img src="https://static.igem.org/mediawiki/2018/0/04/T--CPU_CHINA--silver-club2.jpg" width="43%"></center> | <center><img src="https://static.igem.org/mediawiki/2018/0/04/T--CPU_CHINA--silver-club2.jpg" width="43%"></center> | ||
<center><h6>Figure2. The propaganda poster of JC</h6></center> | <center><h6>Figure2. The propaganda poster of JC</h6></center> | ||
| Line 187: | Line 212: | ||
</div> | </div> | ||
| − | <div id="club-txt4" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt4" class="club-txt" style="text-align:left;font-size:1.2em;"> |
Apart from JC, we try to organize novel activities to get more people involved. Last year we had “Academic Debate Contest”. For this year, we organized the activity “Surviving in the BioValley ”. It was anorienteering event but combined with quiz of synthetic biology, molecular biology and biochemistry. This activity emphasized public engagement and allowed all participants to broaden their biological knowledge in an entertaining way. There were about 200 people participated in the activity. | Apart from JC, we try to organize novel activities to get more people involved. Last year we had “Academic Debate Contest”. For this year, we organized the activity “Surviving in the BioValley ”. It was anorienteering event but combined with quiz of synthetic biology, molecular biology and biochemistry. This activity emphasized public engagement and allowed all participants to broaden their biological knowledge in an entertaining way. There were about 200 people participated in the activity. | ||
<p><a id="4" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-4" onclick="turnBack(this.id)">[Backwards]</a></p> | <p><a id="4" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-4" onclick="turnBack(this.id)">[Backwards]</a></p> | ||
</div> | </div> | ||
| − | <div id="club-txt5" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt5" class="club-txt" style="text-align:left;font-size:1.2em;"> |
<center><img src="https://static.igem.org/mediawiki/2018/2/2a/T--CPU_CHINA--silver-club3.jpg" width="80%"></center> | <center><img src="https://static.igem.org/mediawiki/2018/2/2a/T--CPU_CHINA--silver-club3.jpg" width="80%"></center> | ||
<center><h6>Figure3.Surviving in the BioValley</h6></center> | <center><h6>Figure3.Surviving in the BioValley</h6></center> | ||
| Line 198: | Line 223: | ||
</div> | </div> | ||
| − | <div id="club-txt6" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt6" class="club-txt" style="text-align:left;font-size:1.2em;"> |
After the activity, we helped our junior schoolmates hold a recruitment for 2019 iGEM team. We interviewed more than 20 students and selected those who are talent in academic, mathematic modeling and art design. | After the activity, we helped our junior schoolmates hold a recruitment for 2019 iGEM team. We interviewed more than 20 students and selected those who are talent in academic, mathematic modeling and art design. | ||
<p><a id="6" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-6" onclick="turnBack(this.id)">[Backwards]</a></p> | <p><a id="6" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-6" onclick="turnBack(this.id)">[Backwards]</a></p> | ||
</div> | </div> | ||
| − | <div id="club-txt7" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt7" class="club-txt" style="text-align:left;font-size:1.2em;"> |
<center><img src="https://static.igem.org/mediawiki/2018/5/5d/T--CPU_CHINA--club9.png" width="80%"></center> | <center><img src="https://static.igem.org/mediawiki/2018/5/5d/T--CPU_CHINA--club9.png" width="80%"></center> | ||
<center><h6>Figure4. The recruitment for 2019 iGEM team.</h6></center> | <center><h6>Figure4. The recruitment for 2019 iGEM team.</h6></center> | ||
| Line 209: | Line 234: | ||
</div> | </div> | ||
| − | <div id="club-txt8" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt8" class="club-txt" style="text-align:left;font-size:1.2em;">Surviving in the BioValley was an orienteering event but combined with quiz of synthetic biology, molecular biology and biochemistry, which allow all participants to broaden their biological knowledge in an entertaining way. There is no need for the participants to worry that they can't solve the problems. Every team is allowed to research the answers by various?ways, such as finding answers in the books, Internet and so forth. The fastest team finish all the games will be the biggest winner. Now, let's begin the game! |
<p><a id="8" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-8" onclick="turnBack(this.id)">[Backwards]</a></p> | <p><a id="8" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-8" onclick="turnBack(this.id)">[Backwards]</a></p> | ||
</div> | </div> | ||
| − | <div id="club-txt9" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt9" class="club-txt" style="text-align:left;font-size:1.2em;"> |
| − | <center>< | + | <center><https://2018.igem.org/File:T--CPU_CHINA--HP-booklet1.png" width="48%"></center> |
| − | + | ||
<center><p><a id="9" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-9" onclick="turnBack(this.id)">[Backwards]</a></p></center> | <center><p><a id="9" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-9" onclick="turnBack(this.id)">[Backwards]</a></p></center> | ||
</div> | </div> | ||
| − | <div id="club-txt10" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt10" class="club-txt" style="text-align:left;font-size:1.2em;"> |
The first stop is the synthetic biology venue. Here we borrow the projects of Fudan team and SDU_CHINA team in 2017 iGEM. In the first project, you need to construct the "stripe" to response to different intensity signal input. In the other project, you should construct two plasmids based on CRISPR technique to cleave PD-L1 gene in cancer cells and make sure they are safe for normal cells simultaneously. The guide will tell you the function of every part. If you can't decide how to construct the plasmids, you can skip this part, but with total time increasing 20 minutes. | The first stop is the synthetic biology venue. Here we borrow the projects of Fudan team and SDU_CHINA team in 2017 iGEM. In the first project, you need to construct the "stripe" to response to different intensity signal input. In the other project, you should construct two plasmids based on CRISPR technique to cleave PD-L1 gene in cancer cells and make sure they are safe for normal cells simultaneously. The guide will tell you the function of every part. If you can't decide how to construct the plasmids, you can skip this part, but with total time increasing 20 minutes. | ||
<p><a id="10" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-10" onclick="turnBack(this.id)">[Backwards]</a></p> | <p><a id="10" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-10" onclick="turnBack(this.id)">[Backwards]</a></p> | ||
</div> | </div> | ||
| − | <div id="club-txt11" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt11" class="club-txt" style="text-align:left;font-size:1.2em;"> |
| − | <center><img src="https://static.igem.org/mediawiki/2018/2/ | + | <center><img src="https://static.igem.org/mediawiki/2018/2/21/T--CPU_CHINA--HP-booklet2.png" width="48%"></center> |
| − | + | ||
<center><p><a id="11" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-11" onclick="turnBack(this.id)">[Backwards]</a></p></center> | <center><p><a id="11" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-11" onclick="turnBack(this.id)">[Backwards]</a></p></center> | ||
</div> | </div> | ||
| − | <div id="club-txt12" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt12" class="club-txt" style="text-align:left;font-size:1.2em;"> |
The second stop is the venue of molecular biology. In this level, you can engage in Dodgeball of gene. Choose a theme, then knock the uncorrelated cups down with a ball. For example, in transcription theme, there are seven cups marked with telomerase, enhancer, promoter and so on. So you need to knock down the cups labeled with telomerase. | The second stop is the venue of molecular biology. In this level, you can engage in Dodgeball of gene. Choose a theme, then knock the uncorrelated cups down with a ball. For example, in transcription theme, there are seven cups marked with telomerase, enhancer, promoter and so on. So you need to knock down the cups labeled with telomerase. | ||
<p><a id="12" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-12" onclick="turnBack(this.id)">[Backwards]</a></p> | <p><a id="12" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-12" onclick="turnBack(this.id)">[Backwards]</a></p> | ||
</div> | </div> | ||
| − | <div id="club-txt13" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt13" class="club-txt" style="text-align:left;font-size:1.2em;"> |
| − | <center><img src="https://static.igem.org/mediawiki/2018/2/28/T--CPU_CHINA--silver-club6.jpg" width=" | + | <center><img src="https://static.igem.org/mediawiki/2018/2/28/T--CPU_CHINA--silver-club6.jpg" width="70%"></center> |
<center><h6>Figure3. Dodgeball of gene</h6></center> | <center><h6>Figure3. Dodgeball of gene</h6></center> | ||
<center><p><a id="13" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-13" onclick="turnBack(this.id)">[Backwards]</a></p></center> | <center><p><a id="13" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-13" onclick="turnBack(this.id)">[Backwards]</a></p></center> | ||
</div> | </div> | ||
| − | <div id="club-txt14" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt14" class="club-txt" style="text-align:left;font-size:1.2em;"> |
Now, we arrive at outdoor venue of the biochemistry theme. There are two tasks, Draw something and Bio-hopscotch, that you need to accomplish. Draw something is the game that one person draw some required biochemical terms like t-RNA, chromosome, and the other guess what the picture is. One who paints can't speak or write any words. Bio-hopscotch test the gamer's knowledge of biochemical reactions. You can choose lower difficulty of Draw something for five questions to match higher difficulty of Bio-hopscotch of glycolysis and Kreb's cycle. Or higher difficulty of Draw something for eight questions match lower difficulty of Bio-hopscotch of Hatch-Slack Cycle. This outdoor activity also attracted many passersby to engage in it. | Now, we arrive at outdoor venue of the biochemistry theme. There are two tasks, Draw something and Bio-hopscotch, that you need to accomplish. Draw something is the game that one person draw some required biochemical terms like t-RNA, chromosome, and the other guess what the picture is. One who paints can't speak or write any words. Bio-hopscotch test the gamer's knowledge of biochemical reactions. You can choose lower difficulty of Draw something for five questions to match higher difficulty of Bio-hopscotch of glycolysis and Kreb's cycle. Or higher difficulty of Draw something for eight questions match lower difficulty of Bio-hopscotch of Hatch-Slack Cycle. This outdoor activity also attracted many passersby to engage in it. | ||
<p><a id="14" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-14" onclick="turnBack(this.id)">[Backwards]</a></p> | <p><a id="14" onclick="turnToNext(this.id)">[Read more]</a>  <a id="-14" onclick="turnBack(this.id)">[Backwards]</a></p> | ||
</div> | </div> | ||
| − | <div id="club-txt15" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt15" class="club-txt" style="text-align:left;font-size:1.2em;"> |
<center><img src="https://static.igem.org/mediawiki/2018/f/f0/T--CPU_CHINA--silver-club7.jpg" width="80%"></center> | <center><img src="https://static.igem.org/mediawiki/2018/f/f0/T--CPU_CHINA--silver-club7.jpg" width="80%"></center> | ||
<center><h6>Figure4. The students are researching which step the metabolism reaction is</h6></center> | <center><h6>Figure4. The students are researching which step the metabolism reaction is</h6></center> | ||
| Line 252: | Line 275: | ||
</div> | </div> | ||
| − | <div id="club-txt16" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt16" class="club-txt" style="text-align:left;font-size:1.2em;"> |
<center><img src="https://static.igem.org/mediawiki/2018/c/cf/T--CPU_CHINA--silver-club8.jpg" width="80%"></center> | <center><img src="https://static.igem.org/mediawiki/2018/c/cf/T--CPU_CHINA--silver-club8.jpg" width="80%"></center> | ||
<center><h6>Figure5. The metabolic substance</h6></center> | <center><h6>Figure5. The metabolic substance</h6></center> | ||
| Line 258: | Line 281: | ||
</div> | </div> | ||
| − | <div id="club-txt17" class="club-txt" style="text-align:left;font-size: | + | <div id="club-txt17" class="club-txt" style="text-align:left;font-size:1.2em;"> |
During the activity, we also interviewed the participants, asked them some questions about synthetic biology and introduced iGEMas well assynthetic biology to the participants in a professional way. Let’s listen what they said . | During the activity, we also interviewed the participants, asked them some questions about synthetic biology and introduced iGEMas well assynthetic biology to the participants in a professional way. Let’s listen what they said . | ||
<p><a id="-17" onclick="turnBack(this.id)">[Backwards]</a></p> | <p><a id="-17" onclick="turnBack(this.id)">[Backwards]</a></p> | ||
| Line 266: | Line 289: | ||
| − | <!--*********************************** | + | <!--***********************************小册子介绍************************************ --> |
<div id="hp-block3" class="hp-block" style="display:none;"> | <div id="hp-block3" class="hp-block" style="display:none;"> | ||
<div class="page_content" style="text-align:center;font-family:'Century Gothic';"> | <div class="page_content" style="text-align:center;font-family:'Century Gothic';"> | ||
| − | <h2> | + | <div style="width:100%"><h2><a href="https://2018.igem.org/Team:CPU_CHINA/HP/Silver/Page">Booklet</a></h2></div> |
| + | <div id="booklet1" class="booklet" style="text-align:left;font-size:1.2em;display:block"> | ||
| + | We asked some questions about liver cancer in the survey. Hepatocellular carcinoma (HCC) is the fourth most common and the third most lethal cancer in China, accounting for 85–90% of primary liver malignancy. It is particularly prevalent in China because of the high prevalence of chronic hepatitis B infection. | ||
| + | |||
| + | Among the 200 participants, up to 11% report that their relatives or friends have been diagnosed with HCC. However, the interviewees generally only have a brief understanding about this disease, only 3% knows its early symptoms. Therefore, it is of vital importance to popularize relevant knowledge to the public so that the development of HCC might be discovered or prevented at an early stage.<br> | ||
| + | Tip:<a href="https://2018.igem.org/Team:CPU_CHINA/HP/Silver/Page">Please click here to read our booklet !</a> | ||
| + | <p><a id="1" onclick="turnToNext3(this.id)">[Read more]</p></center> | ||
| + | </div> | ||
| + | |||
| + | <div id="booklet2" class="booklet" style="text-align:left;font-size:1.2em;"> | ||
| + | <center><img src="https://static.igem.org/mediawiki/2018/d/d2/T--CPU_CHINA--HP-booklet1.png" width="80%"></center> | ||
| + | <center><p><a id="2" onclick="turnToNext3(this.id)">[Read more]</a>  <a id="-2" onclick="turnBack3(this.id)">[Backwards]</a></p></center> | ||
| + | </div> | ||
| + | |||
| + | <div id="booklet3" class="booklet" style="text-align:left;font-size:1.2em;"> | ||
| + | The World Health Organization believes that more than 40% of cancer can be prevented. Studies have shown that the occurrence of HCC is closely related to viral hepatitis, cirrhosis, aflatoxin and alcohol intake, all of which are preventable. Healthy lifestyle (e.g., regularly taking vitamins E and B) may also reduce the risk of HCC. Contrary to such facts, only half of the interviewees agree that cancer can be avoided with certain measures. What’s more, the majority consider cancer as some kind of senile disease and therefore no special attention is currently needed for the prevention of cancer. | ||
| + | <p><a id="3" onclick="turnToNext3(this.id)">[Read more]</a>  <a id="-3" onclick="turnBack3(this.id)">[Backwards]</a></p></center> | ||
| + | </div> | ||
| + | |||
| + | <div id="booklet4" class="booklet" style="text-align:left;font-size:1.2em;"> | ||
| + | <center><img src="https://static.igem.org/mediawiki/2018/2/21/T--CPU_CHINA--HP-booklet2.png" width="80%"></center> | ||
| + | <center><p><a id="4" onclick="turnToNext3(this.id)">[Read more]</a>  <a id="-4" onclick="turnBack3(this.id)">[Backwards]</a></p></center> | ||
| + | </div> | ||
| + | |||
| + | <div id="booklet5" class="booklet" style="text-align:left;font-size:1.2em;"> | ||
| + | In question 21, only 33% report that they take vitamins on a daily basis, suggesting that we can persuade people of the benefits of vitamin intake and furthermore reduce the probability of HCC by helping people develop vitamin-taking habits. Inspired by these results, we wrote a booklet about the prevention of HCC.(<a href="https://2018.igem.org/Team:CPU_CHINA/HP/Silver/Page">Click here to see the booklet</a>). | ||
| + | <p><a id="-5" onclick="turnBack3(this.id)">[Backwards]</a></p></center> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
</body> | </body> | ||
<script> | <script> | ||
| Line 327: | Line 377: | ||
}) | }) | ||
$("#scroll-3").click(function(){ | $("#scroll-3").click(function(){ | ||
| − | + | $("#hp-block1").hide(); | |
| + | $("#hp-block2").hide(); | ||
| + | $("#hp-block3").show(); | ||
| + | }) | ||
| + | $(".scroll-btn").click(function(){ | ||
| + | var v = document.getElementById("ted-video"); | ||
| + | v.pause(); | ||
}) | }) | ||
| − | |||
/*****************点击链接readmore/backwards******************/ | /*****************点击链接readmore/backwards******************/ | ||
function turnToNext(id){ | function turnToNext(id){ | ||
| Line 346: | Line 401: | ||
$("#club-txt"+id).show(); | $("#club-txt"+id).show(); | ||
} | } | ||
| + | |||
| + | function turnToNext3(id){ | ||
| + | id++; | ||
| + | $(".booklet").hide(); | ||
| + | $("#booklet"+id).show(); | ||
| + | } | ||
| + | function turnBack3(id){ | ||
| + | id=Math.abs(id); | ||
| + | id--; | ||
| + | $(".booklet").hide(); | ||
| + | $("#booklet"+id).show(); | ||
| + | } | ||
| + | |||
| + | function getQueryVariable(){ | ||
| + | //获得当前url地址的?后面的部分 | ||
| + | var query = window.location.search.substring(1); | ||
| + | query=decodeURI(query); | ||
| + | //从?开始往后的部分 | ||
| + | var x=query.split('='); | ||
| + | |||
| + | return x[0]; | ||
| + | } | ||
| + | |||
| + | $(document).ready(function(){ | ||
| + | if(getQueryVariable()=='club'){$("#scroll-2").click();} | ||
| + | }) | ||
</script> | </script> | ||
</html> | </html> | ||
Latest revision as of 14:31, 6 December 2018
Click me to watch Ted!
Click me to learn about our club!
Click me to open a booklet!
TED speech on campus
TEDxCPU is another student organization on our campus, they were licensed by TED officially. They provide a platform at school to tell stories, share interesting thoughts. In their Summer Lecture 2018, our leader, Huandi Xu made a speech named “Synthesis Biology—Create a better future.” He showed how synthesis biology can make our life more convenient and introduced iGEM to the audience, to promote public awareness of this field and this great international competition. There were nearly 100 people in the field watching. Some of them showed keen interest in synthesis biology after the speech, and approach Huandi for more information. (Click here to watch the video).
