Team:Queens Canada/Project

From 2013.igem.org

(Difference between revisions)
 
(82 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>
<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{
.inquote{
         position:relative;
         position:relative;
Line 8: Line 51:
         float:left;
         float:left;
         color:white;
         color:white;
 +
        vertical-align:bottom;
}
}
.banner{
.banner{
         background-image:url("https://dl.dropboxusercontent.com/u/125588631/mosquitoes.png");
         background-image:url("https://dl.dropboxusercontent.com/u/125588631/mosquitoes.png");
         width:100%;
         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>
</style>
Line 17: Line 101:
<body>
<body>
-
<h1 style="text-align:center;">Our Project: An Overview</h1>
+
<div class="header-bg">
-
 
+
<div class="header-text">
-
<div class="row-fluid">
+
    QGEM 2013 PRESENTS:
-
<div class="span2 offset1">
+
    </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="span8">
+
<div class="menuc" style="font-size:1.3em;">
-
        <h3 style="color:#CC0000;">MosquiTOES</h3>
+
<ul>
-
         <h4 style="padding-bottom:20px;">
+
    <li id="home"><a href="https://2013.igem.org/Team:Queens_Canada">HOME</a></li>
-
         The drone of the mosquito is a common sound. On camping trips it serves as a herald of itchy swells and signals that it is indeed time to break out the bug spray. In many parts of the world however, this sound means something completely different. It signals the presence of a vector for diseases such as malaria, west nile and dengue fever. Mosquitoes are responsible for the widespread of these sicknesses, resulting in 219 million cases of malaria in 2010 alone, 660,000 of which resulted in deaths.  
+
         <li id="team"><a href="https://2013.igem.org/Team:Queens_Canada/Team">TEAM</a></li>
-
         </h4>
+
         <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>
 +
 +
<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>
-
<div class="row-fluid">
+
<div class="menuc disa" style="display:none;">
-
         <div class="span12 banner">
+
<ul>
-
         <h3 class="inquote">
+
         <li id="parts"><a href="https://2013.igem.org/Team:Queens_Canada/Parts">PARTS</a></li>
-
         "For far too long, malaria has been a forgotten epidemic. It’s a disgrace that the world has allowed malaria deaths to double in the last 20 years, when so much more could be done to stop the disease.
+
         <li id="safety"><a href="https://2013.igem.org/Team:Queens_Canada/Safety">SAFETY</a></li>
-
         </h3>
+
         <li id="sponsorship"><a href="https://2013.igem.org/Team:Queens_Canada/Sponsorship">SPONSOR</a></li>
-
         <h5>-Bill Gates</h5>
+
         <li id="judging"><a href="https://2013.igem.org/Team:Queens_Canada/Judging">JUDGING</a></li>
-
        </div>
+
         <li id="notebook"><a href="https://2013.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
 +
    </ul>
</div>
</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.