Difference between revisions of "Team:Harvard BioDesign/Safety"

 
(16 intermediate revisions by 2 users not shown)
Line 26: Line 26:
 
           <!-- Logo -->
 
           <!-- Logo -->
 
             <div id="logo">
 
             <div id="logo">
               <span class="harvardLogo"><a href="https://2015.igem.org/Team:Harvard_BioDesign" target="_blank"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:212px;height:144px;"/></a> </span>
+
               <span class="harvardLogo"><a href="https://2015.igem.org/Team:Harvard_BioDesign"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:275px;height:200px;margin-left:-50px"/></a> </span>
 
             <!-- <h1 id="title">Harvard BioDesign 2015</h1>-->
 
             <!-- <h1 id="title">Harvard BioDesign 2015</h1>-->
              <p>NAME OF PROJECT</p>
 
 
             </div><!-- #Logo -->
 
             </div><!-- #Logo -->
  
Line 49: Line 48:
 
<h4> Content </h4>
 
<h4> Content </h4>
 
             <ul>
 
             <ul>
                 <li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Welcome</span></a></li>
+
                 <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety#project" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Project Design</span></a></li>
                 <li><a href="#overview" id="overview-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Overview</span></a></li>
+
                 <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety#lab" id="overview-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Safe Lab Work</span></a></li>
                 <li><a href="#sitemap" id="sitemap-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Site Map</span></a></li>
+
                 <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety#shipment" id="sitemap-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Safe Shipment</span></a></li>
 
             </ul>
 
             </ul>
 
</nav>
 
</nav>
Line 57: Line 56:
  
 
         <div class="bottom">
 
         <div class="bottom">
        <nav id="nav">
+
<nav id="nav"> <!-- Main Menu --> <h4><div class="innertwo">Main Pages</div></h4>  
          <!-- Main Menu -->
+
<ul>  
        <h4> Main Pages</h4>
+
<li><a href="https://2015.igem.org/Team:Harvard_BioDesign">Home</a></li>  
            <ul>
+
<li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Project">Project</a></li>  
                <li><a class="curPage" href="https://2015.igem.org/Team:Harvard_BioDesign">Home</a></li>
+
<li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Results">Results</a></li>  
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Team">Team</a></li>
+
<li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook">Notebook</a></li>  
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Project">Project</a></li>
+
<li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts">Parts</a></li>  
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Results">Results</a></li>
+
<li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices">Practices</a></li>  
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook">Notebook</a></li>
+
<li><a class="curPage" href="https://2015.igem.org/Team:Harvard_BioDesign/Safety">Safety</a></li>  
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts">Parts</a></li>
+
<li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations">Collaborations</a></li>
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations">Collaborations</a></li>
+
<li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Team">Team</a></li>
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li>
+
<li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li>  
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices">Practices</a></li>
+
</ul>
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety">Safety</a></li>  
+
</nav>
            </ul>
+
          </nav>
+
  
  
Line 87: Line 84:
 
             </ul>
 
             </ul>
 
         </div><!--#bottom-->
 
         </div><!--#bottom-->
         </div>
+
         </div><!--#inner-->
 
       </div><!--#header-->
 
       </div><!--#header-->
  
Line 93: Line 90:
 
       <div id="main">
 
       <div id="main">
  
        <!-- Intro -->
+
 
           <section id="top" class="one dark cover">
+
           <section id="project" class="one dark cover">
 
             <div class="container">
 
             <div class="container">
  
 
               <header>
 
               <header>
                <h2 class="alt">Hi! I'm <strong>Prologue</strong>, a <a href="http://html5up.net/license">free</a> responsive<br />
+
<img src = "https://static.igem.org/mediawiki/2015/4/44/Harvard2015_Safety.png"/>
                 site template designed by <a href="http://html5up.net">HTML5 UP</a>.</h2>
+
                 <h2 class="alt">Project Design</h2>
                 <p>Ligula scelerisque justo sem accumsan diam quis<br />
+
                 <p>We extracted fim from the genome of E. coli K-12, a non-pathogenic laboratory strain. We transformed our plasmids into the Keio parent strain, another a non-pathogenic laboratory strain. In response to feedback from experts, we also transformed our plasmids into Nissle, a probiotic that is not only non-pathogenic but also beneficial. We knocked out mannose-mediated binding in some of our plasmids which makes our system safer because it prevents our engineered E. coli from binding to healthy epithelial cells.</p>
                vitae natoque dictum sollicitudin elementum.</p>
+
 
 
               </header>
 
               </header>
  
              <footer>
+
           
                <a href="#portfolio" class="button scrolly">Magna Aliquam</a>
+
              </footer>
+
 
+
 
             </div>
 
             </div>
 
           </section>
 
           </section>
  
        <!-- Portfolio -->
+
 
           <section id="portfolio" class="two">
+
           <section id="lab" class="two">
 
             <div class="container">
 
             <div class="container">
  
 
               <header>
 
               <header>
                 <h2>Portfolio</h2>
+
                 <h2>Safe Lab Work</h2>
 
               </header>
 
               </header>
 
+
<p>We worked at the Joshi Lab in the Wyss Institute, a BSL-1 laboratory. Before beginning work in lab, we took a safety course online that trained us in general lab safety, biosafety, radioactive materials safety, and laser microscope use. We learned some important lab practices, such as wearing gloves, tying back long hair, and what to do in emergency situations, and also received a healthy dose of fear- to quote our training manual, “Blindness is forever!”. One case where we had to take extra safety precautions was when we gel extracted bands from electrophoresis gels. We wore UV protection goggles to protect our eyes from the UV light.</p>
              <p>Vitae natoque dictum etiam semper magnis enim feugiat convallis convallis
+
                
              egestas rhoncus ridiculus in quis risus amet curabitur tempor orci penatibus.
+
              Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis
+
              fusce hendrerit lacus ridiculus.</p>
+
 
+
              <div class="row">
+
                <div class="4u 12u$(mobile)">
+
                  <article class="item">
+
                    <a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
+
                    <header>
+
                      <h3>Ipsum Feugiat</h3>
+
                    </header>
+
                  </article>
+
                  <article class="item">
+
                    <a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
+
                    <header>
+
                      <h3>Rhoncus Semper</h3>
+
                    </header>
+
                  </article>
+
                </div>
+
                <div class="4u 12u$(mobile)">
+
                  <article class="item">
+
                    <a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a>
+
                    <header>
+
                      <h3>Magna Nullam</h3>
+
                    </header>
+
                  </article>
+
                  <article class="item">
+
                    <a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
+
                    <header>
+
                      <h3>Natoque Vitae</h3>
+
                    </header>
+
                  </article>
+
                </div>
+
                <div class="4u$ 12u$(mobile)">
+
                  <article class="item">
+
                    <a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
+
                    <header>
+
                      <h3>Dolor Penatibus</h3>
+
                    </header>
+
                  </article>
+
                  <article class="item">
+
                    <a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a>
+
                    <header>
+
                      <h3>Orci Convallis</h3>
+
                    </header>
+
                  </article>
+
                </div>
+
               </div>
+
 
+
 
             </div>
 
             </div>
 
           </section>
 
           </section>
  
        <!-- About Me -->
+
 
           <section id="about" class="three">
+
           <section id="shipment" class="three">
 
             <div class="container">
 
             <div class="container">
  
 
               <header>
 
               <header>
                 <h2>About Me</h2>
+
                 <h2>Safe Shipment</h2>
 
               </header>
 
               </header>
 +
<p>Since we are based in Cambridge, close to iGEM HQ, we were able to skip the hassle of shipping and deliver our biobricks directly to iGEM HQ.</p>
  
              <a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
 
 
              <p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
 
              ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
 
              laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
 
              parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
 
              dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
 
              ornare iaculis.</p>
 
  
 
             </div>
 
             </div>
 
           </section>
 
           </section>
  
        <!-- Contact -->
+
          <section id="contact" class="four">
+
            <div class="container">
+
 
+
              <header>
+
                <h2>Contact</h2>
+
              </header>
+
 
+
              <p>Elementum sem parturient nulla quam placerat viverra
+
              mauris non cum elit tempus ullamcorper dolor. Libero rutrum ut lacinia
+
              donec curae mus. Eleifend id porttitor ac ultricies lobortis sem nunc
+
              orci ridiculus faucibus a consectetur. Porttitor curae mauris urna mi dolor.</p>
+
 
+
              <form method="post" action="#">
+
                <div class="row">
+
                  <div class="6u 12u$(mobile)"><input type="text" name="name" placeholder="Name" /></div>
+
                  <div class="6u$ 12u$(mobile)"><input type="text" name="email" placeholder="Email" /></div>
+
                  <div class="12u$">
+
                    <textarea name="message" placeholder="Message"></textarea>
+
                  </div>
+
                  <div class="12u$">
+
                    <input type="submit" value="Send Message" />
+
                  </div>
+
                </div>
+
              </form>
+
 
+
            </div>
+
          </section>
+
  
 
       </div>
 
       </div>
Line 228: Line 139:
 
         <!-- Copyright -->
 
         <!-- Copyright -->
 
           <ul class="copyright">
 
           <ul class="copyright">
           <li><a href="https://static.igem.org/mediawiki/2015/c/ce/Harvard2015SiteMap.png" target="_blank">Site Map</a></li><li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li>
+
           <li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li>
 
           </ul>
 
           </ul>
  

Latest revision as of 00:52, 19 September 2015


Prologue by HTML5 UP

Project Design

We extracted fim from the genome of E. coli K-12, a non-pathogenic laboratory strain. We transformed our plasmids into the Keio parent strain, another a non-pathogenic laboratory strain. In response to feedback from experts, we also transformed our plasmids into Nissle, a probiotic that is not only non-pathogenic but also beneficial. We knocked out mannose-mediated binding in some of our plasmids which makes our system safer because it prevents our engineered E. coli from binding to healthy epithelial cells.

Safe Lab Work

We worked at the Joshi Lab in the Wyss Institute, a BSL-1 laboratory. Before beginning work in lab, we took a safety course online that trained us in general lab safety, biosafety, radioactive materials safety, and laser microscope use. We learned some important lab practices, such as wearing gloves, tying back long hair, and what to do in emergency situations, and also received a healthy dose of fear- to quote our training manual, “Blindness is forever!”. One case where we had to take extra safety precautions was when we gel extracted bands from electrophoresis gels. We wore UV protection goggles to protect our eyes from the UV light.

Safe Shipment

Since we are based in Cambridge, close to iGEM HQ, we were able to skip the hassle of shipping and deliver our biobricks directly to iGEM HQ.