Team:Glendale Community College

From 2013.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Glendale_CC_AZ/main.css}}
{{:Team:Glendale_CC_AZ/main.css}}
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
+
  <head>
-
<link
+
    <link href=
-
href="http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic"
+
    "http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic"
-
rel="stylesheet" type="text/css">
+
    rel="stylesheet" type="text/css" />
-
<link
+
    <link href=
-
href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,300italic"
+
    "http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,300italic"
-
rel="stylesheet" type="text/css">
+
    rel="stylesheet" type="text/css" />
-
<meta charset="UTF-8">
+
    <meta charset="UTF-8" />
-
<style type="text/css">
+
    <style type="text/css">
-
 
+
/*<![CDATA[*/
-
<style>
+
    <style>
-
@import url(http://fonts.googleapis.com/css?family=Varela+Round);
+
    @import url(http://fonts.googleapis.com/css?family=Varela+Round);
-
 
+
    html, body { background: #white url("http://codepen.io/images/classy_fabric.png"); }
-
html, body { background: #white url("http://codepen.io/images/classy_fabric.png"); }
+
    .slides {
-
 
+
-
.slides {
+
     padding: 0;
     padding: 0;
     width: 609px;
     width: 609px;
Line 24: Line 22:
     margin: 0 auto;
     margin: 0 auto;
     position: relative;
     position: relative;
-
}
+
    }
-
.slides * {
+
    .slides * {
     user-select: none;
     user-select: none;
     -ms-user-select: none;
     -ms-user-select: none;
Line 33: Line 31:
     -webkit-user-select: none;
     -webkit-user-select: none;
     -webkit-touch-callout: none;
     -webkit-touch-callout: none;
-
}
+
    }
-
.slides input { display: none; }
+
    .slides input { display: none; }
-
.slide-container { display: block; }
+
    .slide-container { display: block; }
-
.slide {
+
    .slide {
     top: 0;
     top: 0;
     opacity: 0;
     opacity: 0;
Line 54: Line 52:
     -moz-transition: all .7s ease-in-out;
     -moz-transition: all .7s ease-in-out;
     -webkit-transition: all .7s ease-in-out;
     -webkit-transition: all .7s ease-in-out;
-
}
+
    }
-
.slide img {
+
    .slide img {
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
-
}
+
    }
-
.nav label {
+
    .nav label {
     width: none;
     width: none;
     height: 100%;
     height: 100%;
Line 67: Line 65:
     position: absolute;
     position: absolute;
-
  opacity: 0;
+
          opacity: 0;
     z-index: 9;
     z-index: 9;
     cursor: pointer;
     cursor: pointer;
Line 82: Line 80:
     background-color: rgba(255, 255, 255, .3);
     background-color: rgba(255, 255, 255, .3);
     text-shadow: 0px 0px 15px rgb(119, 119, 119);
     text-shadow: 0px 0px 15px rgb(119, 119, 119);
-
}
+
    }
-
.slide:hover + .nav label { opacity: 0.5; }
+
    .slide:hover + .nav label { opacity: 0.5; }
-
.nav label:hover { opacity: 1; }
+
    .nav label:hover { opacity: 1; }
-
.nav .next { right: 0; }
+
    .nav .next { right: 0; }
-
input:checked + .slide-container  .slide {
+
    input:checked + .slide-container  .slide {
     opacity: 1;
     opacity: 1;
Line 100: Line 98:
     -moz-transition: opacity 1s ease-in-out;
     -moz-transition: opacity 1s ease-in-out;
     -webkit-transition: opacity 1s ease-in-out;
     -webkit-transition: opacity 1s ease-in-out;
-
}
+
    }
-
input:checked + .slide-container .nav label { display: block; }
+
    input:checked + .slide-container .nav label { display: block; }
-
.nav-dots {
+
    .nav-dots {
-
width: 100%;
+
        width: 100%;
-
bottom: 9px;
+
        bottom: 9px;
-
height: 11px;
+
        height: 11px;
-
display: block;
+
        display: block;
-
position: absolute;
+
        position: absolute;
-
text-align: center;
+
        text-align: center;
-
}
+
    }
-
.nav-dots .nav-dot {
+
    .nav-dots .nav-dot {
-
top: -5px;
+
        top: -5px;
-
width: 11px;
+
        width: 11px;
-
height: 11px;
+
        height: 11px;
-
margin: 0 4px;
+
        margin: 0 4px;
-
position: relative;
+
        position: relative;
-
border-radius: 100%;
+
        border-radius: 100%;
-
display: inline-block;
+
        display: inline-block;
-
background-color: rgba(0, 0, 0, 0.6);
+
        background-color: rgba(0, 0, 0, 0.6);
-
}
+
    }
-
.nav-dots .nav-dot:hover {
+
    .nav-dots .nav-dot:hover {
-
cursor: pointer;
+
        cursor: pointer;
-
background-color: rgba(0, 0, 0, 0.8);
+
        background-color: rgba(0, 0, 0, 0.8);
-
}
+
    }
-
input#img-1:checked ~ .nav-dots label#img-dot-1,
+
    input#img-1:checked ~ .nav-dots label#img-dot-1,
-
input#img-2:checked ~ .nav-dots label#img-dot-2,
+
    input#img-2:checked ~ .nav-dots label#img-dot-2,
-
input#img-3:checked ~ .nav-dots label#img-dot-3,
+
    input#img-3:checked ~ .nav-dots label#img-dot-3,
-
input#img-4:checked ~ .nav-dots label#img-dot-4,
+
    input#img-4:checked ~ .nav-dots label#img-dot-4,
-
input#img-5:checked ~ .nav-dots label#img-dot-5,
+
    input#img-5:checked ~ .nav-dots label#img-dot-5,
-
input#img-6:checked ~ .nav-dots label#img-dot-6 {
+
    input#img-6:checked ~ .nav-dots label#img-dot-6 {
-
background: rgba(0, 0, 0, 0.8);
+
        background: rgba(0, 0, 0, 0.8);
-
}   
+
    }   
-
 
+
-
 
+
-
 
+
-
* {
+
-
-webkit-box-sizing: border-box;
+
-
-moz-box-sizing: border-box;
+
-
box-sizing: border-box;
+
-
}
+
-
html {
+
    * {
-
font-size:50%;
+
    -webkit-box-sizing: border-box;
-
-webkit-font-smoothing: antialiased;
+
    -moz-box-sizing: border-box;
-
}
+
    box-sizing: border-box;
 +
    }
-
body {
+
    html {
-
font-family: "Source Sans Pro";
+
    font-size:50%;
-
font-size:1.6rem;
+
    -webkit-font-smoothing: antialiased;
-
line-height: 2.3rem;
+
    }
-
color: #444;
+
-
background: #fff;
+
-
margin:0;
+
-
}
+
-
a {
+
    body {
-
color: #06c;
+
    font-family: "Source Sans Pro";"Lucida Grande";
-
transition: color .3s;
+
    font-size:1.4rem;
-
}
+
    line-height: 2.3rem;
 +
    color: #444;
 +
    background: #fff;
 +
    margin:0;
 +
    }
-
a:hover {
+
    a {
-
color: #f1f1f1;
+
    color: #06c;
-
}
+
    transition: color .3s;
 +
    }
-
h1, h2, h3, h4, h5, h6, h7 {
+
    a:hover {
-
font-family: "Futura";
+
    color: #f1f1f1;
-
line-height:2.6rem;
+
    }
-
font-weight:normal;
+
-
color: #111;
+
-
}
+
-
.content-area {
+
    h1, h2, h3, h4, h5, h6, h7 {
-
width:850px;
+
    font-family: "Futura";
-
padding:2rem;
+
    line-height:2.6rem;
-
margin:auto;
+
    font-weight:normal;
-
background: #f9f9f9;
+
    color: #111;
-
}
+
    }
-
.content-area h1 {
+
    .content-area {
-
font-size: 2.7rem;
+
    width:850px;
-
}
+
    padding:2rem;
 +
    margin:auto;
 +
    background: #f9f9f9;
 +
    }
-
.content-area h2 {
+
    .content-area h1 {
-
font-size: 2.2rem;
+
    font-size: 2.7rem;
-
}
+
    }
-
.content-area h3 {
+
    .content-area h2 {
-
font-size: 2.7rem;
+
    font-size: 2.2rem;
-
}
+
    }
-
.content-area h4 {
+
    .content-area h3 {
-
font-size: 4.0rem;
+
    font-size: 2.7rem;
-
}
+
    }
-
.content-area h5 {
+
    .content-area h4 {
-
font-size: 1.4rem;
+
    font-size: 4.0rem;
-
}
+
    }
-
.content-area h6 {
+
    .content-area h5 {
-
font-size: 1.2rem;
+
    font-size: 1.4rem;
-
}
+
    }
-
.content-area aside {
+
    .content-area h6 {
-
float:right;
+
    font-size: 1.2rem;
-
width:50%;
+
    }
-
padding:2rem;
+
-
.blockquote {
+
    .content-area aside {
-
font-family: Georgia, serif;
+
    float:right;
-
font-size: 18px;
+
    width:50%;
-
font-style: italic;
+
    padding:2rem;
-
width: 500px;
+
-
margin: 0.25em 0;
+
-
padding: 0.35em 40px;
+
-
line-height: 1.45;
+
-
position: relative;
+
-
color: #383838;
+
-
}
+
-
.blockquote:before {
+
    .blockquote {
-
display: block;
+
    font-family: Georgia, serif;
-
padding-left: 10px;
+
    font-size: 18px;
-
content: "\201C";
+
    font-style: italic;
-
font-size: 80px;
+
    width: 500px;
-
position: absolute;
+
    margin: 0.25em 0;
-
left: -20px;
+
    padding: 0.35em 40px;
-
top: -20px;
+
    line-height: 1.45;
-
color: #7a7a7a;
+
    position: relative;
-
}
+
    color: #383838;
 +
    }
-
.blockquote cite {
+
    .blockquote:before {
-
color: #999999;
+
    display: block;
-
font-size: 14px;
+
    padding-left: 10px;
-
display: block;
+
    content: "\201C";
-
margin-top: 5px;
+
    font-size: 80px;
-
}
+
    position: absolute;
 +
    left: -20px;
 +
    top: -20px;
 +
    color: #7a7a7a;
 +
    }
-
.blockquote cite:before {
+
    .blockquote cite {
-
content: "\2014 \2009";
+
    color: #999999;
-
}
+
    font-size: 14px;
-
 
+
    display: block;
-
 
+
    margin-top: 5px;
-
</style>
+
    }
-
<title></title>
+
    .blockquote cite:before {
-
 
+
    content: "\2014 \2009";
-
<body>
+
    }
-
 
+
    </style>
-
<div class="content-area"> <article>
+
    <body>
-
</article>
+
    <div class="content-area"> <article>
-
<h4>Glendale Community College Arizona<a href="http://www2.gccaz.edu"><img
+
    </article>
-
style="width: 200px; height: 58px;" alt="GCC"
+
    <h4>Glendale Community College Arizona<a href="http://www2.gccaz.edu"><img
-
src="https://static.igem.org/mediawiki/2013/f/f1/Gcclogo.gif" align="right"></a>
+
    style="width: 200px; height: 58px;" alt="GCC"
-
</h4>
+
    src="https://static.igem.org/mediawiki/2013/f/f1/Gcclogo.gif" align="right"></a>
-
<a href="https://igem.org/Main_Page"><img style="border: 0px solid ; width: 50px; height: 40px;" alt="iGEM" src="http://s21.postimg.org/ff5nkjy9v/IGEM_basic_Logo_stylized.png" align="left"></a>
+
    </h4>
-
<p><big style="color: rgb(32,178,170);"><big><big><big> iGEM 2013</big></big></big></big></p>  
+
    <a href="https://igem.org/Main_Page"><img style="border: 0px solid ; width: 50px; height: 40px;" alt="iGEM" src="http://s21.postimg.org/ff5nkjy9v/IGEM_basic_Logo_stylized.png" align="left"></a>
-
<p><b><big style="color: rgb(95,158,160);"><big><big><big> Desiccation Toolkit</big></big></big></big></b></p>  
+
    <p><big style="color: rgb(32,178,170);"><big><big><big> iGEM 2013</big></big></big></big></p>  
-
  <p>
+
    <p><b><big style="color: rgb(95,158,160);"><big><big><big> Desiccation Toolkit</big></big></big></big></b></p>  
-
Desert areas, making up almost one-quarter of the Earth surface, are home to 500 million people. As a result of human habitation, every continent in the world except Antarctica is increasingly and adversely affected by desertification. Studies forecasting climate trends indicate that desert regions will face an even drier future – in regard to both climatic factors and drought conditions – stemming from the influence of human activities. One human-created impact on these desert environments is pollution. Many remediation challenges exist specific to the extremely dry conditions present in these arid locales. For example, what happens when a desert area is polluted with such substances as plastics, where commonly employed bioremediation agents used for environmental cleanup cannot survive desert climates’ high temperature and low humidity extremes? Our team has developed a kit containing biological components that will provide desiccation resistance to organisms used to facilitate the elimination of contaminants, like plastics, in desert-like environments. Our goal is to design an assortment of complementary parts, which will strengthen organisms and help to broaden their climatic and geographic range of effectiveness. While some parts included in our kit could, conceivably, provide resistance to other types of stresses, such as ionizing radiation, we will initially focus on desiccation. Because of its potential to expand the extent of the efficacy of these biological breakdown expedients into even climatically extreme territories, our kit could be a valuable addition to any bioremediation project.
+
    <p>Desert areas, making up almost one-quarter of the Earth surface, are home to 500 million people. As a result of human habitation, every continent in the world except Antarctica is increasingly and adversely affected by desertification. Studies forecasting climate trends indicate that desert regions will face an even drier future – in regard to both climatic factors and drought conditions – stemming from the influence of human activities. One human-created impact on these desert environments is pollution. Many remediation challenges exist specific to the extremely dry conditions present in these arid locales. For example, what happens when a desert area is polluted with such substances as plastics, where commonly employed bioremediation agents used for environmental cleanup cannot survive desert climates’ high temperature and low humidity extremes? Our team has developed a kit containing biological components that will provide desiccation resistance to organisms used to facilitate the elimination of contaminants, like plastics, in desert-like environments. Our goal is to design an assortment of complementary parts, which will strengthen organisms and help to broaden their climatic and geographic range of effectiveness. While some parts included in our kit could, conceivably, provide resistance to other types of stresses, such as ionizing radiation, we will initially focus on desiccation. Because of its potential to expand the extent of the efficacy of these biological breakdown expedients into even climatically extreme territories, our kit could be a valuable addition to any bioremediation project.</p>
-
 
+
    <hr>
-
</p>
+
    <h3 style="text-align: center;">Welcome to Our Wiki!</h3>
-
<hr>
+
    <!--/.content-area-->
-
 
+
   <link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
-
<h3 style="text-align: center;">Welcome to Our Wiki!</h3>
+
    <link href="../Downloads/cssmenu-1/menu_assets/styles.css" rel="stylesheet" type="text/css">
-
 
+
    <ul class="slides">
-
 
+
-
<!--/.content-area-->
+
-
    
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
+
-
<link href="../Downloads/cssmenu-1/menu_assets/styles.css" rel="stylesheet" type="text/css">
+
-
 
+
-
<ul class="slides">
+
     <input type="radio" name="radio-btn" id="img-1" checked />
     <input type="radio" name="radio-btn" id="img-1" checked />
     <li class="slide-container">
     <li class="slide-container">
-
<div class="slide">
+
                <div class="slide">
-
<img src="https://static.igem.org/mediawiki/igem.org/c/c8/MaterialGCC.JPG" />
+
                        <img src="https://static.igem.org/mediawiki/igem.org/c/c8/MaterialGCC.JPG" />
         </div>
         </div>
-
<div class="nav">
+
                <div class="nav">
-
<label for="img-6" class="prev">&#x2039;</label>
+
                        <label for="img-6" class="prev">&#x2039;</label>
-
<label for="img-2" class="next">&#x203a;</label>
+
                        <label for="img-2" class="next">&#x203a;</label>
-
</div>
+
                </div>
     </li>
     </li>
-
<input type="radio" name="radio-btn" id="img-1" checked />
+
    <input type="radio" name="radio-btn" id="img-1" checked />
     <li class="slide-container">
     <li class="slide-container">
-
<div class="slide">
+
                <div class="slide">
-
<img src="https://static.igem.org/mediawiki/2013/8/8b/GCC.png" />
+
                        <img src="https://static.igem.org/mediawiki/2013/8/8b/GCC.png" />
         </div>
         </div>
-
<div class="nav">
+
                <div class="nav">
-
<label for="img-6" class="prev">&#x2039;</label>
+
                        <label for="img-6" class="prev">&#x2039;</label>
-
<label for="img-2" class="next">&#x203a;</label>
+
                        <label for="img-2" class="next">&#x203a;</label>
-
</div>
+
                </div>
     </li>
     </li>
Line 312: Line 284:
           <img src="https://static.igem.org/mediawiki/igem.org/1/19/Tubes2GCC.JPG" />
           <img src="https://static.igem.org/mediawiki/igem.org/1/19/Tubes2GCC.JPG" />
         </div>
         </div>
-
<div class="nav">
+
                <div class="nav">
-
<label for="img-1" class="prev">&#x2039;</label>
+
                        <label for="img-1" class="prev">&#x2039;</label>
-
<label for="img-3" class="next">&#x203a;</label>
+
                        <label for="img-3" class="next">&#x203a;</label>
-
</div>
+
                </div>
     </li>
     </li>
Line 323: Line 295:
           <img src="https://static.igem.org/mediawiki/igem.org/5/59/ExperimentGCC.JPG" />
           <img src="https://static.igem.org/mediawiki/igem.org/5/59/ExperimentGCC.JPG" />
         </div>
         </div>
-
<div class="nav">
+
                <div class="nav">
-
<label for="img-2" class="prev">&#x2039;</label>
+
                        <label for="img-2" class="prev">&#x2039;</label>
-
<label for="img-4" class="next">&#x203a;</label>
+
                        <label for="img-4" class="next">&#x203a;</label>
-
</div>
+
                </div>
     </li>
     </li>
Line 334: Line 306:
           <img src="https://static.igem.org/mediawiki/igem.org/7/7e/Lab1GCC.JPG" />
           <img src="https://static.igem.org/mediawiki/igem.org/7/7e/Lab1GCC.JPG" />
         </div>
         </div>
-
<div class="nav">
+
                <div class="nav">
-
<label for="img-3" class="prev">&#x2039;</label>
+
                        <label for="img-3" class="prev">&#x2039;</label>
-
<label for="img-5" class="next">&#x203a;</label>
+
                        <label for="img-5" class="next">&#x203a;</label>
-
</div>
+
                </div>
     </li>
     </li>
Line 345: Line 317:
           <img src="https://static.igem.org/mediawiki/igem.org/a/ab/Lab2GCC.JPG" />
           <img src="https://static.igem.org/mediawiki/igem.org/a/ab/Lab2GCC.JPG" />
         </div>
         </div>
-
<div class="nav">
+
                <div class="nav">
-
<label for="img-4" class="prev">&#x2039;</label>
+
                        <label for="img-4" class="prev">&#x2039;</label>
-
<label for="img-6" class="next">&#x203a;</label>
+
                        <label for="img-6" class="next">&#x203a;</label>
-
</div>
+
                </div>
     </li>
     </li>
Line 356: Line 328:
           <img src="https://static.igem.org/mediawiki/igem.org/2/25/PlatesGCC.JPG" />
           <img src="https://static.igem.org/mediawiki/igem.org/2/25/PlatesGCC.JPG" />
         </div>
         </div>
-
<div class="nav">
+
                <div class="nav">
-
<label for="img-5" class="prev">&#x2039;</label>
+
                        <label for="img-5" class="prev">&#x2039;</label>
-
<label for="img-1" class="next">&#x203a;</label>
+
                        <label for="img-1" class="next">&#x203a;</label>
-
</div>
+
                </div>
     </li>
     </li>
Line 370: Line 342:
       <label for="img-6" class="nav-dot" id="img-dot-6"></label>
       <label for="img-6" class="nav-dot" id="img-dot-6"></label>
     </li>
     </li>
-
 
+
    </ul>  
-
</ul>  
+
     <p style="text-align: center;">Some pictures of our
-
     <p style="text-align: center;">Some pictures from our
+
    experiments.</p>
-
experiments.</p>
+
    </body>
-
</body>
+
    </html>
-
</html>
+

Latest revision as of 02:33, 28 September 2013

Glendale Community College ArizonaGCC

iGEM

iGEM 2013

Desiccation Toolkit

Desert areas, making up almost one-quarter of the Earth surface, are home to 500 million people. As a result of human habitation, every continent in the world except Antarctica is increasingly and adversely affected by desertification. Studies forecasting climate trends indicate that desert regions will face an even drier future – in regard to both climatic factors and drought conditions – stemming from the influence of human activities. One human-created impact on these desert environments is pollution. Many remediation challenges exist specific to the extremely dry conditions present in these arid locales. For example, what happens when a desert area is polluted with such substances as plastics, where commonly employed bioremediation agents used for environmental cleanup cannot survive desert climates’ high temperature and low humidity extremes? Our team has developed a kit containing biological components that will provide desiccation resistance to organisms used to facilitate the elimination of contaminants, like plastics, in desert-like environments. Our goal is to design an assortment of complementary parts, which will strengthen organisms and help to broaden their climatic and geographic range of effectiveness. While some parts included in our kit could, conceivably, provide resistance to other types of stresses, such as ionizing radiation, we will initially focus on desiccation. Because of its potential to expand the extent of the efficacy of these biological breakdown expedients into even climatically extreme territories, our kit could be a valuable addition to any bioremediation project.


Welcome to Our Wiki!

Some pictures of our experiments.