Difference between revisions of "Team:Harvard BioDesign"

 
(25 intermediate revisions by the same user not shown)
Line 20: Line 20:
  
  
/*BUTTON*/
+
 
 
#buttonbox{
 
#buttonbox{
 
  position:relative;
 
  position:relative;
Line 55: Line 55:
 
   z-index: 5;
 
   z-index: 5;
 
}
 
}
 +
  
 
</style>
 
</style>
 +
  
 
   </head>
 
   </head>
Line 67: Line 69:
 
           <!-- Logo -->
 
           <!-- Logo -->
 
             <div id="logo">
 
             <div id="logo">
               <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:275px;height:200px;margin-left:-50px;"/></a></span>
 
             <!-- <h1 id="title">Harvard BioDesign 2015</h1>-->
 
             <!-- <h1 id="title">Harvard BioDesign 2015</h1>-->
 
             </div><!-- #Logo -->
 
             </div><!-- #Logo -->
Line 89: Line 91:
 
<h4> Content </h4>
 
<h4> Content </h4>
 
             <ul>
 
             <ul>
                 <li><a href="#top" id="top-link" class="skel-layers-ignoreHref active"><span class="icon fa-home">Welcome</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="#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#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">Page Overviews</span></a></li>
+
 
             </ul>
 
             </ul>
 
</nav>
 
</nav>
 +
 
</div>
 
</div>
 
<!--#top-->
 
<!--#top-->
  
 
         <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><div class="innertwo">Main Pages</div></h4>
+
<li><a class="curPage" 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 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 139: Line 139:
  
 
               <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>
+
<img src="https://static.igem.org/mediawiki/2015/3/38/HarvardLlamaoutline.png" alt="Email Logo" style="width:127px;height:150px;">
+
 
               </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>
  
            Curious?<br/>
+
<!-- <footer>
            <!-- <div class="wrap">
+
                <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>-->
+
            </div>
+
 
+
<footer>
+
 
<div id="buttonbox">
 
<div id="buttonbox">
<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>
+
<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>
+
</footer>-->
 
           </section>
 
           </section>
  
          <section id="sitemap" class="three">
 
            <div class="container">
 
  
              <header>
+
<section id="top" class="two"><div class="container"></div>
                <h2>How to navigate our site</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>
 
+
              <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>
+
              <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>
+
            </div>
+
  </section>
+
 
+
<section id="teampage" class="four">
+
<div class="container"></div>
+
<img src="https://static.igem.org/mediawiki/2015/e/e2/Harvard2015_Team.png" alt="Team Logo" style="width:200px;height:200px;"/></a>
+
<header><h3>See who participated on this year’s iGEM team.</h3></header>
+
 
<footer>
 
<footer>
 
<div id="buttonbox">
 
<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>
+
<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>
 
</div>
 
</footer>
 
</footer>
 
</section>
 
</section>
  
<section id="top" class="five"><div class="container"></div>
+
<section id="top" class="three">
<img src="https://static.igem.org/mediawiki/2015/8/85/Harvard_2015_Project.png" alt="Project Logo" style="width:200px;height:200px;"/></a>
+
<img src="https://static.igem.org/mediawiki/2015/7/74/Harvard2015_Accomplish.png" alt="Accomplish Logo" style="width:200px;height:200px;"/></a>
<header><h3>Learn what we are all about. Here you can learn how we set up and conducted our research.</h3></header>
+
<header><h3>Find our major accomplishments here and where we plan to go with them.</h3></header>
 
<footer>
 
<footer>
 
<div id="buttonbox">
 
<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>
+
<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>
 
</div>
 
</footer>
 
</footer>
 
</section>
 
</section>
  
<section id="top" class="six">
+
<section id="top" class="four">
<img src="https://static.igem.org/mediawiki/2015/4/40/Harvard2015_Results.png" alt="Results Logo" style="width:200px;height:200px;"/></a>
+
<img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png" alt="Notebook Logo" style="width:200px;height:200px;"/></a>
<header><h3>Find our major accomplishments here and where we plan to go with them.</h3></header>
+
<header><h3>The story of our hard work.</h3></header>
 
<footer>
 
<footer>
 
<div id="buttonbox">
 
<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>
+
<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>
 
</div>
 
</div>
 
</footer>
 
</footer>
 
</section>
 
</section>
  
<section id="top" class="seven">
+
<section id="top" class="five">
 
<img src="https://static.igem.org/mediawiki/2015/b/b1/Harvard2015_Parts.png" alt="Parts Logo" style="width:200px;height:200px;"/></a>
 
<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>
 
<header><h3>View the parts we created.</h3></header>
Line 212: Line 194:
 
</section>
 
</section>
  
<section id="top" class="eight">
+
<section id="top" class="six">
<img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png" alt="Notebook Logo" style="width:200px;height:200px;"/></a>
+
<img src="https://static.igem.org/mediawiki/2015/c/c8/Harvard2015_Practices.png" alt="Practices Logo" style="width:200px;height:200px;"/></a>
<header><h3>The story of our hard work.</h3></header>
+
<header><h3>A guide to how to take research to the next level.</h3></header>
 
<footer>
 
<footer>
 
<div id="buttonbox">
 
<div id="buttonbox">
<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>
+
<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>
 
</div>
 
</footer>
 
</footer>
 
</section>
 
</section>
  
<section id="top" class="nine">
+
<section id="top" class="seven">
<img src="https://static.igem.org/mediawiki/2015/8/82/Harvard2015_Collabs.png" alt="Collabs Logo" style="width:200px;height:200px;"/></a>
+
<img src="https://static.igem.org/mediawiki/2015/4/44/Harvard2015_Safety.png" alt="Safety Logo" style="width:200px;height:200px;"/></a>
<header><h3>Outreach to our fellow iGEMers.</h3></header>
+
<header><h3>Safety is what really matters.</h3></header>
 
<footer>
 
<footer>
 
<div id="buttonbox">
 
<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>
+
<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>
 
</div>
 
</footer>
 
</footer>
 
</section>
 
</section>
  
<section id="top" class="ten">
+
<section id="top" class="eight">
<img src="https://static.igem.org/mediawiki/2015/c/c8/Harvard2015_Practices.png" alt="Practices Logo" style="width:200px;height:200px;"/></a>
+
<img src="https://static.igem.org/mediawiki/2015/8/82/Harvard2015_Collabs.png" alt="Collabs Logo" style="width:200px;height:200px;"/></a>
<header><h3>A guide to how to take research to the next level.</h3></header>
+
<header><h3>Outreach to our fellow iGEMers.</h3></header>
 
<footer>
 
<footer>
 
<div id="buttonbox">
 
<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>
+
<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>
 
</div>
 
</footer>
 
</footer>
 
</section>
 
</section>
  
<section id="top" class="one">
+
<section id="teampage" class="nine">
<img src="https://static.igem.org/mediawiki/2015/4/44/Harvard2015_Safety.png" alt="Safety Logo" style="width:200px;height:200px;"/></a>
+
<div class="container"></div>
<header><h3>Safety is what really matters.</h3></header>
+
<img src="https://static.igem.org/mediawiki/2015/e/e2/Harvard2015_Team.png" alt="Team Logo" style="width:200px;height:200px;"/></a>
 +
<header><h3>See who participated on this year’s iGEM team.</h3></header>
 
<footer>
 
<footer>
 
<div id="buttonbox">
 
<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>
+
<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>
 
</div>
 
</footer>
 
</footer>
 
</section>
 
</section>
  
<section id="top" class="two">
+
<section id="top" class="ten">
 
<img src="https://static.igem.org/mediawiki/2015/1/1b/Harvard2015_Attributions.png" alt="Attributions Logo" style="width:200px;height:200px;"/></a>
 
<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>
 
<header><h3>A shoutout to those who made us possible.</h3></header>
Line 267: Line 250:
 
         <!-- 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><h5>
+
             </li><li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li><h5>
 
           </ul>
 
           </ul>
  

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.