Difference between revisions of "Team:SZU-China/Human Practices"
Xiexiaohan (Talk | contribs) |
Xiexiaohan (Talk | contribs) |
||
| Line 89: | Line 89: | ||
| − | + | title1.onclick=function (e) { | |
| + | |||
| + | e.stopPropagation();//阻止事件冒泡即可 | ||
| + | |||
| + | } | ||
| + | title2.onclick=function (e) { | ||
| + | |||
| + | e.stopPropagation();//阻止事件冒泡即可 | ||
| + | |||
| + | } | ||
| + | title3.onclick=function (e) { | ||
| + | |||
| + | e.stopPropagation();//阻止事件冒泡即可 | ||
| + | |||
| + | } | ||
| + | title4.onclick=function (e) { | ||
| + | |||
| + | e.stopPropagation();//阻止事件冒泡即可 | ||
| + | |||
| + | } | ||
| + | title5.onclick=function (e) { | ||
| + | |||
| + | e.stopPropagation();//阻止事件冒泡即可 | ||
| + | |||
| + | } | ||
| + | title6.onclick=function (e) { | ||
e.stopPropagation();//阻止事件冒泡即可 | e.stopPropagation();//阻止事件冒泡即可 | ||
| Line 168: | Line 193: | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px; color: white; font-size: 20px;" id="content1" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px; color: white; font-size: 20px;" id="content1" class="content1"> | ||
<div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | ||
| − | <span class="kuang_title h2" ><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a></span> | + | <span class="kuang_title h2" id="title1"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a></span> |
</div> | </div> | ||
<div class="card h-50 align-middle" style="background-color: #3880A0;width: 100%; padding-top: 10px;margin-top: 50px;"> | <div class="card h-50 align-middle" style="background-color: #3880A0;width: 100%; padding-top: 10px;margin-top: 50px;"> | ||
| Line 183: | Line 208: | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content2" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content2" class="content1"> | ||
<div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | ||
| − | <span class="kuang_title h2" ><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/MeetUp">Meetup</a></span> | + | <span class="kuang_title h2" id="title2"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/MeetUp">Meetup</a></span> |
</div> | </div> | ||
<div class="card h-50" style="background-color: #3880A0;width: 100%;height: 100px;padding-top: 10px;margin-top: 20px"> | <div class="card h-50" style="background-color: #3880A0;width: 100%;height: 100px;padding-top: 10px;margin-top: 20px"> | ||
| Line 198: | Line 223: | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content3" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content3" class="content1"> | ||
<div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | ||
| − | <span class="kuang_title h2" ><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Investigation">Investigation</a></span> | + | <span class="kuang_title h2" id="title3"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Investigation">Investigation</a></span> |
</div> | </div> | ||
<div class="card h-50" style="background-color: #3880A0;width: 100%;height: 100px;padding-top: 10px;margin-top: 20px"> | <div class="card h-50" style="background-color: #3880A0;width: 100%;height: 100px;padding-top: 10px;margin-top: 20px"> | ||
| Line 213: | Line 238: | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content4" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content4" class="content1"> | ||
<div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | ||
| − | <span class="kuang_title h2" ><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Simulation">Simulation</a></span> | + | <span class="kuang_title h2" id="title4"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Simulation">Simulation</a></span> |
</div> | </div> | ||
<div class="card h-50" style="background-color: #3880A0;width: 100%;height: 100px;padding-top: 10px;margin-top: 20px"> | <div class="card h-50" style="background-color: #3880A0;width: 100%;height: 100px;padding-top: 10px;margin-top: 20px"> | ||
| Line 228: | Line 253: | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content5" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content5" class="content1"> | ||
<div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | ||
| − | <span class="kuang_title h2" ><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Public_Engagement">Education & public engagement</a></span> | + | <span class="kuang_title h2" id="title5"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Public_Engagement">Education & public engagement</a></span> |
</div> | </div> | ||
<div class="card h-50" style="background-color: #3880A0;width: 100%;height: 100px;padding-top: 10px;margin-top: 20px"> | <div class="card h-50" style="background-color: #3880A0;width: 100%;height: 100px;padding-top: 10px;margin-top: 20px"> | ||
| Line 243: | Line 268: | ||
<div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content6" class="content1"> | <div style="height:400px;float:right;z-index: 100;position: relative;padding-left: 30px;display: none; color: white; font-size: 20px;" id="content6" class="content1"> | ||
<div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | <div style="height: 40px;width: 100%;margin: 0 auto;font-size: 25px;text-align: center"> | ||
| − | <span class="kuang_title h2" ><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></span> | + | <span class="kuang_title h2" id="title6"><a style="color: #3880A0;" href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></span> |
</div> | </div> | ||
<div class="card h-50" style="background-color: #3880A0;width: 100%;height: 100px;padding-top: 10px;margin-top: 20px"> | <div class="card h-50" style="background-color: #3880A0;width: 100%;height: 100px;padding-top: 10px;margin-top: 20px"> | ||
Revision as of 15:30, 17 October 2018
Human Practices
At the beginning of 2018 SZU-China team, we had a brainstorming to decide our topic. We carried out three topics which were all close to daily lives and we didn’t know which to choose.
To strengthen the communication between iGEM and the public, we designed an applet named biocompany and post our ideas there. It’s a platform for the public to engage in the iGEM.
With the comments that people gave in Biocompany, we finally decided our project, cockroach terminator. For more details about our applet, please read our applet part.