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

 
(18 intermediate revisions by 2 users not shown)
Line 22: Line 22:
 
     <!-- header -->
 
     <!-- header -->
 
       <div id="header">
 
       <div id="header">
 
+
        <div class="inner">
 
         <div class="top">
 
         <div class="top">
 
 
           <!-- Logo -->
 
           <!-- Logo -->
 
             <div id="logo">
 
             <div id="logo">
               <span class="harvardLogo"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:212px;height:144px;"/> </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 48: Line 46:
 
               -->
 
               -->
 
           <!-- Subsections -->
 
           <!-- Subsections -->
            <h4> Content </h4>
+
<h4> Content </h4>
 
             <ul>
 
             <ul>
                 <li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Intro</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="#portfolio" id="portfolio-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Portfolio</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="#about" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-user">About Me</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>
                <li><a href="#contact" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">Contact</span></a></li>
+
 
             </ul>
 
             </ul>
            </nav>
+
</nav>
</div><!--#top-->
+
</div><!--#top-->      
<nav id="nav">
+
       
+
  
 
         <div class="bottom">
 
         <div class="bottom">
          <!-- Main Menu -->
+
<nav id="nav"> <!-- Main Menu --> <h4><div class="innertwo">Main Pages</div></h4>  
            <h4>Main Pages</h4>
+
<ul>  
            <ul>
+
<li><a href="https://2015.igem.org/Team:Harvard_BioDesign">Home</a></li>  
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign">Home</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/Team">Team</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/Project">Project</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/Results">Results</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/Notebook">Notebook</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/Parts">Parts</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/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/Attributions">Attributions</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/Practices">Practices</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/Safety">Safety</a></li>  
+
</ul>
            </ul>
+
</nav>
          </nav>
+
  
  
Line 81: Line 75:
 
           <!-- Social Icons -->
 
           <!-- Social Icons -->
 
             <ul class="icons">
 
             <ul class="icons">
              <!--
+
 
              <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
+
              <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
+
              <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
+
              <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
+
              <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
+
            -->
+
 
               <li><a href="https://www.facebook.com/harvardigem2015" target="_blank">
 
               <li><a href="https://www.facebook.com/harvardigem2015" target="_blank">
 
                     <img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:51px;height:51px;"></a></li>
 
                     <img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:51px;height:51px;"></a></li>
Line 95: Line 83:
 
                     <img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:51px;height:51px;"></a></li>  
 
                     <img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:51px;height:51px;"></a></li>  
 
             </ul>
 
             </ul>
 
 
         </div><!--#bottom-->
 
         </div><!--#bottom-->
 
+
        </div><!--#inner-->
 
       </div><!--#header-->
 
       </div><!--#header-->
  
Line 103: 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>
+
  
               <footer>
+
               </header>
                <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 238: Line 139:
 
         <!-- Copyright -->
 
         <!-- Copyright -->
 
           <ul class="copyright">
 
           <ul class="copyright">
            <li>&copy; Untitled. All rights reserved.</li><li>Design: <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.