Team:Queens Canada/Project

From 2013.igem.org

(Difference between revisions)
 
(93 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:Queens_Canada/qgemheader}}
+
{{Template:Queens_Canada/subheader}}
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
<title>Untitled Document</title>
 +
<style>
 +
<!-----ABOUT US----------->
 +
@font-face {
 +
        font-family: 'Source Sans Pro', sans-serif;
 +
}
 +
 +
.black{
 +
        font-family:'Source Sans Pro';
 +
        font-size:3em;
 +
        color:black;
 +
}
 +
 +
.rose{
 +
        font-family:'Source Sans Pro';
 +
        font-size:3em;
 +
        color:#bf3f3e;
 +
}
 +
 +
.content{
 +
        font-family:'Source Sans Pro';
 +
        font-size:1em;
 +
        color:black;
 +
}
 +
 +
<!------Swivel Buttons------->
 +
ul.project{height:auto;overflow:auto;}
 +
 +
ul.project li{display:block;float:left;padding:20px;text-align:center;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
 +
 +
ul.project li a.image{border:3px solid #d8d7d7;display:block;padding:15px;-moz-border-radius:200em;-webkit-border-radius:200em;border-radius:200em;-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);box-shadow:0 0 4px rgba(0, 0, 0, 0.8);background:#e87478;background:-moz-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #e87478), color-stop(100%, #e1383f));background:-webkit-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:-o-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:-ms-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:radial-gradient(ellipse at center, #e87478 0%, #e1383f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e87478', endColorstr='#e1383f', GradientType=1);}
 +
 +
ul.project li a.image:hover img{transform:rotate(360deg) scale(0.95);-ms-transform:rotate(360deg) scale(0.95);-moz-transform:rotate(360deg) scale(0.9);-webkit-transform:rotate(360deg) scale(0.95);-o-transform:rotate(360deg) scale(0.95);}
 +
 +
ul.project li a.image img{border:0px solid rgba(225, 225, 225, 0.9);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:200em;-webkit-border-radius:200em;border-radius:200em;-webkit-transition:all 1.5s ease-in-out 0s;-moz-transition:all 1.5s ease-in-out 0s;-o-transition:all 1.5s ease-in-out 0s;transition:all 1.5s ease-in-out 0s;}
 +
 +
ul.project li p{text-align:justify;}
 +
 +
ul.project li a{display:block;}
 +
 +
ul.project li a:hover h3{color:#e1383f;}
 +
 +
<!--------OTHER STUFF---------->
 +
.inquote{
 +
        position:relative;
 +
        text-alight:left;
 +
        float:left;
 +
        color:white;
 +
        vertical-align:bottom;
 +
}
 +
.banner{
 +
        background-image:url("https://dl.dropboxusercontent.com/u/125588631/mosquitoes.png");
 +
        width:100%;
 +
        height:250px;
 +
}
 +
.project-buttons{
 +
        text-align:center;
 +
        font-size:1.7em;
 +
        font-family:bebasN;
 +
        height:40px;
 +
        vertical-align:middle;
 +
        padding-top:7px;
 +
        margin:0px;
 +
}
 +
.overview{
 +
        background-color:#f7e282;
 +
}
 +
a.over:link,a.over:visited{color:#ae9522;}
 +
.attract{
 +
        background-color:#fb9ebb;
 +
}
 +
a.att:link,a.att:visited{color:#f52666;}
 +
.repel{
 +
        background-color:#82e0f7;
 +
}
 +
a.rep:link,a.rep:visited{color:#0d5162;}
 +
 +
/**-------- SECTION ---------**/
 +
.box{
 +
padding:7px;
 +
min-width:250px;
 +
        border-radius:10px;
 +
        height:700px;
 +
        margin-bottom:50px;
 +
}
 +
#repel{
 +
background-color:#82e0f7;
 +
}
 +
#attract{
 +
background-color:#fb9ebb;
 +
}
 +
#overview{
 +
background-color:#f7e282;
 +
}
 +
</style>
</head>
</head>
<body>
<body>
-
<h1 style="text-align:center;">Our Project</h1>
+
<div class="header-bg">
-
<div class="row-fluid">
+
<div class="header-text">
-
        <div class="span12">
+
    QGEM 2013 PRESENTS:
-
        <img src="https://dl.dropboxusercontent.com/u/125588631/mosquitoes.png" style="width:100%;height:200px;" />
+
    </div>
-
        </div>
+
    <div class="header-logo">
 +
    <img src="https://static.igem.org/mediawiki/2013/c/c7/Projct.png" style="height:80px;" />
 +
  <a href="https://igem.org/Main_Page">
 +
                <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" class="img-circle" style="height:60px;min-width:60px;float:right;"></a>
 +
    </div>
</div>
</div>
 +
<div class="menuc" style="font-size:1.3em;">
 +
<ul>
 +
    <li id="home"><a href="https://2013.igem.org/Team:Queens_Canada">HOME</a></li>
 +
        <li id="team"><a href="https://2013.igem.org/Team:Queens_Canada/Team">TEAM</a></li>
 +
        <li id="project"><a href="https://2013.igem.org/Team:Queens_Canada/Project">PROJECT</a></li>
 +
        <li id="outreach"><a href="https://2013.igem.org/Team:Queens_Canada/Outreach">OUTREACH</a></li>
 +
        <li id="parts"><a href="https://2013.igem.org/Team:Queens_Canada/Parts">PARTS</a></li>
 +
        <li id="safety"><a href="https://2013.igem.org/Team:Queens_Canada/Safety">SAFETY</a></li>
 +
        <li id="sponsorship"><a href="https://2013.igem.org/Team:Queens_Canada/Sponsorship">SPONSORS</a></li>
 +
        <li id="judging"><a href="https://2013.igem.org/Team:Queens_Canada/Judging">JUDGING</a></li>
 +
        <li id="notebook"><a href="https://2013.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
 +
    </ul>
 +
</div>
 +
 +
<div class="menuc disa" style="display:none;">
 +
<ul>
 +
    <li id="home"><a href="https://2013.igem.org/Team:Queens_Canada">HOME</a></li>
 +
        <li id="team"><a href="https://2013.igem.org/Team:Queens_Canada/Team">TEAM</a></li>
 +
        <li id="project"><a href="https://2013.igem.org/Team:Queens_Canada/Project">PROJECT</a></li>
 +
        <li id="outreach"><a href="https://2013.igem.org/Team:Queens_Canada/Outreach">OUTREACH</a></li>
 +
    </ul>
 +
</div>
 +
 +
<div class="menuc disa" style="display:none;">
 +
<ul>
 +
        <li id="parts"><a href="https://2013.igem.org/Team:Queens_Canada/Parts">PARTS</a></li>
 +
        <li id="safety"><a href="https://2013.igem.org/Team:Queens_Canada/Safety">SAFETY</a></li>
 +
        <li id="sponsorship"><a href="https://2013.igem.org/Team:Queens_Canada/Sponsorship">SPONSOR</a></li>
 +
        <li id="judging"><a href="https://2013.igem.org/Team:Queens_Canada/Judging">JUDGING</a></li>
 +
        <li id="notebook"><a href="https://2013.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
 +
    </ul>
 +
</div>
 +
 +
<div class="row-fluid" style="padding-top:10px;">
 +
<div class="span4 box" id="repel">
 +
    <ul class="project">
 +
<li>
 +
<a href="https://2013.igem.org/Team:Queens_Canada/Project/Repel" class="image" title="repel">
 +
<img src="https://dl.dropboxusercontent.com/u/125588631/repel.jpg" />
 +
</a>
 +
<a href="#/" title="repel" target="_blank">
 +
<h3><a href="https://2013.igem.org/Team:Queens_Canada/Project/Repel">Repel.</a></h3>
 +
</a>
 +
<div class="text-left">First, we plan to eliminate foot odor with engineered bacteria and replace it with natural mosquito repellants. This will make it more difficult for mosquitoes to find their hosts, without the risk of developing resistance.</p>
 +
</li>
 +
        </ul>
 +
</div>
 +
 +
    <div class="span4 box" id="overview">
 +
    <ul class="project">
 +
<li>
 +
<a href="https://2013.igem.org/Team:Queens_Canada/Project/Overview" class="image" title="overview" >
 +
<img src="https://static.igem.org/mediawiki/2013/c/c2/Overview.jpg" />
 +
</a>
 +
<a href=# title="overview" target="_blank">
 +
<h3><a href="https://2013.igem.org/Team:Queens_Canada/Project/Overview">  Overview.</a></h3>
 +
</a>
 +
<div class="text-left">Check out the overview of our project to read about our goals this summer! And because a picture is worth a thousand words (with the economy in its current state the exchange rate may be closer to eight hundred), we've also included an infographic!</p>
 +
</li>
 +
        </ul>
 +
 +
    </div>
 +
   
 +
<div class="span4 box" id="attract">
 +
    <ul class="project">
 +
<li>
 +
<a href="https://2013.igem.org/Team:Queens_Canada/Project/Attract" class="image" title="attract">
 +
<img src="https://dl.dropboxusercontent.com/u/125588631/attract.jpg" />
 +
</a>
 +
<a href=# title="attract" target="_blank">
 +
<h3><a href="https://2013.igem.org/Team:Queens_Canada/Project/Attract">Attract.</a></h3>
 +
</a>
 +
<div class="text-left">Second, we intend to devise a mosquito trap where bacteria will synthesize the chemicals found in foot and body odour. Once the mosquitoes are trapped, we aim to further resolve disease by infecting the mosquitoes to sterilize, control, or destroy the vectors.</p>
 +
</li>
 +
        </ul>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 04:00, 27 September 2013

Untitled Document Untitled Document

QGEM 2013 PRESENTS:

  • Repel.

    First, we plan to eliminate foot odor with engineered bacteria and replace it with natural mosquito repellants. This will make it more difficult for mosquitoes to find their hosts, without the risk of developing resistance.

  • Overview.

    Check out the overview of our project to read about our goals this summer! And because a picture is worth a thousand words (with the economy in its current state the exchange rate may be closer to eight hundred), we've also included an infographic!

  • Attract.

    Second, we intend to devise a mosquito trap where bacteria will synthesize the chemicals found in foot and body odour. Once the mosquitoes are trapped, we aim to further resolve disease by infecting the mosquitoes to sterilize, control, or destroy the vectors.

Retrieved from "http://2013.igem.org/Team:Queens_Canada/Project"