Difference between revisions of "Team:Harvard BioDesign"

 
(264 intermediate revisions by 3 users not shown)
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>
 +
 +
 +
 +
#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>
 
   <body>
 
   <body>
−
 
  
 
     <!-- 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 89:
 
               -->
 
               -->
 
           <!-- Subsections -->
 
           <!-- Subsections -->
−
<h4> Subpages </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#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="https://2015.igem.org/Team:Harvard_BioDesign#teampage" id="teampage-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Page Overviews</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="#contact" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">Contact</span></a></li>
+
 
             </ul>
 
             </ul>
 
</nav>
 
</nav>
−
</div><!--#top-->
+
 
−
<nav id="nav">
+
</div>
−
       
+
<!--#top-->
  
 
         <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 class="curPage" 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 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 87: Line 125:
 
                     <img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:51px;height:51px;"></a></li>
 
                     <img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:51px;height:51px;"></a></li>
 
               <li><a href="mailto:harvardigem2015@gmail.com">
 
               <li><a href="mailto:harvardigem2015@gmail.com">
−
                     <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 98: Line 135:
  
 
         <!-- Intro -->
 
         <!-- Intro -->
−
           <section id="top" class="one dark cover">
+
           <section id="top" class="one">
 
             <div class="container">
 
             <div class="container">
  
 
               <header>
 
               <header>
−
                <h2 class="alt">Welcome to the <strong>Harvard BioDesign 2015</strong> wiki!</h2><br/>
+
              <img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo"/>
−
                <p>The "official" place where flocculation happens and llamas are appreciated.</p>
+
 
               </header>
 
               </header>
 +
 
 +
  <p>Colon cancer is the second leading cause of cancer death in the United States. Each year, almost 140,000 people are diagnosed with colon cancer, and 50,000 people die from the disease<sup>1</sup>. Diagnosis and treatment often require invasive procedures, including colonoscopies and surgery. Less invasive treatments such as chemotherapy cause unpleasant side effects. We turn to synthetic biology to develop a better colon cancer therapy. An ideal cell-based therapy would have two significant components: a way to kill cancer cells, and a way to specifically target them. In our quest to find a way to specifically target cancer cells, we found that the problem of controlling a cell’s interaction with its physical environment extended beyond cancer therapy into a myriad of biological contexts. Harvard iGEM 2015 focuses on building a platform for controlling specific bacterial adhesion in a variety of biological settings, including colon cancer therapy.
 +
</p>
 +
</div>
  
−
              <footer>Curious?<br/>
+
<!-- <footer>
−
                <a href="#overview" class="button scrolly">Start Here</a>
+
<div id="buttonbox">
−
              </footer>
+
<a href="#top" 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>
−
            </div>
+
</footer>-->
 
           </section>
 
           </section>
  
−
        <!-- Overview -->
 
−
          <section id="overview" class="two">
 
−
            <div class="container">
 
  
−
              <header>
+
<section id="top" class="two"><div class="container"></div>
−
                <h2>About Our Project</h2>
+
<img src="https://static.igem.org/mediawiki/2015/8/85/Harvard_2015_Project.png" alt="Project Logo" style="width:200px;height:200px;"/>
−
              </header>
+
<header><h3>Learn what we are all about. Here you can learn how we set up and conducted our research.</h3></header>
 +
<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>
  
−
<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
+
<section id="top" class="three">
−
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 track infections.
+
<img src="https://static.igem.org/mediawiki/2015/7/74/Harvard2015_Accomplish.png" alt="Accomplish Logo" style="width:200px;height:200px;"/></a>
−
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,
+
<header><h3>Find our major accomplishments here and where we plan to go with them.</h3></header>
−
once the bacteria are localized on the cells, the next step is to make the <E. coli</i> capable of producing a concentrated toxin or to administer a therapeutic.
+
<footer>
−
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 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>
  
−
              <div class="row">
+
<section id="top" class="four">
−
                <div class="4u 12u$(mobile)">
+
<img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png" alt="Notebook Logo" style="width:200px;height:200px;"/></a>
−
                  <article class="item">
+
<header><h3>The story of our hard work.</h3></header>
−
                    <a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
+
<footer>
−
                    <header>
+
<div id="buttonbox">
−
                      <h3>Ipsum Feugiat</h3>
+
<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>
−
                    </header>
+
</div>
−
                  </article>
+
</footer>
−
                  <article class="item">
+
</section>
−
                    <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>
+
<section id="top" class="five">
−
          </section>
+
<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>
  
−
        <!-- About Me -->
+
<section id="top" class="six">
−
          <section id="about" class="three">
+
<img src="https://static.igem.org/mediawiki/2015/c/c8/Harvard2015_Practices.png" alt="Practices Logo" style="width:200px;height:200px;"/></a>
−
            <div class="container">
+
<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>
  
−
              <header>
+
<section id="top" class="seven">
−
                <h2>About Me</h2>
+
<img src="https://static.igem.org/mediawiki/2015/4/44/Harvard2015_Safety.png" alt="Safety Logo" style="width:200px;height:200px;"/></a>
−
              </header>
+
<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>
  
−
              <a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
+
<section id="top" class="eight">
 +
<img src="https://static.igem.org/mediawiki/2015/8/82/Harvard2015_Collabs.png" alt="Collabs Logo" style="width:200px;height:200px;"/></a>
 +
<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>
  
−
              <p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
+
<section id="teampage" class="nine">
−
              ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
+
<div class="container"></div>
−
              laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
+
<img src="https://static.igem.org/mediawiki/2015/e/e2/Harvard2015_Team.png" alt="Team Logo" style="width:200px;height:200px;"/></a>
−
              parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
+
<header><h3>See who participated on this year’s iGEM team.</h3></header>
−
              dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
+
<footer>
−
              ornare iaculis.</p>
+
<div id="buttonbox">
 +
<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>
 +
</div>
 +
</footer>
 +
</section>
  
−
            </div>
+
<section id="top" class="ten">
−
          </section>
+
<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>
−
        <!-- Contact -->
+
<footer>
−
          <section id="contact" class="four">
+
<div id="buttonbox">
−
            <div class="container">
+
<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>
−
              <header>
+
</footer>
−
                <h2>Contact</h2>
+
</section>
−
              </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>
+
  
 
     <!-- Footer -->
 
     <!-- Footer -->
Line 231: Line 250:
 
         <!-- 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><li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li><h5>
 
           </ul>
 
           </ul>
  
Line 244: Line 263:
 
       <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
 
       <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
 
       <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll0?action=raw&ctype=text/javascript"></script>
 
       <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll0?action=raw&ctype=text/javascript"></script>
−
 
+
  </div><!--main-->
 
   </body>
 
   </body>
 
</html>
 
</html>

Latest revision as of 03:18, 19 September 2015


Prologue by HTML5 UP

Harvard Logo

Colon cancer is the second leading cause of cancer death in the United States. Each year, almost 140,000 people are diagnosed with colon cancer, and 50,000 people die from the disease1. Diagnosis and treatment often require invasive procedures, including colonoscopies and surgery. Less invasive treatments such as chemotherapy cause unpleasant side effects. We turn to synthetic biology to develop a better colon cancer therapy. An ideal cell-based therapy would have two significant components: a way to kill cancer cells, and a way to specifically target them. In our quest to find a way to specifically target cancer cells, we found that the problem of controlling a cell’s interaction with its physical environment extended beyond cancer therapy into a myriad of biological contexts. Harvard iGEM 2015 focuses on building a platform for controlling specific bacterial adhesion in a variety of biological settings, including colon cancer therapy.

Project Logo

Learn what we are all about. Here you can learn how we set up and conducted our research.

Accomplish Logo

Find our major accomplishments here and where we plan to go with them.

Notebook Logo

The story of our hard work.

Parts Logo

View the parts we created.

Practices Logo

A guide to how to take research to the next level.

Safety Logo

Safety is what really matters.

Collabs Logo

Outreach to our fellow iGEMers.

Team Logo

See who participated on this year’s iGEM team.

Attributions Logo

A shoutout to those who made us possible.