Team:Glendale Community College

From 2013.igem.org

(Difference between revisions)
 
(74 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 *** -->
+
{{:Team:Glendale_CC_AZ/main.css}}
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: orange;">
+
  <head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: black; padding: 5px;">
+
    <link href=
-
Welcome to our website.
+
    "http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic"
-
</div>
+
    rel="stylesheet" type="text/css" />
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
    <link href=
-
</div>
+
    "http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,300italic"
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
    rel="stylesheet" type="text/css" />
-
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. 
+
    <meta charset="UTF-8" />
 +
    <style type="text/css">
 +
/*<![CDATA[*/
 +
    <style>
 +
    @import url(http://fonts.googleapis.com/css?family=Varela+Round);
 +
    html, body { background: #white url("http://codepen.io/images/classy_fabric.png"); }
 +
    .slides {
 +
    padding: 0;
 +
    width: 609px;
 +
    height: 420px;
 +
    display: block;
 +
    margin: 0 auto;
 +
    position: relative;
 +
    }
-
<b><p style="color:red;margin-left:20px;">This wiki is still under construction.</p></b>
+
    .slides * {
-
</div>
+
    user-select: none;
-
</div>
+
    -ms-user-select: none;
-
</html>
+
    -moz-user-select: none;
 +
    -khtml-user-select: none;
 +
    -webkit-user-select: none;
 +
    -webkit-touch-callout: none;
 +
    }
-
<!-- *** End of the alert box *** -->
+
    .slides input { display: none; }
 +
    .slide-container { display: block; }
-
{|align="justify"
+
    .slide {
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
    top: 0;
-
|
+
    opacity: 0;
-
|-
+
    width: 609px;
-
|
+
    height: 420px;
-
{|align="center"
+
    display: block;
-
|[[Image:Glendale_CC_AZ_team.png|center|]]
+
    position: absolute;
-
|align="center"|
+
-
|}
+
 +
    transform: scale(0);
 +
    -moz-transform: scale(0);
 +
    -webkit-transform: scale(0);
-
<!--- The Mission, Experiments --->
+
    transition: all .7s ease-in-out;
 +
    -moz-transition: all .7s ease-in-out;
 +
    -webkit-transition: all .7s ease-in-out;
 +
    }
-
{| style="color:#1b2c8a;background-color:white;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
    .slide img {
-
!align="center"|[[Team:Glendale_CC_AZ|Home]]
+
    width: 100%;
-
!align="center"|[[Team:Glendale_CC_AZ/Team|Team]]
+
    height: 100%;
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Glendale_CC_AZ Official Team Profile]
+
    }
-
!align="center"|[[Team:Glendale_CC_AZ/Project|Project]]
+
-
!align="center"|[[Team:Glendale_CC_AZ/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Glendale_CC_AZ/Modeling|Modeling]]
+
-
!align="center"|[[Team:Glendale_CC_AZ/Notebook|Notebook]]
+
-
!align="center"|[[Team:Glendale_CC_AZ/Safety|Safety]]
+
-
!align="center"|[[Team:Glendale_CC_AZ/Attributions|Attributions]]
+
-
|}
+
-
#0c6
+
-
<html>
+
-
<body style="background-color:#CC6633;">
+
    .nav label {
-
<h2 style="background-color:#85AD33;">Project Ideas</h2>
+
    width: none;
-
<p style="background-color:green;">Timelime</p>
+
    height: 100%;
-
</body>
+
    display: none;
 +
    position: absolute;
-
</html>
+
          opacity: 0;
 +
    z-index: 9;
 +
    cursor: pointer;
-
== '''Who we are''' ==
+
    transition: opacity .2s;
 +
    -moz-transition: opacity .2s;
 +
    -webkit-transition: transparent .2s;
-
== '''Glendale Community College''' ==
+
    color: #FFF;
-
<b><p style="color:green;margin-left:20px;">iGEM.</p></b>
+
    font-size: 156pt;
-
<b><p style="color:#A3CC29;margin-left:20px;">iGEM.</p></b>
+
    text-align: center;
 +
    line-height: 380px;
 +
    font-family: "Varela Round", sans-serif;
 +
    background-color: rgba(255, 255, 255, .3);
 +
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
 +
    }
 +
    .slide:hover + .nav label { opacity: 0.5; }
-
== '''What we did''' ==
+
    .nav label:hover { opacity: 1; }
-
(Provide proper attribution for all work)
+
    .nav .next { right: 0; }
-
== '''Where we're from''' ==
+
    input:checked + .slide-container  .slide {
-
== '''Glendale Community College''' ==
+
    opacity: 1;
-
<b><p style="color:green;margin-left:20px;">iGEM.</p></b>
+
-
{|border = "0"
+
    transform: scale(1);
-
|-
+
    -moz-transform: scale(1);
-
|rowspan="3"|
+
    -webkit-transform: scale(1);
-
[[File:Glendale CC AZ logo.png]]
+
    transition: opacity 1s ease-in-out;
 +
    -moz-transition: opacity 1s ease-in-out;
 +
    -webkit-transition: opacity 1s ease-in-out;
 +
    }
-
[https://vine.co/v/b9dLa7OPj9q/embed]
+
    input:checked + .slide-container .nav label { display: block; }
 +
    .nav-dots {
 +
        width: 100%;
 +
        bottom: 9px;
 +
        height: 11px;
 +
        display: block;
 +
        position: absolute;
 +
        text-align: center;
 +
    }
-
'''Advisors:'''
+
    .nav-dots .nav-dot {
 +
        top: -5px;
 +
        width: 11px;
 +
        height: 11px;
 +
        margin: 0 4px;
 +
        position: relative;
 +
        border-radius: 100%;
 +
        display: inline-block;
 +
        background-color: rgba(0, 0, 0, 0.6);
 +
    }
-
*''' Advisor 1''':     Mentor for all
+
     .nav-dots .nav-dot:hover {
-
*'''Advisor 2''':     Our favorite
+
        cursor: pointer;
-
*'''Grad Student 1''':    Our leader 
+
        background-color: rgba(0, 0, 0, 0.8);
 +
     }
 +
    input#img-1:checked ~ .nav-dots label#img-dot-1,
 +
    input#img-2:checked ~ .nav-dots label#img-dot-2,
 +
    input#img-3:checked ~ .nav-dots label#img-dot-3,
 +
    input#img-4:checked ~ .nav-dots label#img-dot-4,
 +
    input#img-5:checked ~ .nav-dots label#img-dot-5,
 +
    input#img-6:checked ~ .nav-dots label#img-dot-6 {
 +
        background: rgba(0, 0, 0, 0.8);
 +
    } 
-
'''Undergrads:'''
+
    * {
 +
    -webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
    box-sizing: border-box;
 +
    }
-
*'''Student 1''':    Sleepyhead
+
    html {
-
*'''Student 2''':   Math nerd
+
    font-size:50%;
-
*'''Student 3''':   Is going to save the world
+
    -webkit-font-smoothing: antialiased;
-
*'''Student 4''':    Loves iGEM
+
    }
-
*'''Student 5''':  A normal student... or(r) am I?
+
-
*'''Student 6''':  Table football fan
+
-
*'''Student 7''':
+
 +
    body {
 +
    font-family: "Source Sans Pro";"Lucida Grande";
 +
    font-size:1.4rem;
 +
    line-height: 2.3rem;
 +
    color: #444;
 +
    background: #fff;
 +
    margin:0;
 +
    }
-
|
+
    a {
-
<gallery>
+
    color: #06c;
-
Image:Example2_Team_member_1.png|Team member 1
+
    transition: color .3s;
-
Image:Example2_Team_member_2.png|Team member 2
+
    }
-
Image:Example2_Team_member_3.png|Team member 3
+
-
Image:Example2_Team_member_4.png|Team member 4
+
-
Image:Example2_Team_member_5.png|Team member 5
+
-
Image:Example2_Team_member_6.png|Team member 6
+
-
Image:Example2_Team_member_7.png|Team member 7
+
-
</gallery>
+
-
|}
+
 +
    a:hover {
 +
    color: #f1f1f1;
 +
    }
-
TESTS:
+
    h1, h2, h3, h4, h5, h6, h7 {
 +
    font-family: "Futura";
 +
    line-height:2.6rem;
 +
    font-weight:normal;
 +
    color: #111;
 +
    }
-
<html>
+
    .content-area {
 +
    width:850px;
 +
    padding:2rem;
 +
    margin:auto;
 +
    background: #f9f9f9;
 +
    }
-
<body>
+
    .content-area h1 {
-
<h1 style="text-align:center;">Center-aligned heading</h1>
+
    font-size: 2.7rem;
-
<p>Hello.</p>
+
    }
-
</body>
+
-
</html>
+
    .content-area h2 {
 +
    font-size: 2.2rem;
 +
    }
 +
    .content-area h3 {
 +
    font-size: 2.7rem;
 +
    }
-
LAYOUT
+
    .content-area h4 {
-
<!DOCTYPE html>
+
    font-size: 4.0rem;
-
<html>
+
    }
-
<body>
+
-
<div id="container" style="width:500px">
+
    .content-area h5 {
 +
    font-size: 1.4rem;
 +
    }
-
<div id="header" style="background-color:#FFA500;">
+
    .content-area h6 {
-
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>
+
    font-size: 1.2rem;
 +
    }
-
<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
+
    .content-area aside {
-
<b>Menu</b><br>
+
    float:right;
-
HTML<br>
+
    width:50%;
-
CSS<br>
+
    padding:2rem;
-
JavaScript</div>
+
-
<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
+
    .blockquote {
-
Content goes here</div>
+
    font-family: Georgia, serif;
 +
    font-size: 18px;
 +
    font-style: italic;
 +
    width: 500px;
 +
    margin: 0.25em 0;
 +
    padding: 0.35em 40px;
 +
    line-height: 1.45;
 +
    position: relative;
 +
    color: #383838;
 +
    }
-
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
+
    .blockquote:before {
-
Copyright © W3Schools.com</div>
+
    display: block;
 +
    padding-left: 10px;
 +
    content: "\201C";
 +
    font-size: 80px;
 +
    position: absolute;
 +
    left: -20px;
 +
    top: -20px;
 +
    color: #7a7a7a;
 +
    }
-
</div>
+
    .blockquote cite {
-
+
    color: #999999;
-
</body>
+
    font-size: 14px;
-
</html>
+
    display: block;
 +
    margin-top: 5px;
 +
    }
 +
    .blockquote cite:before {
 +
    content: "\2014 \2009";
 +
    }
 +
    </style>
 +
    <body>
 +
    <div class="content-area"> <article>
 +
    </article>
 +
    <h4>Glendale Community College Arizona<a href="http://www2.gccaz.edu"><img
 +
    style="width: 200px; height: 58px;" alt="GCC"
 +
    src="https://static.igem.org/mediawiki/2013/f/f1/Gcclogo.gif" align="right"></a>
 +
    </h4>
 +
    <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><big style="color: rgb(32,178,170);"><big><big><big> iGEM 2013</big></big></big></big></p>
 +
    <p><b><big style="color: rgb(95,158,160);"><big><big><big> Desiccation Toolkit</big></big></big></big></b></p>
 +
    <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>
 +
    <h3 style="text-align: center;">Welcome to Our Wiki!</h3>
 +
    <!--/.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 />
 +
    <li class="slide-container">
 +
                <div class="slide">
 +
                        <img src="https://static.igem.org/mediawiki/igem.org/c/c8/MaterialGCC.JPG" />
 +
        </div>
 +
                <div class="nav">
 +
                        <label for="img-6" class="prev">&#x2039;</label>
 +
                        <label for="img-2" class="next">&#x203a;</label>
 +
                </div>
 +
    </li>
 +
    <input type="radio" name="radio-btn" id="img-1" checked />
 +
    <li class="slide-container">
 +
                <div class="slide">
 +
                        <img src="https://static.igem.org/mediawiki/2013/8/8b/GCC.png" />
 +
        </div>
 +
                <div class="nav">
 +
                        <label for="img-6" class="prev">&#x2039;</label>
 +
                        <label for="img-2" class="next">&#x203a;</label>
 +
                </div>
 +
    </li>
 +
    <input type="radio" name="radio-btn" id="img-2" />
 +
    <li class="slide-container">
 +
        <div class="slide">
 +
          <img src="https://static.igem.org/mediawiki/igem.org/1/19/Tubes2GCC.JPG" />
 +
        </div>
 +
                <div class="nav">
 +
                        <label for="img-1" class="prev">&#x2039;</label>
 +
                        <label for="img-3" class="next">&#x203a;</label>
 +
                </div>
 +
    </li>
 +
    <input type="radio" name="radio-btn" id="img-3" />
 +
    <li class="slide-container">
 +
        <div class="slide">
 +
          <img src="https://static.igem.org/mediawiki/igem.org/5/59/ExperimentGCC.JPG" />
 +
        </div>
 +
                <div class="nav">
 +
                        <label for="img-2" class="prev">&#x2039;</label>
 +
                        <label for="img-4" class="next">&#x203a;</label>
 +
                </div>
 +
    </li>
 +
    <input type="radio" name="radio-btn" id="img-4" />
 +
    <li class="slide-container">
 +
        <div class="slide">
 +
          <img src="https://static.igem.org/mediawiki/igem.org/7/7e/Lab1GCC.JPG" />
 +
        </div>
 +
                <div class="nav">
 +
                        <label for="img-3" class="prev">&#x2039;</label>
 +
                        <label for="img-5" class="next">&#x203a;</label>
 +
                </div>
 +
    </li>
-
COLORS & BOXES
+
    <input type="radio" name="radio-btn" id="img-5" />
-
<div style="color:#40B3DF;">Colors
+
    <li class="slide-container">
-
<span style="background-color:#B4009E;color:#ffffff;">Boxes</span>
+
        <div class="slide">
-
</div>
+
          <img src="https://static.igem.org/mediawiki/igem.org/a/ab/Lab2GCC.JPG" />
 +
        </div>
 +
                <div class="nav">
 +
                        <label for="img-4" class="prev">&#x2039;</label>
 +
                        <label for="img-6" class="next">&#x203a;</label>
 +
                </div>
 +
    </li>
 +
    <input type="radio" name="radio-btn" id="img-6" />
 +
    <li class="slide-container">
 +
        <div class="slide">
 +
          <img src="https://static.igem.org/mediawiki/igem.org/2/25/PlatesGCC.JPG" />
 +
        </div>
 +
                <div class="nav">
 +
                        <label for="img-5" class="prev">&#x2039;</label>
 +
                        <label for="img-1" class="next">&#x203a;</label>
 +
                </div>
 +
    </li>
-
 
+
    <li class="nav-dots">
-
TABLES <table border="1">
+
      <label for="img-1" class="nav-dot" id="img-dot-1"></label>
-
<tr>
+
      <label for="img-2" class="nav-dot" id="img-dot-2"></label>
-
<td>row 1, cell 1</td>
+
      <label for="img-3" class="nav-dot" id="img-dot-3"></label>
-
<td>row 1, cell 2</td>
+
      <label for="img-4" class="nav-dot" id="img-dot-4"></label>
-
</tr>
+
      <label for="img-5" class="nav-dot" id="img-dot-5"></label>
-
<tr>
+
      <label for="img-6" class="nav-dot" id="img-dot-6"></label>
-
<td>row 2, cell 1</td>
+
    </li>
-
<td>row 2, cell 2</td>
+
    </ul>  
-
</tr>
+
    <p style="text-align: center;">Some pictures of our
-
</table>
+
    experiments.</p>
 +
    </body>
 +
    </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.