Difference between revisions of "Team:SZU-China/Human Practices"
| Line 5: | Line 5: | ||
</head> | </head> | ||
| + | |||
| Line 12: | Line 13: | ||
} | } | ||
</style> | </style> | ||
| − | |||
<body> | <body> | ||
| Line 20: | Line 20: | ||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
| − | <div class="col-lg-4 col-md-10 offset- | + | <div class="col-lg-4 col-md-10 offset-2"> |
<div class="row"></div> | <div class="row"></div> | ||
| − | <div class="text-center" style="overflow: hidden;width: 100%;height: 500px;padding-top: 20px"> | + | <div class="text-center" style="overflow: hidden;width: 100%;height: 500px;padding-top: 20px" class="hh"> |
<div style="width: 70%;height: 400px;margin: 0 auto"> | <div style="width: 70%;height: 400px;margin: 0 auto"> | ||
<div style="height: 400px;width: 400px;position:relative;margin: 0 auto;float: left" class=""> | <div style="height: 400px;width: 400px;position:relative;margin: 0 auto;float: left" class=""> | ||
| Line 86: | Line 86: | ||
<img src="https://static.igem.org/mediawiki/2018/f/fc/T--SZU-China--HP-gif6.gif" id="gif_bg6" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px;display: none" /> | <img src="https://static.igem.org/mediawiki/2018/f/fc/T--SZU-China--HP-gif6.gif" id="gif_bg6" class="gif_bg" width="550px" height="400px" style="border-radius: 50%;margin-left: -40px;display: none" /> | ||
<script> | <script> | ||
| + | ///新增 | ||
| + | var i=1; | ||
| + | $(".hh").click(function () { | ||
| + | |||
| + | |||
| + | $("#gif_bg"+i).hide(); | ||
| + | i = (i+1); | ||
| + | if(i==7) i=1; | ||
| + | $("#gif_bg"+i).show(); | ||
| + | $("#gif_bg"+i).attr("src","gif/gif"+i+".gif"); | ||
| + | }); | ||
| + | ///新增 | ||
$(".dot_btn").click(function () { | $(".dot_btn").click(function () { | ||
$(".content1").each(function () { | $(".content1").each(function () { | ||
| Line 131: | Line 143: | ||
| − | <div class="col-lg-5 col-md-10 | + | <div class="col-lg-5 offset-1 col-md-10 text-center"> |
<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"> | ||
| Line 137: | Line 149: | ||
</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;"> | ||
| − | <span style="">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.</span> | + | <span style="padding-top: 5%;">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.</span> |
</div> | </div> | ||
<div class="card h-50" style="background-color: #3880A0;width: 100%;padding-top: 10px;margin-top: 20px;"> | <div class="card h-50" style="background-color: #3880A0;width: 100%;padding-top: 10px;margin-top: 20px;"> | ||
| Line 164: | Line 176: | ||
<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"> | + | <span class="kuang_title h2" ><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 230: | Line 242: | ||
| + | <script> | ||
| + | ///新增 | ||
| + | window.onload = function () { | ||
| + | $("#gif_bg2").hide(); | ||
| + | $("#gif_bg3").hide(); | ||
| + | $("#gif_bg4").hide(); | ||
| + | $("#gif_bg5").hide(); | ||
| + | $("#gif_bg6").hide(); | ||
| + | }; | ||
| + | ///新增 | ||
| + | </script> | ||
Revision as of 13:23, 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.