Team:Queens Canada/Project

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(96 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** -->
+
{{Template:Queens_Canada/subheader}}
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<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;
 +
}
-
<html>
+
.black{
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
        font-family:'Source Sans Pro';
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
        font-size:3em;
-
This is a template page. READ THESE INSTRUCTIONS.
+
        color:black;
-
</div>
+
}
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
.rose{
 +
        font-family:'Source Sans Pro';
 +
        font-size:3em;
 +
        color:#bf3f3e;
 +
}
 +
.content{
 +
        font-family:'Source Sans Pro';
 +
        font-size:1em;
 +
        color:black;
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<!------Swivel Buttons------->
-
!align="center"|[[Team:Queens_Canada|Home]]
+
ul.project{height:auto;overflow:auto;}
-
!align="center"|[[Team:Queens_Canada/Team|Team]]
+
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Queens_Canada Official Team Profile]
+
-
!align="center"|[[Team:Queens_Canada/Project|Project]]
+
-
!align="center"|[[Team:Queens_Canada/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Queens_Canada/Modeling|Modeling]]
+
-
!align="center"|[[Team:Queens_Canada/Notebook|Notebook]]
+
-
!align="center"|[[Team:Queens_Canada/Safety|Safety]]
+
-
!align="center"|[[Team:Queens_Canada/Attributions|Attributions]]
+
-
|}
+
 +
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);}
-
== '''Overall project''' ==
+
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;}
-
Tell us more about your project. Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)
+
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>
 +
<body>
 +
<div class="header-bg">
 +
<div class="header-text">
 +
    QGEM 2013 PRESENTS:
 +
    </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 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>
-
== Project Details==
+
<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>
-
=== Part 2 ===
+
<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>
-
=== The Experiments ===
+
<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>
-
 
+
-
=== Part 3 ===
+
    <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" />
-
== Results ==
+
</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>
 +
</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"