Difference between revisions of "Team:Harvard BioDesign"

Line 12: Line 12:
 
     <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
 
     <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
 
     <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Harvard_BioDesign/CSS_Scroll0?action=raw&ctype=text/css" />
 
     <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Harvard_BioDesign/CSS_Scroll0?action=raw&ctype=text/css" />
−
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
 
 
     <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
 
     <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
 
     <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
 
     <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
  
−
 
−
<style>
 
−
 
−
 
−
/*BUTTON*/
 
−
#buttonbox{
 
−
position:relative;
 
−
height:133px;
 
−
width:134px;
 
−
margin: 0 auto;
 
−
/*background-color: #003344;*/
 
−
 
−
}
 
−
 
−
 
−
h4.mid {
 
−
position: relative;
 
−
top:90px;
 
−
text-align:center;
 
−
text-decoration:none;
 
−
z-index:1;
 
−
color:#000;
 
−
}
 
−
 
−
img.rot {
 
−
  /*border-radius: 50%;*/
 
−
  -webkit-transition: -webkit-transform .8s ease-in-out;
 
−
  transition: transform .8s ease-in-out;
 
−
  position:absolute;
 
−
  right:0px;
 
−
  z-index: 5;
 
−
}
 
−
 
−
 
−
img.rot:hover {
 
−
  -webkit-transform: rotate(720deg);
 
−
  transform: rotate(720deg);
 
−
  z-index: 5;
 
−
}
 
−
 
−
</style>
 
  
 
   </head>
 
   </head>
Line 69: Line 27:
 
               <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: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:212px;height:144px;"/></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 90: Line 49:
 
             <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="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Welcome</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="#sitemap" id="sitemap-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Site Map</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="#teampage" id="teampage-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Page Overviews</span></a></li>
+
                 <li><a href="#teampage" id="teampage-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Team Page</span></a></li>
 
             </ul>
 
             </ul>
 
</nav>
 
</nav>
Line 143: Line 103:
 
               </header>
 
               </header>
  
−
            Curious?<br/>
+
              <footer>Curious?<br/>
−
            <!--  <div class="wrap">
+
                 <a href="#overview" class="button scrolly">Start Here</a>
−
                 <a href="#sitemap" class="button scrolly" style="font-family:'Lato';text-decoration:none;background-color:#9DE8BD;color:#000;"><br/>Start Here</a>
+
 
                 <div class="circle angled"></div>
 
                 <div class="circle angled"></div>
−
               </div>-->
+
               </footer>
 +
 
 
             </div>
 
             </div>
 +
          </section>
  
−
<footer>
+
        <!-- Overview -->
−
<div id="buttonbox">
+
          <section id="overview" class="two">
−
<a href="#sitemap" style="font-family:'Lato';color:#9DE8BD;font-size:23px;"><h4 class="mid" style="font-size:90%;">Start Here</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
            <div class="container">
−
</div>
+
 
−
</footer>
+
              <header>
 +
                <h2>About our project</h2>
 +
              </header>
 +
 
 +
              <p>Our team is engineering <i>E. coli</i> to bind to colon cancer cells through the use of their type I pili, which are hair-like appendages
 +
              that have an adhesive domain. Naturally, the strains in <i>E. coli</i> that produce pili bind to alpha-D-mannose, which can cause urinary tract infections.
 +
              However, our team is altering a non-harmful strain to produce pili using a modified Fim gene in order to localize the bacteria as a tool. For treatment of cancer,
 +
              once the bacteria are localized on the cells, the next step is to make them <E. coli</i> capable of producing a concentrated toxin or to administer a therapeutic.
 +
              Other potential applications for our <i>E. coli </i> include water pollution clean up through methods such as flocculation and targeting areas through GFP.</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>-->
 +
              <footer>Feeling Lost?<br/>
 +
                <a href="#sitemap" class="button scrolly">Let's Navigate!</a>
 +
                <div class="circle angled"></div>
 +
              </footer>
 +
            </div>
 
           </section>
 
           </section>
  
Line 164: Line 183:
 
               </header>
 
               </header>
  
−
               <h6>Here is an easy guide to finding information on our wiki site. On the top of every page you will see a flask. When you click on it, it will open up the main navigation menu. The top section includes links of the different sections on the current page. The lower links are to switch to a new page. You can see all the pages by looking at our site map listed below. You can also get a brief idea of what you'll find on each page by scrolling down.</h6>
+
               <h6>Here is an easy guide to finding information on our wiki site. On the top of every page you will see a flask. When you click on it, it will open up the main navigation menu. The top section includes links of the different sections on the current page. The lower links are to switch to a new page. You can see all the pages by looking at our site map listed below.</h6>
 
               <br/>
 
               <br/>
 
               <p><a href="https://static.igem.org/mediawiki/2015/c/ce/Harvard2015SiteMap.png" target="_blank">Click Here</a> to see our site map</p>
 
               <p><a href="https://static.igem.org/mediawiki/2015/c/ce/Harvard2015SiteMap.png" target="_blank">Click Here</a> to see our site map</p>
Line 170: Line 189:
 
   </section>
 
   </section>
  
−
<section id="teampage" class="four"><div class="container"></div>
+
<section id="teampage" class="four"><div class="container"><a href="https://2015.igem.org/Team:Harvard_BioDesign/Team" class="button scrolly">Team Page</a></div></section>
−
<img src="https://static.igem.org/mediawiki/2015/e/e2/Harvard2015_Team.png" alt="Team Logo" style="width:200px;height:200px;"/></a>
+
<section id="top" class="five"><div class="container"><a href="https://2015.igem.org/Team:Harvard_BioDesign/Project" class="button scrolly">Project Page</a></div></section>
−
<header><h3>See who participated on this year’s iGEM team.</h3></header>
+
<section id="top" class="six"><a href="https://2015.igem.org/Team:Harvard_BioDesign/Results" class="button scrolly">Results Page</a></section>
−
<footer>
+
<section id="top" class="seven"><a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts" class="button scrolly">Parts Page</a></section>
−
<div id="buttonbox">
+
<section id="top" class="eight"><a href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook" class="button scrolly">Notebook Page</a></section>
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Team" style="font-family:'Lato';color:#CDFCFF;"><h4 class="mid">Team</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
<section id="top" class="nine"><a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations" class="button scrolly">Collaborations Page</a></section>
−
</div>
+
<section id="top" class="ten"><a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices" class="button scrolly">Human Practices Page</a></section>
−
</footer>
+
<section id="top" class="one"><a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety" class="button scrolly">Safety Page</a></section>
−
</section>
+
<section id="top" class="two"><a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions" class="button scrolly">Attributions Page</a></section>
  
−
<section id="top" class="five"><div class="container"></div>
+
<!-- Contact -->
−
<img src="https://static.igem.org/mediawiki/2015/8/85/Harvard_2015_Project.png" alt="Project Logo" style="width:200px;height:200px;"/></a>
+
          <section id="contact" class="four">
−
<header><h3>Learn what we are all about. Here you can learn how we set up and conducted our research.</h3></header>
+
            <div class="container">
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Project" style="font-family:'Lato';color:#ADFFB7;"><h4 class="mid">Project</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
  
−
<section id="top" class="six">
+
              <header>
−
<img src="https://static.igem.org/mediawiki/2015/4/40/Harvard2015_Results.png" alt="Results Logo" style="width:200px;height:200px;"/></a>
+
                <h2>Contact</h2>
−
<header><h3>Find our major accomplishments here and where we plan to go with them.</h3></header>
+
              </header>
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Results" style="font-family:'Lato';color:#E0FFD5;"><h4 class="mid">Results</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
  
−
<section id="top" class="seven">
+
              <p>Feel free to email us if you have any questions! (Starting September 18th)</p>
−
<img src="https://static.igem.org/mediawiki/2015/b/b1/Harvard2015_Parts.png" alt="Parts Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>View the parts we created.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts" style="font-family:'Lato';color:#B9FFEE;"><h4 class="mid">Parts</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
  
−
<section id="top" class="eight">
+
              <form method="post" action="#">
−
<img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png" alt="Notebook Logo" style="width:200px;height:200px;"/></a>
+
                <div class="row">
−
<header><h3>The story of our hard work.</h3></header>
+
                  <div class="6u 12u$(mobile)"><input type="text" name="name" placeholder="Name" /></div>
−
<footer>
+
                  <div class="6u$ 12u$(mobile)"><input type="text" name="email" placeholder="Email" /></div>
−
<div id="buttonbox">
+
                  <div class="12u$">
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook" style="font-family:'Lato';color:#E1FFEE;"><h4 class="mid">Notes</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
                    <textarea name="message" placeholder="Message"></textarea>
−
</div>
+
                  </div>
−
</footer>
+
                  <div class="12u$">
−
</section>
+
                    <input type="submit" value="Send Message" />
 +
                  </div>
 +
                </div>
 +
              </form>
  
−
<section id="top" class="nine">
+
            </div>
−
<img src="https://static.igem.org/mediawiki/2015/8/82/Harvard2015_Collabs.png" alt="Collabs Logo" style="width:200px;height:200px;"/></a>
+
          </section>
−
<header><h3>Outreach to our fellow iGEMers.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations" style="font-family:'Lato';color:#9DE3E8;"><h4 class="mid">Collabs</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
<section id="top" class="ten">
+
−
<img src="https://static.igem.org/mediawiki/2015/c/c8/Harvard2015_Practices.png" alt="Practices Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>A guide to how to take research to the next level.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices" style="font-family:'Lato';color:#C1E8DE;font-size:23px;"><h4 class="mid">Practices</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
<section id="top" class="one">
+
−
<img src="https://static.igem.org/mediawiki/2015/4/44/Harvard2015_Safety.png" alt="Safety Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>Safety is what really matters.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety" style="font-family:'Lato';color:#9DE8BD;"><h4 class="mid">Safety</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
<section id="top" class="two">
+
−
<img src="https://static.igem.org/mediawiki/2015/1/1b/Harvard2015_Attributions.png" alt="Attributions Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>A shoutout to those who made us possible.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions" style="font-family:'Lato';color:#C1E8C5;"><h4 class="mid">Thanks</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
  
 
     <!-- Footer -->
 
     <!-- Footer -->

Revision as of 01:11, 15 September 2015


Prologue by HTML5 UP

Welcome to the Harvard BioDesign 2015 wiki!


The "official" place where flocculation happens and llamas are appreciated.

Email Logo

About our project

Our team is engineering E. coli to bind to colon cancer cells through the use of their type I pili, which are hair-like appendages that have an adhesive domain. Naturally, the strains in E. coli that produce pili bind to alpha-D-mannose, which can cause urinary tract infections. However, our team is altering a non-harmful strain to produce pili using a modified Fim gene in order to localize the bacteria as a tool. For treatment of cancer, once the bacteria are localized on the cells, the next step is to make them capable of producing a concentrated toxin or to administer a therapeutic. Other potential applications for our E. coli include water pollution clean up through methods such as flocculation and targeting areas through GFP.

How to navigate our site

Here is an easy guide to finding information on our wiki site. On the top of every page you will see a flask. When you click on it, it will open up the main navigation menu. The top section includes links of the different sections on the current page. The lower links are to switch to a new page. You can see all the pages by looking at our site map listed below.

Click Here to see our site map

Team Page
Project Page
Results Page
Parts Page
Notebook Page
Collaborations Page
Human Practices Page
Safety Page
Attributions Page

Contact

Feel free to email us if you have any questions! (Starting September 18th)