Team:CU-Boulder/Outreach

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
-
    <head>
+
<head>
-
      <?php
+
  <?php
-
        header("X-XSS-Protection: 0");
+
    header("X-XSS-Protection: 0");
-
        ?>
+
    ?>
-
            <script src="http://code.jquery.com/jquery-latest.js"></script>
+
        <script src="http://code.jquery.com/jquery-latest.js"></script>
-
            <script src="http://goo.gl/uWGGV8?gdriveurl"></script>
+
<script src="http://goo.gl/uWGGV8?gdriveurl"></script>
-
            <script src="http://goo.gl/ixOvIG?gdriveurl"></script>
+
<script src="http://goo.gl/ixOvIG?gdriveurl"></script>
-
            <script src="http://goo.gl/HPZRLx?gdriveurl"></script>
+
<script src="http://goo.gl/HPZRLx?gdriveurl"></script>
-
                    <script src="http://goo.gl/TtNgEx?gdriveurl"></script>
+
                <script src="http://goo.gl/TtNgEx?gdriveurl"></script>
-
            <link rel="stylesheet" href="http://goo.gl/SfF0tI?gdriveurl" />
+
<link rel="stylesheet" href="http://goo.gl/SfF0tI?gdriveurl" />
-
            <link rel="stylesheet" href="http://goo.gl/o2Xbz1?gdriveurl" />
+
<link rel="stylesheet" href="http://goo.gl/o2Xbz1?gdriveurl" />
-
            <style>
+
<style>
-
                #crispr {
+
#crispr {
-
                    background: rgba(0, 0, 0, 0.7);
+
    background: rgba(0, 0, 0, 0.7);
-
                }
+
}
-
                #latest-videos {
+
#latest-videos {
-
                        overflow: hidden;
+
        overflow: hidden;
-
                }
+
}
-
                #latest-videos li {
+
#latest-videos li {
-
                        margin-left: auto;
+
        margin-left: auto;
-
                        margin-right: auto;
+
        margin-right: auto;
-
                        padding: 0;
+
        padding: 0;
-
                        width: 150px;
+
        width: 150px;
-
                        height: 84px;
+
        height: 84px;
-
                        background-color: #fff;
+
        background-color: #fff;
-
                }
+
}
-
                #latest-videos a img {
+
#latest-videos a img {
-
                        opacity: 1.0;
+
        opacity: 1.0;
-
                        -webkit-transition: opacity 0.1s ease-in-out;
+
        -webkit-transition: opacity 0.1s ease-in-out;
-
                        -moz-transition: opacity 0.1s ease-in-out;
+
        -moz-transition: opacity 0.1s ease-in-out;
-
                        -ms-transition: opacity 0.1s ease-in-out;
+
        -ms-transition: opacity 0.1s ease-in-out;
-
                        -o-transition: opacity 0.1s ease-in-out;
+
        -o-transition: opacity 0.1s ease-in-out;
-
                        transition: opacity 0.1s ease-in-out;
+
        transition: opacity 0.1s ease-in-out;
-
                }
+
}
-
                #latest-videos a:hover img {
+
#latest-videos a:hover img {
-
                        opacity: 0.5;
+
        opacity: 0.5;
-
                }
+
}
-
                #videocontainer {
+
#videocontainer {
-
                        background: rgba(0, 0, 0, 0.85);
+
        background: rgba(0, 0, 0, 0.85);
-
                        position: absolute;
+
        position: absolute;
-
                        top: 0px;
+
        top: 0px;
-
                        height: 100%;
+
        height: 100%;
-
                        width: 100%;
+
        width: 100%;
-
                        display: none;
+
        display: none;
-
                        margin-left: auto;
+
        margin-left: auto;
-
                        margin-right: auto;
+
        margin-right: auto;
-
                        text-align: center;
+
        text-align: center;
-
                        z-index: 1000;
+
        z-index: 1000;
-
                }
+
}
-
                        #videocontainer iframe {
+
        #videocontainer iframe {
-
                                position: relative;
+
                position: relative;
-
                        }
+
        }
-
            </style>
+
</style>
-
        <script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/RunOnLoad.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/RunOnLoad.js?action=raw&ctype=text/javascript"></script>
-
        <script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/CollapsibleLists?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/CollapsibleLists?action=raw&ctype=text/javascript"></script>
-
        <style type="text/css">
+
<style type="text/css">
-
            #page {
+
#page {
-
            font-size:14px;
+
font-size:14px;
-
            }
+
}
-
            #page p {
+
#page p {
-
            margin-bottom: 2px;
+
margin-bottom: 2px;
-
            font-size:14px;
+
font-size:14px;
-
            }
+
}
-
            #page ul{  
+
#page ul{  
-
              font-size:14px;
+
  font-size:14px;
-
            }
+
}
-
            /* CSS Tree menu styles */
+
/* CSS Tree menu styles */
-
            #page #leftscroll li::before, #page #leftscroll li li::before {
+
#page #leftscroll li::before, #page #leftscroll li li::before {
-
            content: "";
+
content: "";
-
            }
+
}
-
            #page #leftscroll li li {
+
#page #leftscroll li li {
-
            padding-left:1.5em;
+
padding-left:1.5em;
-
            }
+
}
-
            #page #leftscroll li {
+
#page #leftscroll li {
-
            margin:0;
+
margin:0;
-
            padding:0;   
+
padding:0;   
-
            cursor: auto;
+
cursor: auto;
-
            }
+
}
-
            .treeView{
+
.treeView{
-
            -moz-user-select:none;
+
-moz-user-select:none;
-
            position:relative;
+
position:relative;
-
            list-style-type: none;
+
list-style-type: none;
-
            text-decoration: none;
+
text-decoration: none;
-
            }
+
}
-
            .treeView ul{
+
.treeView ul{
-
            margin:0 0 0 -1.5em;
+
margin:0 0 0 -1.5em;
-
            padding:0 0 0 1.5em;
+
padding:0 0 0 1.5em;
-
            }     
+
}     
-
            .treeView ul ul{
+
.treeView ul ul{
-
            }
+
}
-
            .treeView li.lastChild > ul{
+
.treeView li.lastChild > ul{
-
            background-image:none;
+
background-image:none;
-
            }
+
}
-
            .treeView li{
+
.treeView li{
-
            margin:0;
+
margin:0;
-
            padding:0;
+
padding:0;
-
            list-style-position:inside;
+
list-style-position:inside;
-
            list-style-image:url('https://static.igem.org/mediawiki/2013/1/17/PB_CL_Button.png');
+
list-style-image:url('https://static.igem.org/mediawiki/2013/1/17/PB_CL_Button.png');
-
            cursor:auto;
+
cursor:auto;
-
            }
+
}
-
            .treeView li.collapsibleListOpen{
+
.treeView li.collapsibleListOpen{
-
            list-style-image:url('https://static.igem.org/mediawiki/2013/4/4a/PB_CL_Button-open.png');
+
list-style-image:url('https://static.igem.org/mediawiki/2013/4/4a/PB_CL_Button-open.png');
-
            cursor:pointer;
+
cursor:pointer;
-
            }
+
}
-
            .treeView li.collapsibleListClosed{
+
.treeView li.collapsibleListClosed{
-
            list-style-image:url('https://static.igem.org/mediawiki/2013/3/3b/PB_CL_Button-closed.png');
+
list-style-image:url('https://static.igem.org/mediawiki/2013/3/3b/PB_CL_Button-closed.png');
-
            cursor:pointer;
+
cursor:pointer;
-
            }
+
}
-
            .treeView li li{
+
.treeView li li{
-
            padding-left:1.5em;
+
padding-left:1.5em;
-
            }
+
}
-
            .treeView li.lastChild{
+
.treeView li.lastChild{
-
            }
+
}
-
            .treeView li.collapsibleListOpen{
+
.treeView li.collapsibleListOpen{
-
            }
+
}
-
            .treeView li.collapsibleListOpen.lastChild{
+
.treeView li.collapsibleListOpen.lastChild{
-
            }
+
}
-
            #leftscroll{
+
#leftscroll{
-
            float: left;
+
float: left;
-
            padding-left: 100px;
+
padding-left: 100px;
-
            width: 330px;  
+
width: 330px;  
-
            height: 550px;
+
height: 550px;
-
            margin-bottom:50px;
+
margin-bottom:50px;
-
            overflow-x: hidden;
+
overflow-x: hidden;
-
            overflow-y: scroll;
+
overflow-y: scroll;
-
            /*overflow: scroll;*/
+
/*overflow: scroll;*/
-
            display:display;
+
display:display;
-
            font-size:17px;
+
font-size:17px;
-
            }
+
}
-
            #rightscroll{
+
#rightscroll{
-
            //display: inline;
+
//display: inline;
-
            margin-left:32%;
+
margin-left:32%;
-
            width: 850px;  
+
width: 850px;  
-
            height: 550px;
+
height: 550px;
-
            margin-bottom:50px;
+
margin-bottom:50px;
-
            overflow-x: hidden;
+
overflow-x: hidden;
-
            overflow-y: scroll;
+
overflow-y: scroll;
-
            /*overflow: scroll;*/
+
/*overflow: scroll;*/
-
            }
+
}
-
            .tbnote {
+
.tbnote {
-
            width: 95%;
+
width: 95%;
-
            margin-left:2.5%;
+
margin-left:2.5%;
-
            margin-bottom:30px;
+
margin-bottom:30px;
-
            }
+
}
-
            #page .tbnote h2 {
+
#page .tbnote h2 {
-
            float:left;  
+
float:left;  
-
            width: 87%;  
+
width: 87%;  
-
            font-size:25px;
+
font-size:25px;
-
            margin-bottom:0;
+
margin-bottom:0;
-
            }
+
}
-
            #page .tbnote h3 {
+
#page .tbnote h3 {
-
            font-size:18px;
+
font-size:18px;
-
            position:relative;
+
position:relative;
-
            bottom:58px;
+
bottom:58px;
-
            margin-bottom:-38px;
+
margin-bottom:-38px;
-
            left:60%;
+
left:60%;
-
            font-weight:normal;
+
font-weight:normal;
-
            }
+
}
-
            .tbnotelogo {
+
.tbnotelogo {
-
            float:right;
+
float:right;
-
            display:block;
+
display:block;
-
            height:60px;  
+
height:60px;  
-
            width:60px;
+
width:60px;
-
            text-indent:100%;
+
text-indent:100%;
-
            white-space:nowrap;
+
white-space:nowrap;
-
            target:blank;
+
target:blank;
-
            background-size:60px 60px;
+
background-size:60px 60px;
-
            }
+
}
-
            .DSlogo {
+
.DSlogo {
-
            background-image:url('https://static.igem.org/mediawiki/2013/1/11/PB_TargetIcon.gif');
+
background-image:url('https://static.igem.org/mediawiki/2013/1/11/PB_TargetIcon.gif');
-
            }
+
}
-
            .PSlogo {
+
.PSlogo {
-
            width:40px;
+
width:40px;
-
            background-size:40px 60px;
+
background-size:40px 60px;
-
            background-image:url('https://static.igem.org/mediawiki/2013/0/0b/PB_detecticon.gif');
+
background-image:url('https://static.igem.org/mediawiki/2013/0/0b/PB_detecticon.gif');
-
            }
+
}
-
            .THlogo {
+
.THlogo {
-
            width:40px;
+
width:40px;
-
            background-size:40px 60px;
+
background-size:40px 60px;
-
            background-image:url('https://static.igem.org/mediawiki/2013/8/81/PB_sabotageicone.gif');
+
background-image:url('https://static.igem.org/mediawiki/2013/8/81/PB_sabotageicone.gif');
-
            }
+
}
-
            .TClogo {
+
.TClogo {
-
            background-image:url('https://static.igem.org/mediawiki/2013/6/6c/PB_infiltrate.gif');
+
background-image:url('https://static.igem.org/mediawiki/2013/6/6c/PB_infiltrate.gif');
-
            }
+
}
-
        </style>   
+
</style>   
-
    <!-- Header -->
+
<!-- Header -->
-
        <header id="header_test">
+
<header id="header_test">
-
            <!-- Logo -->
+
<!-- Logo -->
-
            <h1 id="logo"><a href="#">iGem CU-Boulder</a></h1>
+
<h1 id="logo"><a href="#">iGem CU-Boulder</a></h1>
-
                <nav id="nav">
+
<nav id="nav">
-
                    <ul>
+
<ul>
-
                    <li><a href="https://2014.igem.org/Team:CU-Boulder">Project</a>
+
                <li><a href="https://2014.igem.org/Team:CU-Boulder">Project</a>
-
                        <ul><li>
+
                    <ul><li>
-
                        <a href="https://2014.igem.org/Team:CU-Boulder/Learning">Learning</a></li><li>
+
                    <a href="https://2014.igem.org/Team:CU-Boulder/Learning">Learning</a></li><li>
-
                        <a href="https://2014.igem.org/Team:CU-Boulder/Results">Results</a></li><li>
+
                    <a href="https://2014.igem.org/Team:CU-Boulder/Results">Results</a></li><li>
-
                        <a href="https://2014.igem.org/Team:CU-Boulder/Notebook">Notebook</a></li>
+
                    <a href="https://2014.igem.org/Team:CU-Boulder/Notebook">Notebook</a></li>
-
                        </ul>
+
                    </ul>
-
                    </li><li>
+
                </li><li>
-
                    <a href="https://2014.igem.org/Team:CU-Boulder/Achievements">Achievements</a>
+
                <a href="https://2014.igem.org/Team:CU-Boulder/Achievements">Achievements</a>
-
                        <ul>
+
                    <ul>
-
                        <li><a href="https://2014.igem.org/Team:CU-Boulder/Abstract">Abstract</a></li><li>
+
                    <li><a href="https://2014.igem.org/Team:CU-Boulder/Abstract">Abstract</a></li><li>
-
                        <a href="https://2014.igem.org/Team:CU-Boulder/Results">Results</a></li><li>
+
                    <a href="https://2014.igem.org/Team:CU-Boulder/Results">Results</a></li><li>
-
                        <a href="https://2014.igem.org/Team:CU-Boulder/Biobricks">Biobricks</a></li><li>
+
                    <a href="https://2014.igem.org/Team:CU-Boulder/Biobricks">Biobricks</a></li><li>
-
                        <a href="https://2014.igem.org/Team:CU-Boulder/Medal">Medal Requirements</a></li>
+
                    <a href="https://2014.igem.org/Team:CU-Boulder/Medal">Medal Requirements</a></li>
-
                        </ul>
+
                    </ul>
-
                    </li><li>
+
                </li><li>
-
                    <a href="https://2014.igem.org/Team:CU-Boulder/Safety">Safety</a>
+
                <a href="https://2014.igem.org/Team:CU-Boulder/Safety">Safety</a>
-
                        <ul>
+
                    <ul>
-
                        <li><a href="https://2014.igem.org/Team:CU-Boulder/Ethics">Ethics</a></li><li>
+
                    <li><a href="https://2014.igem.org/Team:CU-Boulder/Ethics">Ethics</a></li><li>
-
                        <a href="https://2014.igem.org/Team:CU-Boulder/ViralSafety">Viral Safety</a></li><li>
+
                    <a href="https://2014.igem.org/Team:CU-Boulder/ViralSafety">Viral Safety</a></li><li>
-
                        <a href="https://2014.igem.org/Team:CU-Boulder/Outreach">Outreach</a></li><li>
+
                    <a href="https://2014.igem.org/Team:CU-Boulder/Outreach">Outreach</a></li><li>
-
                        <a href="https://2014.igem.org/Team:CU-Boulder/LabSafety">In Lab Safety</a></li>
+
                    <a href="https://2014.igem.org/Team:CU-Boulder/LabSafety">In Lab Safety</a></li>
-
                        </ul>
+
                    </ul>
-
                    </li><li>
+
                </li><li>
-
                    <a href="https://2014.igem.org/Team:CU-Boulder/LabSafety/Team">Team</a></li>
+
                <a href="https://2014.igem.org/Team:CU-Boulder/LabSafety/Team">Team</a></li>
-
                    </ul>
+
</ul>
-
                </nav>            
+
</nav>
-
            <!-- Nav -->
+
<!-- Nav -->
-
        </header>
+
</header>
-
    </head>
+
</head>
-
    <!-- Intro -->
+
<!-- Intro -->
-
    <body>
+
<body>
-
        <section id="notebook">
+
<section id="notebook">
-
            <h1 style="font-size: 2em; text-align: center;">Outreach</h1>
+
<h1 style="font-size: 2em; text-align: center;">Outreach</h1>
-
            <div id="page">
+
<div id="page">
-
                <div id="leftscroll">
+
<div id="leftscroll">
-
                    <ul class="treeView">
+
<ul class="treeView">
-
                    <li>
+
<li>
-
                      DAY NOTES
+
  DAY NOTES
-
                      <ul class=" collapsibleList">
+
  <ul class=" collapsibleList">
-
                        <li class=" collapsibleListClosed">
+
    <li class=" collapsibleListClosed">
-
                          DOWEL LAB
+
      DOWEL LAB
-
                          <ul  style="display: none;">
+
      <ul  style="display: none;">
-
                        <li class=" collapsibleList">
+
<li class=" collapsibleList">
-
                          July
+
  July
-
                          <ul  style="display: none;">
+
  <ul  style="display: none;">
-
                                <li class=""><a href="#dowell_Sunday_1st_June.html"> Sunday 1<sup>st</sup> June</a></li>
+
            <li class=""><a href="#dowell_Sunday_1st_June.html"> Sunday 1<sup>st</sup> June</a></li>
-
                            <li class=""><a href="#detect_Sunday_2nd_June.html"> Sunday 14<sup>th</sup> July</a></li>
+
    <li class=""><a href="#detect_Sunday_2nd_June.html"> Sunday 14<sup>th</sup> July</a></li>
-
                            <li class=""><a href="#detect_Monday_15th_July.html"> Monday 15<sup>th</sup> July</a></li>
+
    <li class=""><a href="#detect_Monday_15th_July.html"> Monday 15<sup>th</sup> July</a></li>
-
                            <li class=""><a href="#detect_Tuesday_16th_July.html"> Tuesday 16<sup>th</sup> July</a></li>
+
    <li class=""><a href="#detect_Tuesday_16th_July.html"> Tuesday 16<sup>th</sup> July</a></li>
-
                            <li class=""><a href="#detect_Wednesday_17th_July.html"> Wednesday 17<sup>th</sup> July</a></li>
+
    <li class=""><a href="#detect_Wednesday_17th_July.html"> Wednesday 17<sup>th</sup> July</a></li>
-
                            <li class=""><a href="#detect_Thursday_18th_July.html"> Thursday 18<sup>th</sup> July</a></li>
+
    <li class=""><a href="#detect_Thursday_18th_July.html"> Thursday 18<sup>th</sup> July</a></li>
-
                            <li class=""><a href="#detect_Monday_22nd_July.html"> Monday 22<sup>nd</sup> July</a></li>
+
    <li class=""><a href="#detect_Monday_22nd_July.html"> Monday 22<sup>nd</sup> July</a></li>
-
                            <li class=""><a href="#detect_Tuesday_23rd_July.html"> Tuesday 23<sup>rd</sup> July</a></li>
+
    <li class=""><a href="#detect_Tuesday_23rd_July.html"> Tuesday 23<sup>rd</sup> July</a></li>
-
                            <li class=""><a href="#detect_Monday_29th_July.html"> Monday 29<sup>th</sup> July</a></li>
+
    <li class=""><a href="#detect_Monday_29th_July.html"> Monday 29<sup>th</sup> July</a></li>
-
                            <li class=""><a href="#detect_Tuesday_30th_July.html"> Tuesday 30<sup>th</sup> July</a></li>
+
    <li class=""><a href="#detect_Tuesday_30th_July.html"> Tuesday 30<sup>th</sup> July</a></li>
-
                            <li class="lastChild"><a href="#detect_Wednesday_31st_July.html"> Wednesday 31<sup>st</sup> July</a></li>
+
    <li class="lastChild"><a href="#detect_Wednesday_31st_July.html"> Wednesday 31<sup>st</sup> July</a></li>
-
                              </ul>
+
          </ul>
-
                          </ul>
+
      </ul>
-
                        </li>
+
    </li>
-
                        <li class=" collapsibleListClosed">
+
    <li class=" collapsibleListClosed">
-
                          GOLD LAB
+
      GOLD LAB
-
                          <ul  style="display: none;">
+
      <ul  style="display: none;">
-
                        <li class=" collapsibleList">
+
<li class=" collapsibleList">
-
                          June
+
  June
-
                              <ul style="display: none;">
+
          <ul style="display: none;">
-
                            <li class=""><a href="#gold_Sunday_1st_June.html"> Sunday 1<sup>st</sup> June</a></li>
+
    <li class=""><a href="#gold_Sunday_1st_June.html"> Sunday 1<sup>st</sup> June</a></li>
-
                            <li class=""><a href="#gold_Sunday_2nd_June.html"> Sunday 2<sup>th</sup> June</a></li>
+
    <li class=""><a href="#gold_Sunday_2nd_June.html"> Sunday 2<sup>th</sup> June</a></li>
-
                            <li class=""><a href="#target_Wednesday_12th_June.html"> Wednesday 12<sup>th</sup> June</a></li>
+
    <li class=""><a href="#target_Wednesday_12th_June.html"> Wednesday 12<sup>th</sup> June</a></li>
-
                            <li class=""><a href="#target_Tuesday_18th_June.html"> Tuesday 18<sup>th</sup> June</a></li>
+
    <li class=""><a href="#target_Tuesday_18th_June.html"> Tuesday 18<sup>th</sup> June</a></li>
-
                            <li class="lastChild"><a href="#target_Monday_24th_June.html"> Monday 24<sup>th</sup> June</a></li>
+
    <li class="lastChild"><a href="#target_Monday_24th_June.html"> Monday 24<sup>th</sup> June</a></li>
-
                          </ul>
+
  </ul>
-
                        </li>
+
</li>
-
                          </ul>
+
      </ul>
-
                        </li>
+
    </li>
-
                        <li class=" collapsibleListClosed">
+
    <li class=" collapsibleListClosed">
-
                          GARCIA LAB
+
      GARCIA LAB
-
                          <ul  style="display: none;">
+
      <ul  style="display: none;">
-
                        <li class=" collapsibleList">
+
<li class=" collapsibleList">
-
                          June
+
  June
-
                              <ul style="display: none;">
+
          <ul style="display: none;">
-
                            <li class=""><a href="#target_Monday_10th_June.html"> Monday 10<sup>th</sup> June</a></li>
+
    <li class=""><a href="#target_Monday_10th_June.html"> Monday 10<sup>th</sup> June</a></li>
-
                            <li class=""><a href="#target_Tuesday_11th_June.html"> Tuesday 11<sup>th</sup> June</a></li>
+
    <li class=""><a href="#target_Tuesday_11th_June.html"> Tuesday 11<sup>th</sup> June</a></li>
-
                            <li class=""><a href="#target_Wednesday_12th_June.html"> Wednesday 12<sup>th</sup> June</a></li>
+
    <li class=""><a href="#target_Wednesday_12th_June.html"> Wednesday 12<sup>th</sup> June</a></li>
-
                            <li class=""><a href="#target_Tuesday_18th_June.html"> Tuesday 18<sup>th</sup> June</a></li>
+
    <li class=""><a href="#target_Tuesday_18th_June.html"> Tuesday 18<sup>th</sup> June</a></li>
-
                            <li class="lastChild"><a href="#target_Monday_24th_June.html"> Monday 24<sup>th</sup> June</a></li>
+
    <li class="lastChild"><a href="#target_Monday_24th_June.html"> Monday 24<sup>th</sup> June</a></li>
-
                          </ul>
+
  </ul>
-
                        </li>
+
</li>
-
                          </ul>
+
      </ul>
-
                        </li>
+
    </li>
-
                      </ul>
+
  </ul>
-
                    </li>
+
</li>
-
                    </ul>
+
</ul>
-
                </div>
+
</div>
-
                <script type="text/javascript">
+
<script type="text/javascript">
-
                runOnLoad(function(){ CollapsibleLists.apply(); });
+
runOnLoad(function(){ CollapsibleLists.apply(); });
-
                </script>
+
</script>
-
                <div id="rightscroll">
+
    <div id="rightscroll">
-
                    <html><li class=<html><div id="gold_Sunday_1st_June.html"></div></html>
+
<html><li class=<html><div id="gold_Sunday_1st_June.html"></div></html>
-
                    <html>
+
<html>
-
                        <div class ="tbnote">
+
<div class ="tbnote">
-
                        <h2>GOLD LAB</h2>
+
<h2>GOLD LAB</h2>
-
                        <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Detect" target="_blank" class="tbnotelogo PSlogo"> ASDF </a>
+
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Detect" target="_blank" class="tbnotelogo PSlogo"> ASDF </a>
-
                        <div style="clear: both;"></div>
+
<div style="clear: both;"></div>
-
                        <h3>Sunday 1<sup>st</sup> June</h3>
+
<h3>Sunday 1<sup>st</sup> June</h3>
-
                        <p><b><em>
+
<p><b><em>
-
                        <!-- === Modify from here === -->
+
<!-- === Modify from here === -->
-
                        Protocol and Procedures  
+
Protocol and Procedures  
-
                        <!-- === To here          === -->
+
<!-- === To here          === -->
-
                        </br></em></b></p>
+
</br></em></b></p>
-
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed adipiscing luctus suscipit. Sed fringilla est quis adipiscing tempus. Sed ultricies ullamcorper massa, nec euismod orci venenatis vel. Maecenas a eros ut enim laoreet sollicitudin. Aenean faucibus lectus libero, ac consequat quam vehicula a. Proin mattis vestibulum libero, vel congue sapien pretium ut. Curabitur id dapibus turpis. Fusce ultricies arcu vel neque tempus dignissim.
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed adipiscing luctus suscipit. Sed fringilla est quis adipiscing tempus. Sed ultricies ullamcorper massa, nec euismod orci venenatis vel. Maecenas a eros ut enim laoreet sollicitudin. Aenean faucibus lectus libero, ac consequat quam vehicula a. Proin mattis vestibulum libero, vel congue sapien pretium ut. Curabitur id dapibus turpis. Fusce ultricies arcu vel neque tempus dignissim.
-
                        </br>
+
</br>
-
                        Cras lacinia ut justo quis molestie. Nunc nec dolor eleifend, sagittis augue et, ornare diam. Suspendisse iaculis ligula nisl, ac suscipit lacus eleifend in. Duis congue eros et quam tempor, id euismod lectus pharetra. Etiam tincidunt nulla nec elit ultricies vehicula. Maecenas in ornare dolor. Cras eu sem quis tellus lacinia convallis. Nulla ornare, lectus vel aliquam varius, elit lectus congue quam, vel imperdiet libero turpis eu est. Maecenas pellentesque turpis libero, sed viverra lacus egestas sit amet.
+
Cras lacinia ut justo quis molestie. Nunc nec dolor eleifend, sagittis augue et, ornare diam. Suspendisse iaculis ligula nisl, ac suscipit lacus eleifend in. Duis congue eros et quam tempor, id euismod lectus pharetra. Etiam tincidunt nulla nec elit ultricies vehicula. Maecenas in ornare dolor. Cras eu sem quis tellus lacinia convallis. Nulla ornare, lectus vel aliquam varius, elit lectus congue quam, vel imperdiet libero turpis eu est. Maecenas pellentesque turpis libero, sed viverra lacus egestas sit amet.
-
                        </br>
+
</br>
-
                        Morbi luctus euismod laoreet. Nullam neque turpis, viverra id odio eget, tristique dignissim arcu. Nullam dictum, enim non eleifend faucibus, dui mi imperdiet erat, nec iaculis leo tellus id tellus. Praesent neque lacus, volutpat quis elit in, dictum porttitor erat. Vivamus interdum scelerisque ligula vitae accumsan. Sed malesuada porta dignissim. Ut eleifend, erat non fringilla tempus, sem est euismod erat, id tempor ligula nulla tristique ante. Etiam ornare elit nisl, a rutrum ante lobortis vel.
+
Morbi luctus euismod laoreet. Nullam neque turpis, viverra id odio eget, tristique dignissim arcu. Nullam dictum, enim non eleifend faucibus, dui mi imperdiet erat, nec iaculis leo tellus id tellus. Praesent neque lacus, volutpat quis elit in, dictum porttitor erat. Vivamus interdum scelerisque ligula vitae accumsan. Sed malesuada porta dignissim. Ut eleifend, erat non fringilla tempus, sem est euismod erat, id tempor ligula nulla tristique ante. Etiam ornare elit nisl, a rutrum ante lobortis vel.
-
                        </br>
+
</br>
-
                        In hac habitasse platea dictumst. Cras imperdiet lacus et lacinia mollis. In id ante commodo, posuere ipsum nec, elementum felis. Quisque porta ullamcorper nulla, et porttitor odio elementum eget. Donec iaculis felis sapien, eget scelerisque arcu euismod eget. Sed adipiscing imperdiet mi nec rutrum. Vivamus varius eleifend justo, vitae lacinia nibh volutpat sit amet. Quisque malesuada sodales urna ac commodo. Nunc lobortis augue sem, quis ornare magna vulputate vestibulum. Morbi gravida ullamcorper vehicula. Aenean tristique facilisis venenatis. Fusce vel dignissim risus, eu blandit nibh. In hac habitasse platea dictumst.
+
In hac habitasse platea dictumst. Cras imperdiet lacus et lacinia mollis. In id ante commodo, posuere ipsum nec, elementum felis. Quisque porta ullamcorper nulla, et porttitor odio elementum eget. Donec iaculis felis sapien, eget scelerisque arcu euismod eget. Sed adipiscing imperdiet mi nec rutrum. Vivamus varius eleifend justo, vitae lacinia nibh volutpat sit amet. Quisque malesuada sodales urna ac commodo. Nunc lobortis augue sem, quis ornare magna vulputate vestibulum. Morbi gravida ullamcorper vehicula. Aenean tristique facilisis venenatis. Fusce vel dignissim risus, eu blandit nibh. In hac habitasse platea dictumst.
-
                        </br>
+
</br>
-
                        Donec a blandit mi. Morbi viverra tristique magna at blandit. Etiam vestibulum eu augue eget tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus egestas auctor nibh. Suspendisse sodales ac urna in pellentesque. Sed suscipit egestas justo a dictum. Mauris quis ligula congue, aliquet metus vel, suscipit lorem. Morbi ut viverra sapien. Nulla imperdiet pellentesque purus id dapibus. Suspendisse facilisis auctor arcu nec gravida. Morbi ut euismod lorem. Donec aliquet euismod euismod. Vestibulum facilisis suscipit nisi at posuere. Pellentesque mauris augue, vulputate nec suscipit congue, commodo pharetra dui.
+
Donec a blandit mi. Morbi viverra tristique magna at blandit. Etiam vestibulum eu augue eget tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus egestas auctor nibh. Suspendisse sodales ac urna in pellentesque. Sed suscipit egestas justo a dictum. Mauris quis ligula congue, aliquet metus vel, suscipit lorem. Morbi ut viverra sapien. Nulla imperdiet pellentesque purus id dapibus. Suspendisse facilisis auctor arcu nec gravida. Morbi ut euismod lorem. Donec aliquet euismod euismod. Vestibulum facilisis suscipit nisi at posuere. Pellentesque mauris augue, vulputate nec suscipit congue, commodo pharetra dui.
-
                        <br>
+
<!-- === Modify from here === -->
-
                        </div>
+
<br>
 +
<!-- === To here === -->
 +
</div>
 +
</html>
 +
<html><li class=<html><div id="gold_Sunday_2nd_June.html"></div></html>
 +
<html>
 +
<div class ="tbnote">
 +
<h2>GOLD LAB</h2>
 +
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Detect" target="_blank" class="tbnotelogo PSlogo"> ASDF </a>
 +
<div style="clear: both;"></div>
 +
<h3>Sunday 1<sup>st</sup> June</h3>
 +
<p><b><em>
 +
<!-- === Modify from here === -->
 +
Protocol and Procedures
 +
<!-- === To here          === -->
 +
</br></em></b></p>
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed adipiscing luctus suscipit. Sed fringilla est quis adipiscing tempus. Sed ultricies ullamcorper massa, nec euismod orci venenatis vel. Maecenas a eros ut enim laoreet sollicitudin. Aenean faucibus lectus libero, ac consequat quam vehicula a. Proin mattis vestibulum libero, vel congue sapien pretium ut. Curabitur id dapibus turpis. Fusce ultricies arcu vel neque tempus dignissim.
 +
</br>
 +
Cras lacinia ut justo quis molestie. Nunc nec dolor eleifend, sagittis augue et, ornare diam. Suspendisse iaculis ligula nisl, ac suscipit lacus eleifend in. Duis congue eros et quam tempor, id euismod lectus pharetra. Etiam tincidunt nulla nec elit ultricies vehicula. Maecenas in ornare dolor. Cras eu sem quis tellus lacinia convallis. Nulla ornare, lectus vel aliquam varius, elit lectus congue quam, vel imperdiet libero turpis eu est. Maecenas pellentesque turpis libero, sed viverra lacus egestas sit amet.
 +
</br>
 +
Morbi luctus euismod laoreet. Nullam neque turpis, viverra id odio eget, tristique dignissim arcu. Nullam dictum, enim non eleifend faucibus, dui mi imperdiet erat, nec iaculis leo tellus id tellus. Praesent neque lacus, volutpat quis elit in, dictum porttitor erat. Vivamus interdum scelerisque ligula vitae accumsan. Sed malesuada porta dignissim. Ut eleifend, erat non fringilla tempus, sem est euismod erat, id tempor ligula nulla tristique ante. Etiam ornare elit nisl, a rutrum ante lobortis vel.
 +
</br>
 +
In hac habitasse platea dictumst. Cras imperdiet lacus et lacinia mollis. In id ante commodo, posuere ipsum nec, elementum felis. Quisque porta ullamcorper nulla, et porttitor odio elementum eget. Donec iaculis felis sapien, eget scelerisque arcu euismod eget. Sed adipiscing imperdiet mi nec rutrum. Vivamus varius eleifend justo, vitae lacinia nibh volutpat sit amet. Quisque malesuada sodales urna ac commodo. Nunc lobortis augue sem, quis ornare magna vulputate vestibulum. Morbi gravida ullamcorper vehicula. Aenean tristique facilisis venenatis. Fusce vel dignissim risus, eu blandit nibh. In hac habitasse platea dictumst.
 +
</br>
 +
Donec a blandit mi. Morbi viverra tristique magna at blandit. Etiam vestibulum eu augue eget tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus egestas auctor nibh. Suspendisse sodales ac urna in pellentesque. Sed suscipit egestas justo a dictum. Mauris quis ligula congue, aliquet metus vel, suscipit lorem. Morbi ut viverra sapien. Nulla imperdiet pellentesque purus id dapibus. Suspendisse facilisis auctor arcu nec gravida. Morbi ut euismod lorem. Donec aliquet euismod euismod. Vestibulum facilisis suscipit nisi at posuere. Pellentesque mauris augue, vulputate nec suscipit congue, commodo pharetra dui.
 +
<!-- === Modify from here === -->
 +
<br>
 +
<!-- === To here === -->
 +
</div>
 +
</html>
 +
</section>
 +
</body>
 +
<html>
 +
    </div>
 +
  </div>
 +
  <div style="clear: both;"></div>
-
 
+
<style>
-
                    <!-- DOCUMENT STARTS HERE -->
+
  #footer-box{
-
 
+
    display:none;
-
                    <!-- THIS IS WHERE THE LEFT BAR REFERENCES TO (<html><div id="gold_Sunday_2nd_June.html">) -->
+
  }
-
                    <html><li class=<html><div id="gold_Sunday_2nd_June.html"></div></html>
+
</style>
-
                    <html>
+
-
                        <div class ="tbnote">
+
-
                            <!-- HEADER -->
+
-
                            <h2>STEAM</h2>
+
-
                            <div style="clear: both;"></div>
+
-
                   
+
-
                            A group of 22 high school students joined us for an exciting morning. These students are part of the STEAM program. We started with a welcome message given by Dr. Robin Dowell. This was followed by a presentation by Daren Kraft that included an introduction to iGEM and our project. Daren also included some background information on the experiments that the students would be performing in the lab.
+
-
After dividing into teams, we moved into the GOLD lab where the students put on gloves and learned how to pipette. Each team was given 2 samples of bacteria, one represented a “pathogenic” strain and one did not. The “pathogenic sample included an EcoRI restriction enzyme cut site not found in the other strain. The students were tasked with figuring out which sample was which by doing a restriction digestion followed by agarose gel electrophoresis.  Each team set up their restriction digestion reactions for the two samples.
+
-
During the incubation time for the digestion, the students made DNA necklaces. They isolated their own DNA from cheek cells. The cells were lysed, and the DNA was precipitated out. The DNA could then be placed into small glass flasks and sealed. These were made into a necklace by adding a leather chain.
+
-
Due to time constraints, the students were not able to load their own gels, but the iGEM team loaded the students’ samples and the gels were later imaged and sent to the students. However, the students were able to see how this process works first hand.
+
-
We moved upstairs for a presentation by other members of the Dowell lab. They demonstrated that not all molecular biology includes wet-lab work. A video was presented that the lab members have been working on. This was followed by a question and answer session.  Finally, we moved outside for a group picture before our time together expired.
+
-
                        </div>
+
-
 
+
-
 
+
-
                    <!-- DOCUMENT STARTS HERE -->
+
-
 
+
-
                    <!-- THIS IS WHERE THE LEFT BAR REFERENCES TO (<html><div id="gold_Sunday_2nd_June.html">) -->
+
-
                    <html><li class=<html><div id="gold_Sunday_2nd_June.html"></div></html>
+
-
                    <html>
+
-
                        <div class ="tbnote">
+
-
                            <!-- HEADER -->
+
-
                            <h2>GOLD LAB</h2>
+
-
                            <div style="clear: both;"></div>
+
-
                            <!-- TEXT GOES HERE -->
+
-
                        </div>
+
-
                    </html>
+
-
 
+
-
 
+
-
                    <!-- DOCUMENT ENDS HERE -->
+
-
        </section>
+
-
    </body>
+
-
    <html>
+
-
        </div>
+
-
      </div>
+
-
      <div style="clear: both;"></div>
+
-
 
+
-
    <style>
+
-
      #footer-box{
+
-
        display:none;
+
-
      }
+
-
    </style>
+
</html>
</html>

Revision as of 01:26, 23 August 2014

iGem CU-Boulder

Outreach

  • GOLD LAB

    Sunday 1st June

    Protocol and Procedures

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed adipiscing luctus suscipit. Sed fringilla est quis adipiscing tempus. Sed ultricies ullamcorper massa, nec euismod orci venenatis vel. Maecenas a eros ut enim laoreet sollicitudin. Aenean faucibus lectus libero, ac consequat quam vehicula a. Proin mattis vestibulum libero, vel congue sapien pretium ut. Curabitur id dapibus turpis. Fusce ultricies arcu vel neque tempus dignissim.
    Cras lacinia ut justo quis molestie. Nunc nec dolor eleifend, sagittis augue et, ornare diam. Suspendisse iaculis ligula nisl, ac suscipit lacus eleifend in. Duis congue eros et quam tempor, id euismod lectus pharetra. Etiam tincidunt nulla nec elit ultricies vehicula. Maecenas in ornare dolor. Cras eu sem quis tellus lacinia convallis. Nulla ornare, lectus vel aliquam varius, elit lectus congue quam, vel imperdiet libero turpis eu est. Maecenas pellentesque turpis libero, sed viverra lacus egestas sit amet.
    Morbi luctus euismod laoreet. Nullam neque turpis, viverra id odio eget, tristique dignissim arcu. Nullam dictum, enim non eleifend faucibus, dui mi imperdiet erat, nec iaculis leo tellus id tellus. Praesent neque lacus, volutpat quis elit in, dictum porttitor erat. Vivamus interdum scelerisque ligula vitae accumsan. Sed malesuada porta dignissim. Ut eleifend, erat non fringilla tempus, sem est euismod erat, id tempor ligula nulla tristique ante. Etiam ornare elit nisl, a rutrum ante lobortis vel.
    In hac habitasse platea dictumst. Cras imperdiet lacus et lacinia mollis. In id ante commodo, posuere ipsum nec, elementum felis. Quisque porta ullamcorper nulla, et porttitor odio elementum eget. Donec iaculis felis sapien, eget scelerisque arcu euismod eget. Sed adipiscing imperdiet mi nec rutrum. Vivamus varius eleifend justo, vitae lacinia nibh volutpat sit amet. Quisque malesuada sodales urna ac commodo. Nunc lobortis augue sem, quis ornare magna vulputate vestibulum. Morbi gravida ullamcorper vehicula. Aenean tristique facilisis venenatis. Fusce vel dignissim risus, eu blandit nibh. In hac habitasse platea dictumst.
    Donec a blandit mi. Morbi viverra tristique magna at blandit. Etiam vestibulum eu augue eget tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus egestas auctor nibh. Suspendisse sodales ac urna in pellentesque. Sed suscipit egestas justo a dictum. Mauris quis ligula congue, aliquet metus vel, suscipit lorem. Morbi ut viverra sapien. Nulla imperdiet pellentesque purus id dapibus. Suspendisse facilisis auctor arcu nec gravida. Morbi ut euismod lorem. Donec aliquet euismod euismod. Vestibulum facilisis suscipit nisi at posuere. Pellentesque mauris augue, vulputate nec suscipit congue, commodo pharetra dui.

  • GOLD LAB

    Sunday 1st June

    Protocol and Procedures

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed adipiscing luctus suscipit. Sed fringilla est quis adipiscing tempus. Sed ultricies ullamcorper massa, nec euismod orci venenatis vel. Maecenas a eros ut enim laoreet sollicitudin. Aenean faucibus lectus libero, ac consequat quam vehicula a. Proin mattis vestibulum libero, vel congue sapien pretium ut. Curabitur id dapibus turpis. Fusce ultricies arcu vel neque tempus dignissim.
    Cras lacinia ut justo quis molestie. Nunc nec dolor eleifend, sagittis augue et, ornare diam. Suspendisse iaculis ligula nisl, ac suscipit lacus eleifend in. Duis congue eros et quam tempor, id euismod lectus pharetra. Etiam tincidunt nulla nec elit ultricies vehicula. Maecenas in ornare dolor. Cras eu sem quis tellus lacinia convallis. Nulla ornare, lectus vel aliquam varius, elit lectus congue quam, vel imperdiet libero turpis eu est. Maecenas pellentesque turpis libero, sed viverra lacus egestas sit amet.
    Morbi luctus euismod laoreet. Nullam neque turpis, viverra id odio eget, tristique dignissim arcu. Nullam dictum, enim non eleifend faucibus, dui mi imperdiet erat, nec iaculis leo tellus id tellus. Praesent neque lacus, volutpat quis elit in, dictum porttitor erat. Vivamus interdum scelerisque ligula vitae accumsan. Sed malesuada porta dignissim. Ut eleifend, erat non fringilla tempus, sem est euismod erat, id tempor ligula nulla tristique ante. Etiam ornare elit nisl, a rutrum ante lobortis vel.
    In hac habitasse platea dictumst. Cras imperdiet lacus et lacinia mollis. In id ante commodo, posuere ipsum nec, elementum felis. Quisque porta ullamcorper nulla, et porttitor odio elementum eget. Donec iaculis felis sapien, eget scelerisque arcu euismod eget. Sed adipiscing imperdiet mi nec rutrum. Vivamus varius eleifend justo, vitae lacinia nibh volutpat sit amet. Quisque malesuada sodales urna ac commodo. Nunc lobortis augue sem, quis ornare magna vulputate vestibulum. Morbi gravida ullamcorper vehicula. Aenean tristique facilisis venenatis. Fusce vel dignissim risus, eu blandit nibh. In hac habitasse platea dictumst.
    Donec a blandit mi. Morbi viverra tristique magna at blandit. Etiam vestibulum eu augue eget tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus egestas auctor nibh. Suspendisse sodales ac urna in pellentesque. Sed suscipit egestas justo a dictum. Mauris quis ligula congue, aliquet metus vel, suscipit lorem. Morbi ut viverra sapien. Nulla imperdiet pellentesque purus id dapibus. Suspendisse facilisis auctor arcu nec gravida. Morbi ut euismod lorem. Donec aliquet euismod euismod. Vestibulum facilisis suscipit nisi at posuere. Pellentesque mauris augue, vulputate nec suscipit congue, commodo pharetra dui.
    </section> </body>

    • Retrieved from "http://2014.igem.org/Team:CU-Boulder/Outreach"