Difference between revisions of "Team:SJTU-BioX-Shanghai/home test"
| Line 10: | Line 10: | ||
<link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/style?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/style?action=raw&ctype=text/css" rel="stylesheet"> | ||
<!--[if lt IE 10]> | <!--[if lt IE 10]> | ||
| − | + | <center>您使用的是过时的浏览器，浏览本网页可能会有异常。</center> | |
| − | + | <center>You are using an outdated browser and this page may not display properly.</center> | |
| − | + | <![endif]--> | |
<style> | <style> | ||
.footer .footer-text { | .footer .footer-text { | ||
| Line 60: | Line 60: | ||
padding: 1rem; | padding: 1rem; | ||
font-family: "Gochi Hand"; | font-family: "Gochi Hand"; | ||
| + | } | ||
| + | |||
| + | .first-page { | ||
| + | max-height: calc(100vh - 18px) | ||
} | } | ||
| Line 158: | Line 162: | ||
<a class="navbar-brand" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai"><img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--logo.png" height="55" /></a> | <a class="navbar-brand" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai"><img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--logo.png" height="55" /></a> | ||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation"> | ||
| − | + | <div class="hamburger" id="ham1"> | |
| − | + | <span class="line"></span> | |
| − | + | <span class="line"></span> | |
| − | + | <span class="line"></span> | |
| − | + | </div> | |
| − | + | </button> | |
<div class="collapse navbar-collapse" id="navbarNav1"> | <div class="collapse navbar-collapse" id="navbarNav1"> | ||
<ul class="navbar-nav mr-auto"> | <ul class="navbar-nav mr-auto"> | ||
| Line 180: | Line 184: | ||
</div> | </div> | ||
</nav> | </nav> | ||
| − | <div class="full-bg flex-center flex-column"> | + | <div class="full-bg flex-center flex-column first-page"> |
<img class="img-fluid mainphoto" id="bg1-1" src="https://static.igem.org/mediawiki/2017/5/56/T--SJTU-BioX-Shanghai--bg1.jpeg"> | <img class="img-fluid mainphoto" id="bg1-1" src="https://static.igem.org/mediawiki/2017/5/56/T--SJTU-BioX-Shanghai--bg1.jpeg"> | ||
<img class="img-fluid mainphoto" id="bg1-2" src="https://static.igem.org/mediawiki/2017/9/90/T--SJTU-BioX-Shanghai--bg1-m.jpeg"> | <img class="img-fluid mainphoto" id="bg1-2" src="https://static.igem.org/mediawiki/2017/9/90/T--SJTU-BioX-Shanghai--bg1-m.jpeg"> | ||
| Line 278: | Line 282: | ||
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/5e/T--SJTU-BioX-Shanghai--bc2048.jpeg"> | <img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/5e/T--SJTU-BioX-Shanghai--bc2048.jpeg"> | ||
<video autoplay loop> | <video autoplay loop> | ||
| − | + | <source src="https://static.igem.org/mediawiki/2017/a/af/T--SJTU-BioX-Shanghai--logo-2048.mp4"/> | |
| − | + | </video> | |
<div class="msk flex-center flex-column"> | <div class="msk flex-center flex-column"> | ||
<div class="h3-my-responsive">Color Mix Game</div> | <div class="h3-my-responsive">Color Mix Game</div> | ||
| Line 290: | Line 294: | ||
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/9/94/T--SJTU-BioX-Shanghai--bcwiki.jpeg"> | <img class="img-fluid" src="https://static.igem.org/mediawiki/2017/9/94/T--SJTU-BioX-Shanghai--bcwiki.jpeg"> | ||
<video autoplay loop> | <video autoplay loop> | ||
| − | + | <source src="https://static.igem.org/mediawiki/2017/7/75/T--SJTU-BioX-Shanghai--logo-wiki.mp4"/> | |
| − | + | </video> | |
<div class="msk flex-center flex-column"> | <div class="msk flex-center flex-column"> | ||
<div class="h3-my-responsive">Wiki Design </div> | <div class="h3-my-responsive">Wiki Design </div> | ||
| Line 301: | Line 305: | ||
<a href="fsdf"> | <a href="fsdf"> | ||
<video autoplay loop style="width:100%"> | <video autoplay loop style="width:100%"> | ||
| − | + | ||
| − | + | </video> | |
<div class="msk flex-center flex-column"> | <div class="msk flex-center flex-column"> | ||
<div class="h3-my-responsive">??? </div> | <div class="h3-my-responsive">??? </div> | ||
| Line 331: | Line 335: | ||
</div> | </div> | ||
<script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/jquery? | <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/jquery? | ||
| − | + | action=raw&ctype=text/javascript"></script> | |
<script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/popper? | <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/popper? | ||
| − | + | action=raw&ctype=text/javascript"></script> | |
<script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/ripple? | <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/ripple? | ||
| − | + | action=raw&ctype=text/javascript"></script> | |
<script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/bootstrap? | <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/bootstrap? | ||
| − | + | action=raw&ctype=text/javascript"></script> | |
<script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/script? | <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/script? | ||
| − | + | action=raw&ctype=text/javascript"></script> | |
<script> | <script> | ||
if (bsSys.isiOS || bsSys.isAndroid) { | if (bsSys.isiOS || bsSys.isAndroid) { | ||
Revision as of 06:38, 29 October 2017
A universal multifactorial visualized detection system
Multiple Factor
Detecting multiple input
Just using one type of bacteria
Visualization
Result can be seen by naked eyes
Can use our smart phone to recognize and analyse the color
Detection System
We have developed an APP
Use the information from your smart phone camera
To reckoning the value of input
S.T.A.R.
Small Transcriptional-Activating RNA
A new powerful technology
Start to have powerful applications
