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

(Prototype team page)
 
 
(46 intermediate revisions by the same user not shown)
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/e7/USNA_Annapolis-homebackfade5.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">
 +
 
 +
  <!-- spacer column -->
 +
  <div class="text-center col-sm-2" id="navtigation"></div>
 +
 
 +
 
 +
    <div class="text-center col-sm-2" id="navigation">
 +
     
 +
      <div class="dropdown"><a href="https://2017.igem.org/Team:USNA_Annapolis"> Main </a>
 +
 
 +
    </div>
 +
    </div>
 +
    <div class="text-center col-sm-2" id="navigation">
 +
     
 +
      <div class="dropdown"><a href="https://2017.igem.org/Team:USNA_Annapolis/Team"> Team </a>
 +
    </div>
 +
    </div>
 +
 
 +
    <div class="text-center col-sm-2" id="navigation">
 +
     
 +
      <div class="dropdown"><span> <a href="https://2017.igem.org/Team:USNA_Annapolis/Description"> Project </a> </span>
 +
 
 +
      <div class="dropdown-content">
 +
        <div class="dropcolor">
 +
          <span class="drop" style="color: blue;"> <a href="https://2017.igem.org/Team:USNA_Annapolis/Model">Modeling</a>
 +
          </span>
 +
        </div>
 +
        <div class="dropcolor">
 +
          <span class="drop" style="color: blue"> <a href="https://2017.igem.org/Team:USNA_Annapolis/InterLab">InterLab</a>
 +
          </span>
 +
        </div>
 +
        <div class="dropcolor">
 +
          <span class="drop" style="color: blue"><a href="https://2017.igem.org/Team:USNA_Annapolis/Improve">Improve</a>
 +
          </span>
 +
        </div>
 +
        <div class="dropcolor">
 +
          <span class="drop" style="color: blue"> <a
 +
          href="https://2017.igem.org/Team:USNA_Annapolis/Demonstrate">Demonstrate</a>
 +
          </span>
 +
        </div>
 +
        <div class="dropcolor">
 +
          <span class="drop" style="color: blue">
 +
          <a href="https://2017.igem.org/Team:USNA_Annapolis/Collaborations">Collaboration</a>
 +
          </span>
 +
        </div>
 +
        <div class="dropcolor">
 +
          <span class="drop" style="color: blue"> <a
 +
          href="https://2017.igem.org/Team:USNA_Annapolis/Attributions">Attributions</a>
 +
          </span>
 +
        </div>
 +
        <div class="dropcolor">
 +
          <span class="drop" style="color: blue"> <a
 +
          href="https://2017.igem.org/Team:USNA_Annapolis/Notebook">Notebook</a>
 +
          </span>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
      <div class="text-center col-sm-2" id="navigation">
 +
     
 +
        <div class="dropdown"><a href="https://2017.igem.org/Team:USNA_Annapolis/HP/Silver">Human Practice</a>
 +
          <div class="dropdown-content">
 +
            <div class="dropcolor">
 +
              <span class="drop" style="color: blue">
 +
              <a href="https://2017.igem.org/Team:USNA_Annapolis/HP/Silver">HP-Silver</a>
 +
              </span>
 +
            </div>
 +
            <div class="dropcolor">
 +
              <span class="drop" style="color: blue">
 +
              <a href="https://2017.igem.org/Team:USNA_Annapolis/HP/Gold_Integrated">HP-Gold</a>
 +
              </span>
 +
            </div>
 +
 
 +
          </div>
 +
        </div>
 +
      </div>
 +
  </div>
 +
</header>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="background-pic">
 +
 
 +
<div class="w3-container">
 +
  <h2 class="outline1 bufmargin1 headingfont1"> Attributions </h2>
 +
  <h3 class="outline1 usnacrest2 headingfont1"> Students and Mentors </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 class="row">
 +
<h2 class="col-md-4 textheading1" > Student Work </h2>
 +
</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>
 
  
 +
<article>
 +
<div class="link" id="Abstract"></div>
 +
  <div class="row">
 +
    <div class="col-md-6 text-col-left">
 +
        <h3> In The Lab <h3>
 +
    </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 text-col-left">
 +
        <h4> Much of our main project was worked on by <a href="https://2017.igem.org/Team:USNA_Annapolis/Team#Seok">Seok
 +
        Park</a> and <a href="https://2017.igem.org/Team:USNA_Annapolis/Team#Cassie"> Cassie Garfola </a>. Seok Park used the
 +
        Gibson Assembly method to create the genetically engineered machine. The parts consist of the following: A pBBR
 +
        backbone, pgaA (Our submitted part for IGEM), Green Fluorescent Protein (GFP) Ribosome Binding Site (RBS) GEP,
 +
        Terminator, pLacZ, nhaR RBS, nhaR (Our second submitted part for IGEM), and lastly another terminator. This was a
 +
        total of 9 total parts that needed to be stitched into a full construct. This led to the use of the Gibson Assembly
 +
        method
 +
        in order to increase the rate of success of creating our construct. </h4><br>
 +
    </div>
 +
  <div class="col-md-6 img-100">
 +
        <img src="https://static.igem.org/mediawiki/2017/9/91/USNA_Annapolis-Gibson.png" style="max-width:400px"></img>
 +
  </div>
 
</div>
 
</div>
 +
  <h4> Cassie Garfola worked to insert the engineered parts of the construct into the provided linearized iGem vector. Through the process of digestion, ligation and transformation she vectorized the team's biologically engineered parts, pgaA and nhaR, into the pSBIC3 vector.</h4>
  
  
 +
</article>
  
 +
 +
 +
 +
 +
 +
<article>
 +
<div class="link" id="Abstract"></div>
 +
        <h3> On the Web Site <h3>
 +
        <h4> Heading up the wiki page this year is our Computer Science student, <a
 +
        href="https://2017.igem.org/Team:USNA_Annapolis/Team#Joe"> Joe Roehm</a>. He produced the wiki using various sources such as
 +
        CSS and Bootstrap. Many of the images are completely free to use, and the others were created by us. Many of the
 +
        photos were edited in GIMP, a free image editing software produced by the GNU Project. The website was a continuous
 +
        effort this year, and Joe kept himself busy, proving to be a valuable
 +
        part of the USNA team. However, Joe could not have been so successful without the help of the rest of the team, since
 +
        he stayed mostly out of the lab itself. </h4>
 +
        <blockquote> We each brought our own particular skillset to the table. It just so happened that I was more familiar
 +
        with computers than the rest of the gang, so I decided to head up the web development part, and it was a great time! </blockquote>
 +
        <h4> Our iGEM team last year had been less experienced with building wiki pages, so this year the team made sure to get an early start to achieve an interactive, easy to navigate, and informational webpage for the competition.</h4>
 +
 +
</article>
 +
 +
<article>
 +
<div class="link" id="Abstract"></div>
 +
  <h3> InterLab </h3>
 +
  <h4> The InterLab study was conducted by the joint efforts of <a
 +
  href="https://2017.igem.org/Team:USNA_Annapolis/Team#Natalia"> Natalia Barrow </a> and <a
 +
  href="https://2017.igem.org/Team:USNA_Annapolis/Team#Dwayne">
 +
  Dwayne Williams</a>. The two first cultured, then innoculated and grew bacteria colonies according to the interlab studies
 +
  manual. They then measured various absorbances and flurescences of the bacteria at different times to compare to the results
 +
  of other labs in the iGem projects to ensure that any future project results could be replicated in various labs around the
 +
  world.</h4>
 +
</article>
 +
 +
 +
 +
 +
 +
 +
 +
<div class="row">
 +
<h2 class="col-md-4 textheading1" > Mentor Work </h2>
 +
</div>
 +
 +
<article>
 +
<div class="link" id="Abstract"></div>
 +
        <h3> In The Lab <h3>
 +
        <h4> The scientists at the Naval Research Labs showed us their lab setup, and how to conduct standard lab procedures according to NRL special codes. One of our instructors, <a href="https://2017.igem.org/Team:USNA_Annapolis/Team#Bird"> Lina Bird </a> had this to say:
 +
        </h4>
 +
        <blockquote> It's been an absolute pleasure! It's great to have the opportunity to watch you guys create something.  </blockquote>
 +
        <h4> Our mentors have been a huge help getting our project off the ground, and providing helpful guidance when we need
 +
        it! <a href="https://2017.igem.org/Team:USNA_Annapolis/Team#Tender">Leonard Tender</a>, or Lenny, has been our guide for mathematical modeling. He spent much of his time with us working with Alex, enabling Alex to create his modeling procedures for our project. </h4>
 +
 +
        <h4><a href="https://2017.igem.org/Team:USNA_Annapolis/Team#Glaven"> Sarah Glaven </a> is also a pivotal member of our team. She was the backbone of our group. She scheduled all of our events, set goals for each week of research, and helped us with our vision for the project.
 +
        </h4>
 +
 +
</article>
 +
 +
 +
 +
 +
<footer>
 +
<div id="logorow">
 +
  <div class="footerlogo">
 +
    <a href="http://www.dtra.mil/"><img class="footerlogosizes logoclear logoclear1 img-responsive footerimg" src="https://static.igem.org/mediawiki/igem.org/8/8b/USNA_Annapolis-DTRAseal.jpg"></img></a>
 +
  </div>
 +
  <div class="footerlogo">
 +
    <a href="https://www.nrl.navy.mil/"><img class="footerlogosizes logoclear logoclear1 img-responsive footerimg" src="https://static.igem.org/mediawiki/igem.org/d/dc/USNA_Annapolis-NRLseal.jpg"></img></a>
 +
  </div>
 +
  <div class="footerlogo">
 +
    <a href="https://www.onr.navy.mil//"><img class="footerlogosizes logoclear logoclear1 img-responsive footerimg" src="https://static.igem.org/mediawiki/igem.org/3/30/USNA_Annapolis-NavalResearchSeal.jpg"></a>
 +
  </div>
  
 
</div>
 
</div>
 +
</footer>
 +
 +
 
</html>
 
</html>

Latest revision as of 02:04, 2 November 2017

Main
Team
Project
Modeling
InterLab
Improve
Demonstrate
Collaboration
Attributions
Notebook
Human Practice
HP-Silver
HP-Gold

Attributions

Students and Mentors

Student Work

In The Lab

Much of our main project was worked on by Seok Park and Cassie Garfola . Seok Park used the Gibson Assembly method to create the genetically engineered machine. The parts consist of the following: A pBBR backbone, pgaA (Our submitted part for IGEM), Green Fluorescent Protein (GFP) Ribosome Binding Site (RBS) GEP, Terminator, pLacZ, nhaR RBS, nhaR (Our second submitted part for IGEM), and lastly another terminator. This was a total of 9 total parts that needed to be stitched into a full construct. This led to the use of the Gibson Assembly method in order to increase the rate of success of creating our construct.


Cassie Garfola worked to insert the engineered parts of the construct into the provided linearized iGem vector. Through the process of digestion, ligation and transformation she vectorized the team's biologically engineered parts, pgaA and nhaR, into the pSBIC3 vector.

On the Web Site

Heading up the wiki page this year is our Computer Science student, Joe Roehm. He produced the wiki using various sources such as CSS and Bootstrap. Many of the images are completely free to use, and the others were created by us. Many of the photos were edited in GIMP, a free image editing software produced by the GNU Project. The website was a continuous effort this year, and Joe kept himself busy, proving to be a valuable part of the USNA team. However, Joe could not have been so successful without the help of the rest of the team, since he stayed mostly out of the lab itself.

We each brought our own particular skillset to the table. It just so happened that I was more familiar with computers than the rest of the gang, so I decided to head up the web development part, and it was a great time!

Our iGEM team last year had been less experienced with building wiki pages, so this year the team made sure to get an early start to achieve an interactive, easy to navigate, and informational webpage for the competition.

InterLab

The InterLab study was conducted by the joint efforts of Natalia Barrow and Dwayne Williams. The two first cultured, then innoculated and grew bacteria colonies according to the interlab studies manual. They then measured various absorbances and flurescences of the bacteria at different times to compare to the results of other labs in the iGem projects to ensure that any future project results could be replicated in various labs around the world.

Mentor Work

In The Lab

The scientists at the Naval Research Labs showed us their lab setup, and how to conduct standard lab procedures according to NRL special codes. One of our instructors, Lina Bird had this to say:

It's been an absolute pleasure! It's great to have the opportunity to watch you guys create something.

Our mentors have been a huge help getting our project off the ground, and providing helpful guidance when we need it! Leonard Tender, or Lenny, has been our guide for mathematical modeling. He spent much of his time with us working with Alex, enabling Alex to create his modeling procedures for our project.

Sarah Glaven is also a pivotal member of our team. She was the backbone of our group. She scheduled all of our events, set goals for each week of research, and helped us with our vision for the project.