Difference between revisions of "Team:Stony Brook"

Line 1: Line 1:
{{Stony Brook}}
+
<!--
 +
  Prologue by HTML5 UP
 +
  html5up.net | @n33co
 +
  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
-->
 +
 
 
<html>
 
<html>
 +
  <head>
 +
    <title>Prologue by HTML5 UP</title>
 +
    <meta charset="utf-8" />
 +
    <meta name="viewport" content="width=device-width, initial-scale=1" />
 +
    <!--[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 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 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
  
<div align="center">
 
<img src="//c5.staticflickr.com/8/7287/27826034876_50677e1b40_n.jpg" width="400" height="200">
 
</div>
 
  
<div class="column full_size" >
+
<style>
<div align="center">
+
<p>"When in doubt, whip biochemistry out" -Sunil, 2k16</p>
+
</div>
+
</div>  
+
  
<div class="column half_size" >
 
<h5>Before you start: </h5>
 
<p> Please read the following pages:</p>
 
<ul>
 
<li>  <a href="https://2016.igem.org/Requirements">Requirements page </a> </li>
 
<li> <a href="https://2016.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
 
<li> <a href="https://2016.igem.org/Resources/Template_Documentation"> Template Documentation </a></li>
 
</ul>
 
</div>
 
  
<div class="column half_size" >
 
<div class="highlight">
 
<h5> Styling your wiki </h5>
 
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
 
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
 
</div>
 
</div>
 
  
<div class="column full_size" >
+
#buttonbox{
<h5> Wiki template information </h5>
+
position:relative;
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
height:133px;
 +
width:134px;
 +
margin: 0 auto;
 +
/*background-color: #003344;*/
  
</div>
+
}
  
  
 +
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;
 +
}
  
<div class="column half_size" >
+
 
<h5> Editing your wiki </h5>
+
img.rot:hover {
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>  
+
  -webkit-transform: rotate(720deg);
<p> <a href="https://2016.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
  transform: rotate(720deg);
 +
  z-index: 5;
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
  </head>
 +
  <body>
 +
 
 +
    <!-- header -->
 +
      <div id="header">
 +
        <div class="inner">
 +
        <div class="top">
 +
          <!-- 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:275px;height:200px;margin-left:-50px;"/></a></span>
 +
            <!-- <h1 id="title">Harvard BioDesign 2015</h1>-->
 +
            </div><!-- #Logo -->
 +
 
 +
          <!-- Nav -->
 +
            <nav id="nav">
 +
              <!--
 +
 
 +
                Prologue's nav expects links in one of two formats:
 +
 
 +
                1. Hash link (scrolls to a different section within the page)
 +
 
 +
                  <li><a href="#foobar" id="foobar-link" class="icon fa-whatever-icon-you-want skel-layers-ignoreHref"><span class="label">Foobar</span></a></li>
 +
 
 +
                2. Standard link (sends the user to another page/site)
 +
 
 +
                  <li><a href="http://foobar.tld" id="foobar-link" class="icon fa-whatever-icon-you-want"><span class="label">Foobar</span></a></li>
 +
 
 +
              -->
 +
          <!-- Subsections -->
 +
<h4> Content </h4>
 +
            <ul>
 +
                <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="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>
 +
            </ul>
 +
</nav>
  
 
</div>
 
</div>
 +
<!--#top-->
 +
 +
        <div class="bottom">
 +
<nav id="nav"> <!-- Main Menu --> <h4><div class="innertwo">Main Pages</div></h4>
 +
<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/Project">Project</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/Notebook">Notebook</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/Practices">Practices</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/Team">Team</a></li> 
 +
<li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li>
 +
</ul> 
 +
</nav>
 +
 +
 +
 +
          <!-- Social Icons -->
 +
            <ul class="icons">
 +
 +
              <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>
 +
              <li><a href="https://twitter.com/HarvardiGEM2015" target="_blank">
 +
                    <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">
 +
                    <img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:51px;height:51px;"></a></li>
 +
            </ul>
 +
        </div><!--#bottom-->
 +
      </div><!--#inner-->
 +
      </div><!--#header-->
 +
 +
    <!-- Main -->
 +
      <div id="main">
  
 +
        <!-- Intro -->
 +
          <section id="top" class="one">
 +
            <div class="container">
  
<div class="column half_size" >
+
              <header>
<h5>Tips</h5>
+
              <img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo"/>
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
              </header>
<ul>
+
 
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
  <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.
<li>Be clear about what you are doing and how you plan to do this.</li>
+
</p>
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2016.igem.org/Calendar">iGEM 2016 calendar</a> </li>
+
<li>Have lots of fun! </li>
+
</ul>  
+
 
</div>
 
</div>
 +
 +
<!-- <footer>
 +
<div id="buttonbox">
 +
<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>
 +
</footer>-->
 +
          </section>
  
  
<div class="column half_size" >
+
<section id="top" class="two"><div class="container"></div>
<h5>Inspiration</h5>
+
<img src="https://static.igem.org/mediawiki/2015/8/85/Harvard_2015_Project.png" alt="Project Logo" style="width:200px;height:200px;"/>
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
<header><h3>Learn what we are all about. Here you can learn how we set up and conducted our research.</h3></header>
<ul>
+
<footer>
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
<div id="buttonbox">
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
<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>
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
</ul>
+
 
</div>
 
</div>
 +
</footer>
 +
</section>
  
<div class="column half_size" >
+
<section id="top" class="three">
<h5> Uploading pictures and files </h5>
+
<img src="https://static.igem.org/mediawiki/2015/7/74/Harvard2015_Accomplish.png" alt="Accomplish Logo" style="width:200px;height:200px;"/></a>
<p> You can upload your pictures and files to the iGEM 2016 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
<header><h3>Find our major accomplishments here and where we plan to go with them.</h3></header>
When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
<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="four">
 +
<img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png" alt="Notebook Logo" style="width:200px;height:200px;"/></a>
 +
<header><h3>The story of our hard work.</h3></header>
 +
<footer>
 +
<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>
 +
</div>
 +
</footer>
 +
</section>
  
<div class="button_click" onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">
+
<section id="top" class="five">
UPLOAD FILES
+
<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>
 
</div>
 +
</footer>
 +
</section>
  
 +
<section id="top" class="six">
 +
<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>
 
</div>
 +
</footer>
 +
</section>
  
 +
<section id="top" class="seven">
 +
<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="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>
  
 +
<section id="teampage" class="nine">
 +
<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>
 +
<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>
 +
 +
<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>
 +
<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 -->
 +
      <div id="footer">
  
 +
        <!-- Copyright -->
 +
          <ul class="copyright">
 +
            </li><li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li><h5>
 +
          </ul>
  
 +
      </div>
  
 +
    <!-- Scripts -->
 +
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll1?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll2?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll3?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll4?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll5?action=raw&ctype=text/javascript"></script>
 +
      <!--[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>
 +
  </div><!--main-->
 +
  </body>
 
</html>
 
</html>

Revision as of 16:10, 12 August 2016


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.