Difference between revisions of "Team:USNA Annapolis/Attributions"

(Prototype team page)
 
Line 2: Line 2:
 
<html>
 
<html>
  
 +
<style>
 +
<!-- Footer for each webpage, do not edit for fear of never ever in the history of ever working again!! -Beware- -->
  
  
 +
.img-50 {
 +
        max-width:50%!important;
 +
}
  
−
<div class="column full_size judges-will-not-evaluate">
+
li {
−
<h3>★  ALERT! </h3>
+
        font-family: "Helvetica Neue", Helvetica, sans-serif;;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
        font-size: 18px!important;
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
        opacity: 1!important;
−
</div>
+
}
−
<div class="clear"></div>
+
  
  
 +
.halfcol {
 +
        width: 75%;
 +
}
  
 +
.riskback {
 +
        padding-right: 50px;
 +
}
  
−
<div class="column full_size">
 
−
<h1>Attributions</h1>
 
  
−
<p> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster.
 
−
<br><br>
 
−
This is a bronze medal requirement. Please see the <a href="https://2017.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
 
  
−
</div>
+
.footerbox {
 +
        display: inline;
 +
        width: 100%;
 +
        height: 500px;
 +
        margin-top: 200px;
 +
       
 +
}
  
 +
.footerlogosizes {
 +
       
 +
        max-width: 200px!important;
  
−
<div class="clear"></div>
+
}
  
 +
.logoclear:hover {
 +
        opacity: 1;
 +
}
 +
.logoclear1 {
 +
        opacity: .6;
 +
}
  
−
<div class="column half_size">
+
.sealopactiy {
−
<h5> Why is this page needed? </h5>
+
        opacity: .6!important;
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
}
−
<p>
+
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
−
</div>
+
  
 +
.riskopacity {
 +
        opacity: .8;
 +
        width: 60%!important;
 +
}
  
−
<div class="column half_size">
+
.transphotopad {
−
<h5> What should this page have?</h5>
+
        padding-top: 100px;
 +
        padding-bottom: 100px;
 +
}
  
−
<ul>
 
−
<li>General Support</li>
 
−
<li>Project support and advice</li>
 
−
<li>Fundraising help and advice</li>
 
−
<li>Lab support</li>
 
−
<li>Difficult technique support</li>
 
−
<li>Project advisor support</li>
 
−
<li>Wiki support</li>
 
−
<li>Presentation coaching</li>
 
−
<li>Human Practices support</li>
 
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
 
−
</ul>
 
−
</div>
 
  
 +
.box-picshad {
 +
        -moz-box-shadow: 12px 29px 81px 0px rgba(0,0,0,0.75);
 +
        -webkit-box-shadow: 12px 29px 81px 0px rgba(0,0,0,0.75);
 +
        box-shadow: 12px 29px 81px 0px rgba(0,0,0,0.75);
 +
}
  
−
<div class="clear"></div>
 
  
−
<div class="column half_size">
 
  
−
<div class="highlight">
+
.textcenter {
−
<h5> Can we base our project on a previous one? </h5>
+
        text-align: center;
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
+
}
 +
 
 +
.textpadding {
 +
        padding-left: 200px;
 +
        padding-right: 300px;
 +
        padding-top: 30px;
 +
}
 +
 
 +
.textpadding2 {
 +
        padding-left: 200px;
 +
        padding-top: 30px;
 +
        padding-bottom: 30px;
 +
}
 +
 
 +
 
 +
.textheading1 {
 +
        color: black!important;
 +
}
 +
 
 +
.subheading {
 +
        font-size: 22px;
 +
        opacity: 1!important;
 +
}
 +
 
 +
.riskbox {
 +
        height: 800px;
 +
}
 +
 
 +
 
 +
 
 +
h4 {
 +
        line-height: 150%!important;
 +
        font-family: "Helvetica Neue", Helvetica, sans-serif;
 +
        font-size: 18px!important;
 +
}
 +
 
 +
 
 +
.headingfont1 {
 +
        color: #FFFFFF!important;
 +
}
 +
 
 +
 
 +
.navbar {
 +
margin: 0 auto;
 +
margin-top: 1em;
 +
padding: 1em;
 +
border-radius: 10px;
 +
}
 +
 
 +
.outline1 {
 +
text-shadow:
 +
1px -1px 0 #000,
 +
-1px 1px 0 #000,
 +
        -1px -1px 0 #000,
 +
1px 1px 0 #000;
 +
 +
}
 +
.bufmargin1 {
 +
        margin-top: 150px;
 +
}
 +
.slidephoto {
 +
        background-size: contain;
 +
        position: absolute;
 +
        top: 250px;
 +
        left: 500px;
 +
}
 +
 
 +
 
 +
.background-pic {
 +
        background-image: url("https://static.igem.org/mediawiki/2017/e/e9/USNA_Annapolis-homebackfade2.jpg");
 +
        width: 100%;
 +
        height: 800px;
 +
        float: left;
 +
      margin-top: -20px;
 +
        <!-- text-shadow: 2px 2px 8px #4D4D4D; -->
 +
       
 +
}
 +
 
 +
.animate-leftlong {
 +
        animation: animateleft 1.5s!important;
 +
        transition-duration: 5s!important;
 +
}
 +
.teal-color{
 +
        color: #fff44f!important;
 +
}
 +
 
 +
.usnacrest {
 +
       
 +
        max-width: 25px;
 +
        background-size: contain;
 +
        position: absolute;
 +
        top: 100px;
 +
        left: 80px;
 +
        opacity: .75;
 +
        z-index: 0;
 +
}
 +
.usnacrest2 {
 +
       
 +
        text-align: center;
 +
}
 +
 
 +
 
 +
@media screen and (min-width: 700px){
 +
.dnaback {
 +
        background-image: url("https://static.igem.org/mediawiki/2017/0/06/USNA_Annapolis-Pipesback.jpg");
 +
        background-position: 80%;
 +
        background-attachment: relative;
 +
        background-repeat: repeat-y;
 +
        background-size: 300px;
 +
        z-index:-1;
 +
}
 +
}
 +
 
 +
<!-- end tag for reformatting for phone screens. -->
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
<meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
 +
 
 +
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 +
 
 +
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/bootstrap.min.css?action=raw&amp;ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/stylesheet.css?action=raw&amp;ctype=text/css" type="text/css">
 +
 
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:USNA_Annapolis/CSS?action=raw&ctype=text/css" />
 +
 
 +
 
 +
 
 +
<header>
 +
    <div class= "navbar navbar-default navbar-fixed-top" style="padding-top: 25px">
 +
        <div class="text-center col-sm-12" id="navigation">
 +
            <nav>
 +
                <a href="https://2017.igem.org/Team:USNA_Annapolis" id="home">Main</a>
 +
                <a href="https://2017.igem.org/Team:USNA_Annapolis/Team">Team</a>
 +
                <a href="https://2017.igem.org/Team:USNA_Annapolis/Description">Project</a>
 +
                <a href="https://2017.igem.org/Team:USNA_Annapolis/Attributions">Attributions</a>
 +
                <a href="https://2017.igem.org/Team:USNA_Annapolis/HP/Gold_Integrated">Human Practices</a>
 +
                <a href="https://2017.igem.org/Team:USNA_Annapolis/Model">Modeling</a>
 +
                <a href="https://2017.igem.org/Team:USNA_Annapolis/InterLab">InterLab</a>
 +
                <a href="https://2017.igem.org/Team:USNA_Annapolis/Collaborations">Collaboration</a>
 +
                <a href="https://2017.igem.org/Team:USNA_Annapolis/Improve">Improve</a>
 +
                <a href="https://2017.igem.org/Team:USNA_Annapolis/Demonstrate">Demonstrate</a>
 +
            </nav>
 +
        </div>
 +
    </div>
 +
</header>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="background-pic">
 +
 
 +
<div class="w3-container">
 +
  <h2 class="outline1 bufmargin1 headingfont1"> Editing the Human Microbiome </h2>
 +
  <h3 class="outline1 usnacrest2 headingfont1"> Enhancing Our Environment </h3>
 +
  <p class="usnacrest2"><img src="https://static.igem.org/mediawiki/igem.org/8/82/USNA_Annapolis-Seal.jpg" width="200px" style="float: center"></img></p>
 
</div>
 
</div>
 
</div>
 
</div>
  
  
−
<div class="column half_size">
+
<!-- this might actually look cool for like a banner pic? Too early?-->
 +
<div class="clear" >
 +
</div>
  
−
<h5>Inspiration</h5>
 
−
<p>Take a look at what other teams have done:</p>
 
−
<ul>
 
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
 
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
 
−
</ul>
 
  
−
</div>
+
 
 +
<div>
 +
<h2 class="textheading1" style="float:center"> Project Overview </h2>
 +
<h3 class="textcenter"> Editing the Human Microbiome: Preventing Aerosolized Peptide Proteins </h3>
 +
</div>  
  
 
<div class="clear"></div>
 
<div class="clear"></div>
  
−
<div class="column half_size">
 
  
−
<h5>Team training and Project start</h5>
 
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
 
−
<ul>
 
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
 
−
<li>When did you start this course?</li>
 
−
<li>Are the syllabus and course materials freely available online?</li>
 
−
<li>When did you start your brainstorming?</li>
 
−
<li>When did you start in the lab?</li>
 
−
<li>When did you start working on  your project?</li>
 
  
−
</ul>
+
<div class="dnaback img-responsive">
 +
<article>
 +
<div class="link" id="Abstract"></div>
 +
        <h3> In The Beginning... <h3>
 +
        <h4> This is where we can talk about how the beginnings of the project started, the crew that was involved, and all of that jazz. Include hyperlinks here when names are mentioned, that would be a cool little feature for our website. Also, we can include hyperlinks to part of our interlab if it has any kind of relation. Also, we can change the background photo here from the DNA strand thing to something a little different like a series of pipes or something.</h4><br>
 +
        <h4> This is just some extra space that happens to be around if we need to use it. </h4> <br>
  
 +
</article>
 +
 +
 +
 +
 +
 +
 +
<!-- transition picture -->
 +
 +
<div class="textcenter transphotopad logoclear1"> <img src="https://static.igem.org/mediawiki/2017/8/82/USNA_Annapolis-Seal.jpg" width="100"></div>
 +
 +
 +
 +
 +
<article>
 +
<div class="link" id="Abstract"></div>
 +
        <h3> Applications <h3>
 +
        <h4> The protein within the plasmid backbone of bacteria natural to the human microbiome could be used as a therapeutic drug to protect people from possible toxicants in the environment by sensing their harmful effects within biofilms and host cells or as a therapeutic drug to enhance someone’s natural microbiome by beneficial ionic responses with biofilm formation. For example, it could be taken and used to coat the insides of the respiratory tract to detect changes and prevent unregulated ion channels. This in turn could prevent serious bodily harm with minimal disturbance of ion balance/ biofilms and  could enhance microbiome response overall.</h4>
 +
  <li> Protective biofilms throughout your body </li>
 +
  <li> Bacteria communicate with each other and the host cells </li>
 +
  <li> Create a sensor for ions for cell to cell communications in a medically relevant way  </li>
 +
  <li> Out on the battlefield and expect to be exposed </li>
 +
  <li> What’s the response from the respiratory tract </li>
 +
  <li> Cell-cell communication within biofilms and with the host using ions within the human body </li>
 +
 +
</article>
 +
 +
 +
 +
<article>
 +
<div class="link" id="Abstract"></div>
 +
    <div class="row">
 +
      <div class="col-md-6 text-col-left">
 +
        <h3> Risks <h3>
 +
      </div>
 +
    </div>
 +
        <div class="row">
 +
 +
        <div class="col-md-6 text-col-left">
 +
        <h4> Our modified organism could pose the risk of environmental release, if applied to the human body. We will need to engineer in a kill-switch mechanism, or another self-destruct mechanism to control unintended proliferation.</h4>
 +
        </div>
 +
  <div class="col-md-6 img-100">
 +
            <img src="https://static.igem.org/mediawiki/igem.org/e/e5/USNA_Annapolis-Risks.jpg" class="img-responsive riskopacity">
 +
          </div>
 +
        </div>
 +
</article>
 
</div>
 
</div>
  
  
 +
<div class="textcenter transphotopad logoclear1"> <img src="https://static.igem.org/mediawiki/2017/8/82/USNA_Annapolis-Seal.jpg" width="100"></div>
  
 +
 +
 +
 +
<footer>
 +
<div id="logorow">
 +
  <div class="footerlogo">
 +
    <a href="http://www.dtra.mil/"></a><img class="footerlogosizes logoclear logoclear1 img-responsive footerimg" src="https://static.igem.org/mediawiki/igem.org/8/8b/USNA_Annapolis-DTRAseal.jpg"></img>
 +
  </div>
 +
  <div class="footerlogo">
 +
    <a href="https://www.nrl.navy.mil/"></a><img class="footerlogosizes logoclear logoclear1 img-responsive footerimg" src="https://static.igem.org/mediawiki/igem.org/d/dc/USNA_Annapolis-NRLseal.jpg"></img>
 +
  </div>
 +
  <div class="footerlogo">
 +
    <a href="https://www.onr.navy.mil//"></a><img class="footerlogosizes logoclear logoclear1 img-responsive footerimg" src="https://static.igem.org/mediawiki/igem.org/3/30/USNA_Annapolis-NavalResearchSeal.jpg">
 +
  </div>
  
 
</div>
 
</div>
 +
</footer>
 +
 
</html>
 
</html>

Revision as of 17:40, 11 July 2017

Editing the Human Microbiome

Enhancing Our Environment

Project Overview

Editing the Human Microbiome: Preventing Aerosolized Peptide Proteins

In The Beginning...

This is where we can talk about how the beginnings of the project started, the crew that was involved, and all of that jazz. Include hyperlinks here when names are mentioned, that would be a cool little feature for our website. Also, we can include hyperlinks to part of our interlab if it has any kind of relation. Also, we can change the background photo here from the DNA strand thing to something a little different like a series of pipes or something.


This is just some extra space that happens to be around if we need to use it.


Applications

The protein within the plasmid backbone of bacteria natural to the human microbiome could be used as a therapeutic drug to protect people from possible toxicants in the environment by sensing their harmful effects within biofilms and host cells or as a therapeutic drug to enhance someone’s natural microbiome by beneficial ionic responses with biofilm formation. For example, it could be taken and used to coat the insides of the respiratory tract to detect changes and prevent unregulated ion channels. This in turn could prevent serious bodily harm with minimal disturbance of ion balance/ biofilms and could enhance microbiome response overall.

  • Protective biofilms throughout your body
  • Bacteria communicate with each other and the host cells
  • Create a sensor for ions for cell to cell communications in a medically relevant way
  • Out on the battlefield and expect to be exposed
  • What’s the response from the respiratory tract
  • Cell-cell communication within biofilms and with the host using ions within the human body

    • Risks

    Our modified organism could pose the risk of environmental release, if applied to the human body. We will need to engineer in a kill-switch mechanism, or another self-destruct mechanism to control unintended proliferation.