(93 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | {{SZU-China/header}} | ||
<html> | <html> | ||
+ | <style> | ||
+ | .container-fluid { | ||
+ | width: 100%; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | |||
+ | .col-12 { | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | a:hover{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:visited{ | ||
+ | color:white; | ||
+ | } | ||
+ | body { | ||
+ | |||
+ | line-height: 0; | ||
+ | |||
+ | } | ||
+ | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <body style="font-size: 2vw"> | ||
+ | <style> | ||
+ | |||
+ | .recommand{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: "Hollywood"; | ||
+ | src: url("https://static.igem.org/mediawiki/2018/0/0c/T--SZU-China--Hollywood.ttf") format("truetype"); | ||
+ | } | ||
+ | .container-fluid { | ||
+ | width: 100%; | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-12 { | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .col-12 { | ||
+ | -ms-flex: 0 0 100%; | ||
+ | flex: 0 0 100%; | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | a:hover{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:visited{ | ||
+ | color:white; | ||
+ | } | ||
+ | </style> | ||
− | + | <style> | |
− | + | #video-carousel-example > a.carousel-control-prev{ | |
− | + | height: 80%; | |
− | + | } | |
− | + | #video-carousel-example > a.carousel-control-next{ | |
+ | height: 80%; | ||
+ | } | ||
+ | #video-carousel-example > a.carousel-control-next > span.carousel-control-next-icon{ | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | } | ||
+ | #video-carousel-example > a.carousel-control-prev > span.carousel-control-prev-icon{ | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | } | ||
+ | </style> | ||
− | + | <div class="container-fluid" style="background-color: #1c1d1f;"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="col-12"> | |
− | + | <!--Carousel Wrapper--> | |
− | + | <div id="video-carousel-example" class="carousel slide carousel-fade" data-interval="false" data-ride="carousel "> | |
− | + | <!--Indicators--> | |
− | + | <ol class="carousel-indicators"> | |
− | + | <li data-target="#video-carousel-example" data-slide-to="0" class="active"></li> | |
− | + | <li data-target="#video-carousel-example" data-slide-to="1"></li> | |
− | + | ||
− | + | </ol> | |
− | < | + | <!--/.Indicators--> |
− | + | <!--Slides--> | |
− | + | <div class="carousel-inner" role="listbox"> | |
− | < | + | <div class="carousel-item active"> |
− | + | <video style="width: 100%;" class="" autoplay muted> | |
− | < | + | <source src="https://static.igem.org/mediawiki/2018/b/b6/T--SZU-China--home.mp4" type="video/mp4" /> |
− | + | </video> | |
− | </ | + | </div> |
− | + | <div class="carousel-item"> | |
− | + | <video style="width: 100%;" class="" controls muted> | |
− | < | + | <source src="https://static.igem.org/mediawiki/2018/5/5d/T--SZU-China--2018igemvideo.mp4" type="video/mp4" /> |
+ | </video> | ||
+ | </div> | ||
− | + | </div> | |
− | + | <!--/.Slides--> | |
− | + | <!--Controls--> | |
− | + | <a class="carousel-control-prev" href="#video-carousel-example" role="button" data-slide="prev"> | |
− | + | <span class="carousel-control-prev-icon" aria-hidden="true"></span> | |
− | + | <span class="sr-only">Previous</span> | |
− | + | </a> | |
− | + | <a class="carousel-control-next" href="#video-carousel-example" role="button" data-slide="next"> | |
− | + | <span class="carousel-control-next-icon" aria-hidden="true"></span> | |
− | + | <span class="sr-only">Next</span> | |
− | + | </a> | |
− | + | <!--/.Controls--> | |
+ | </div> | ||
+ | <!--Carousel Wrapper--> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="col-12"> | |
− | + | <div class="card"> | |
+ | <div class="view" style="position: relative"> | ||
+ | <div style="position: absolute;top: 22%;left: 13%;line-height: 1.2em"> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">Cockroach carries pathogen and parasites which </span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">are harmful. And can be commonly found in </span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">warm damp area</span> | ||
+ | </div> | ||
+ | <div class="recommand" style="margin-top: 20px;margin-bottom: 20px"> | ||
+ | <span style="color: #39643A;font-family: 'Hollywood',sans-serif;font-size: 42pt;">Problem</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">So this year </span><span style="color: #39643A;">SZU-China iGEM </span><span style="color: white"> team de-</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">signed a </span><span style="color: #39643A;">fungal cockroach terminator </span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: #39643A">system</span><span style="color: white"> based on Metarhizium anisopliae</span> | ||
+ | </div> | ||
+ | <div style="margin-top: 20px;"> | ||
+ | <div style="margin:0 auto;width:9.5em;height: 1.3em;line-height: 1.2em; background-color: #39643A;text-align: center;border-radius: 25px"><a href="https://2018.igem.org/Team:SZU-China/Description" style="color: white;font-size: 0.9em;">click and learn more</a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img class="card-img-bottom" src="https://static.igem.org/mediawiki/2018/4/45/T--SZU-China--1.png"> | ||
+ | </div> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="card" style="position:relative"> | |
− | + | <div class="view" onclick="window.location.href='https://2018.igem.org/Team:SZU-China/Design'"> | |
+ | <div style="position: absolute;top: 50%;left: 49%"> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">Our system consists of</span><span style="color: #8B072E;"> three </span><span style="color: black">parts</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: #8B072E;font-family: 'Hollywood',sans-serif;font-size: 1.75em;">Principle</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">Want to know how we build our system? </span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">Watch the video and learn more</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img class="card-img-bottom" src="https://static.igem.org/mediawiki/2018/6/6b/T--SZU-China--2.png"> | ||
+ | <div class="video" style="position:absolute;top:15.98%;left:6.4%"> | ||
+ | <video width="37.41%" height="62.37%" controls=""> | ||
+ | <source id="video" src="https://static.igem.org/mediawiki/2018/e/e4/T--SZU-China--description_min.mp4" type="video/mp4"> | ||
+ | </video> | ||
+ | </div> | ||
− | + | </div> | |
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | <div class="card"> | |
− | + | <div class="view" style="position: relative"> | |
+ | <div style="position: absolute;top: 16%;left: 18%"> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">We constructed an </span><span style="color: #5E3723;"> epidemic model </span><span style="color: white">to</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">estimate the efficiency of our product</span> | ||
+ | </div> | ||
+ | <div style="margin-top: 10px;margin-bottom: 20px" class="recommand"> | ||
+ | <span style="color: #5E3723;font-family: 'Hollywood',sans-serif;font-size: 1.75em;margin-top: 10px">Modeling</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">and </span><span style="color: #5E3723;">statistic model </span><span style="color: white">helping us get sci-</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">entific results of simulation experiment</span> | ||
+ | </div> | ||
+ | <div style="margin-top: 20px;"> | ||
+ | <div style="margin:0 auto;width:9.5em;height: 1.3em;line-height: 1.2em; background-color: #5E3723;text-align: center;border-radius: 25px"><a href="https://2018.igem.org/Team:SZU-China/Model" style="color: white;font-size: 0.9em;">click and learn more</a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img class="card-img-bottom" src="https://static.igem.org/mediawiki/2018/a/a9/T--SZU-China--3.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <div class="view" style="position: relative"> | ||
+ | <div style="position: absolute;font-size: 0.83em;top: 24%;left: 40%"> | ||
+ | <div style="margin-top: 10px;" class="recommand"> | ||
+ | <span style="color: #324452;font-family: 'Hollywood',sans-serif;font-size: 1.75em;">Application</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">To put our lab work </span><strong><span style="color: #324452;">into market</span></strong><span style="color: black"> as soon ,we de-</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">signed models which can contain our Metarhizium </span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">anisopliae and can lure cockroaches simultaneous-</span> | ||
+ | </div> | ||
+ | |||
+ | <div class="recommand"> | ||
+ | <span style="color: black">ly. It is also </span><strong><span style="color: #324452;">cheap and convenient </span></strong><span style="color: black">to use for the </span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">customers</span> | ||
+ | </div> | ||
+ | <div style="margin-top: 20px;"> | ||
+ | <div style="margin:0 auto;width:9.5em;height: 1.3em;line-height: 1.2em; background-color: #324452;text-align: center;border-radius: 25px"><a href="https://2018.igem.org/Team:SZU-China/Applied_Design" style="color: white;font-size: 0.9em;">click and learn more</a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img class="card-img-bottom" src="https://static.igem.org/mediawiki/2018/a/ae/T--SZU-China--4.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <div class="view" style="position: relative"> | ||
+ | <div style="position: absolute;top: 23%;left: 20%"> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">To figure out whether our projects are </span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">responsible and good for the world</span> | ||
+ | </div> | ||
+ | <div style="margin-top: 20px;margin-bottom: 25px;"> | ||
+ | <span style="color: #8B072E;font-family: 'Hollywood',sans-serif;font-size: 1.5em;padding-left: 137px">human practice</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">It helps us get much </span><span style="color: #8B072E">feedback</span><span style="color: white"> and </span><span style="color: #8B072E">meet</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: #8B072E;">more need</span><span style="color: white"> of the social.</span> | ||
+ | </div> | ||
+ | <div style="margin-top: 20px;"> | ||
+ | <div style="margin:0 auto;width:9.5em;height: 1.3em;line-height: 1.2em; background-color: #8B072E;text-align: center;border-radius: 25px"><a href="https://2018.igem.org/Team:SZU-China/Human_Practices" style="color: white;font-size: 0.9em;">click and learn more</a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img class="card-img-bottom" src="https://static.igem.org/mediawiki/2018/b/b7/T--SZU-China--5.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <div class="view" style="position: relative"> | ||
+ | <div style="position: absolute;top: 20%;left: 42%"> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">Finding the important to connect the public </span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">with iGEM,</span><span style="color: #324452">we create</span> | ||
+ | </div> | ||
+ | <div style="margin-top: 10px;margin-bottom: 10px;" class="recommand"> | ||
+ | <span style="color: #324452;font-family: 'Hollywood',sans-serif;font-size: 1.4em;">Applet</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">It a </span><strong><span style="color: #324452">brand new app</span></strong><span style="color: black"> which provide timely </span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">feedback,sense of participation&acco-</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: black">many and team promotion</span> | ||
+ | </div> | ||
+ | <div style="margin-top: 20px;"> | ||
+ | <div style="margin:0 auto;width:9.5em;height: 1.3em;line-height: 1.2em; background-color: #324452;text-align: center;border-radius: 25px"><a href="https://2018.igem.org/Team:SZU-China/Applet" style="color: white;font-size: 0.9em;">click and learn more</a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img class="card-img-bottom" src="https://static.igem.org/mediawiki/2018/9/9e/T--SZU-China--6.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="card"> | ||
+ | <div class="view" style="position: relative"> | ||
+ | <div style="position: absolute;top: 8%;width: 100%"> | ||
+ | |||
+ | <div class="recommand"> | ||
+ | <span style="color: #39643A;font-family: 'Hollywood',sans-serif;">conclusion</span> | ||
+ | </div> | ||
+ | <div class="recommand"> | ||
+ | <span style="color: white">All the data prove that our project is possible to </span><strong><span style="color: #39643A">realize</span></strong> | ||
+ | </div> | ||
+ | <div style="margin-top: 20px;"> | ||
+ | <div style="margin:0 auto;width:9.5em;height: 1.3em;line-height: 1.2em; background-color: #39643A;text-align: center;border-radius: 25px"><a href="#" style="color: white;font-size: 0.9em;">click and learn more</a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img class="card-img-bottom" src="https://static.igem.org/mediawiki/2018/a/ae/T--SZU-China--7.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- Footer --> | ||
+ | <footer class="page-footer font-small pt-4" style="background-color: #1c1c1c;"> | ||
+ | |||
+ | <!-- Footer Elements --> | ||
+ | <div class="container"> | ||
+ | |||
+ | <!--Grid row--> | ||
+ | <div class="row"> | ||
+ | |||
+ | <!--Grid column--> | ||
+ | <div class="col-lg-2 col-md-12 mb-4"> | ||
+ | |||
+ | <!--Image--> | ||
+ | <div class="view overlay z-depth-1-half"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/08/2017SZUChina-sponsor1.jpg" class="img-fluid" alt=""> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--Grid column--> | ||
+ | |||
+ | <!--Grid column--> | ||
+ | <div class="col-lg-2 col-md-6 mb-4"> | ||
+ | |||
+ | <!--Image--> | ||
+ | <div class="view overlay z-depth-1-half"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/d4/2017SZUChina-sponsor2.jpg" class="img-fluid" alt=""> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--Grid column--> | ||
+ | |||
+ | <!--Grid column--> | ||
+ | <div class="col-lg-2 col-md-6 mb-4"> | ||
+ | |||
+ | <!--Image--> | ||
+ | <div class="view overlay z-depth-1-half"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/d5/2017SZUChina-sponsor3.jpg" class="img-fluid" alt=""> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--Grid column--> | ||
+ | |||
+ | <!--Grid column--> | ||
+ | <div class="col-lg-2 col-md-12 mb-4"> | ||
+ | |||
+ | <!--Image--> | ||
+ | <div class="view overlay z-depth-1-half"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1e/2017SZUChina-sponsor4.jpg" class="img-fluid" alt=""> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--Grid column--> | ||
+ | |||
+ | <!--Grid column--> | ||
+ | <div class="col-lg-2 col-md-6 mb-4"> | ||
+ | |||
+ | <!--Image--> | ||
+ | <div class="view overlay z-depth-1-half"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/a/a3/2017SZUChina-sponsor5.jpg" class="img-fluid" alt=""> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--Grid column--> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <!--Grid row--> | ||
+ | |||
+ | </div> | ||
+ | <!-- Footer Elements --> | ||
+ | |||
+ | <!-- Copyright --> | ||
+ | <div style="color: white;" class="footer-copyright text-center py-3">© 2018 Copyright: | ||
+ | <a style="color: white;" href="https://2018.igem.org/Team:SZU-China">SZU-China</a> | ||
+ | </div> | ||
+ | <!-- Copyright --> | ||
+ | |||
+ | </footer> | ||
+ | <!-- Footer --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
+ | |||
</html> | </html> |
Latest revision as of 16:53, 17 October 2018
Cockroach carries pathogen and parasites which
are harmful. And can be commonly found in
warm damp area
Problem
So this year SZU-China iGEM team de-
signed a fungal cockroach terminator
system based on Metarhizium anisopliae
![](https://static.igem.org/mediawiki/2018/4/45/T--SZU-China--1.png)
Our system consists of three parts
Principle
Want to know how we build our system?
Watch the video and learn more
![](https://static.igem.org/mediawiki/2018/6/6b/T--SZU-China--2.png)
We constructed an epidemic model to
estimate the efficiency of our product
Modeling
and statistic model helping us get sci-
entific results of simulation experiment
![](https://static.igem.org/mediawiki/2018/a/a9/T--SZU-China--3.png)
Application
To put our lab work into market as soon ,we de-
signed models which can contain our Metarhizium
anisopliae and can lure cockroaches simultaneous-
ly. It is also cheap and convenient to use for the
customers
![](https://static.igem.org/mediawiki/2018/a/ae/T--SZU-China--4.png)
To figure out whether our projects are
responsible and good for the world
human practice
It helps us get much feedback and meet
more need of the social.
![](https://static.igem.org/mediawiki/2018/b/b7/T--SZU-China--5.png)
Finding the important to connect the public
with iGEM,we create
Applet
It a brand new app which provide timely
feedback,sense of participation&acco-
many and team promotion
![](https://static.igem.org/mediawiki/2018/9/9e/T--SZU-China--6.png)
![](https://static.igem.org/mediawiki/2018/a/ae/T--SZU-China--7.png)