Difference between revisions of "Team:USNA Annapolis/HP/Gold Integrated"

 
(22 intermediate revisions by the same user not shown)
Line 142: Line 142:
  
 
.background-pic {
 
.background-pic {
−
         background-image: url("https://static.igem.org/mediawiki/2017/4/4a/USNA_Annapolis-homebackfade6.jpg");
+
         background-image: url("https://static.igem.org/mediawiki/2017/1/12/USNA_Annapolis-homebackfade12.jpg");
 
         width: 100%;
 
         width: 100%;
 
         height: 800px;
 
         height: 800px;
Line 206: Line 206:
  
 
<header>
 
<header>
−
    <div class= "navbar navbar-default navbar-fixed-top" style="padding-top: 25px">
+
  <div class= "navbar navbar-default navbar-fixed-top" style="padding-top: 25px">
−
        <div class="text-center col-sm-12" id="navigation">
+
 
−
            <nav>
+
  <!-- spacer column -->
−
                <a href="https://2017.igem.org/Team:USNA_Annapolis" id="home">Main</a>
+
  <div class="text-center col-sm-2" id="navtigation"></div>
−
                <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>
+
    <div class="text-center col-sm-2" id="navigation">
−
                <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>
+
      <div class="dropdown"><a href="https://2017.igem.org/Team:USNA_Annapolis"> Main </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>
+
    </div>
−
                <a href="https://2017.igem.org/Team:USNA_Annapolis/Improve">Improve</a>
+
    </div>
−
                <a href="https://2017.igem.org/Team:USNA_Annapolis/Demonstrate">Demonstrate</a>
+
    <div class="text-center col-sm-2" id="navigation">
−
            </nav>
+
     
 +
      <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>
 +
        <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>
 +
      <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>
 
</header>
  
Line 231: Line 292:
  
 
<div class="w3-container">
 
<div class="w3-container">
−
   <h2 class="outline1 bufmargin1 headingfont1"> Human Practices </h2>
+
   <h2 class="outline1 bufmargin1 headingfont1"> Integrated Practices </h2>
−
   <h3 class="outline1 usnacrest2 headingfont1"> Going Beyond the Lab </h3>
+
   <h3 class="outline1 usnacrest2 headingfont1"> Implementing Suggested Improvements </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>
 
   <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>
Line 255: Line 316:
 
<article>
 
<article>
 
<div class="link" id="Abstract"></div>
 
<div class="link" id="Abstract"></div>
−
         <h3> First Way We Interacted <h3>
+
         <h3> Biology and the Military <h3>
−
         <h4> Short Description about how we interacted with some group of people (Plebe survey thing?) and we'll throw in a photo or two here with the plebes or some pictures of people talking and smiling.</h4><br>
+
         <h4> CDR Yasuda and our team discussed the harsh facts in the field of synthetic biology as it relates to the military, in that, one could engineer a biological organism for nefarious purposes. While many advances in synthetic biology have been focused on the positives such as, improving upon pre-existing shortcomings occurring in nature, some minds may focus on the fact that bad people could use synthetic biology techniques for nefarious purposes. He agreed with us that there is a misconception among the civilian population on how the military actually uses these biological advances. It is important to note that the military is using synthetic biology to defend our sailors and marines from harmful substances and not the otherway around.  
 +
</h4><br>
 
          
 
          
  
 
</article>
 
</article>
−
 
−
 
−
 
−
 
  
  
 
<article>
 
<article>
 
<div class="link" id="Abstract"></div>
 
<div class="link" id="Abstract"></div>
−
         <h3> Second Way We Interacted <h3>
+
         <h3> A Podcast With Chad Yasuda <h3>
−
         <h4> I'm still thinking of keeping the little quote thing around since it adds a little bit to the paragraph, so maybe we can get a person from the crowd to comment on what they think of the project, or just talk about how it is nice to go out and spread our message. Nothing crazy. </h4>
+
         <h4> We sat down with LCDR Yasuda to get his opinion on the topic of biology and the military. Listen here as he provides us helpful insight! <a href = "https://www.nrl.navy.mil/podcast/?p=archive&cat=all"> Click here to check it out! </a></h4>
−
         <blockquote> An inspirational message about how we love to tell people about the wonderful things we are doing down in D.C! </blockquote>
+
       
−
        <h4> Wrap up sentence of the interaction, talk about how it impacted our work.</h4>
+
         <img src="https://static.igem.org/mediawiki/2017/4/4f/USNA_Annapolis-Yasuda.png" class="img-responsive" width="30%"></img>
−
 
+
<h4> LCDR Yasuda is a Military Deputy and the Liaison for the Center for BioMolecular Science and Engineering. </h4>
 
</article>
 
</article>
  
  
−
 
−
<article>
 
−
<div class="link" id="Abstract"></div>
 
−
        <div class="row">
 
−
 
−
        <div class="col-md-6 text-col-left">
 
−
        <h4> In this section it would be nice to have a close up picture of someone from the group talking to a bunch of students or something, or maybe pointing to a volunteer who is asking questions. </h4>
 
−
        </div>
 
−
  <div class="col-md-6 img-100">
 
−
            <img src="" alt="person pointing" class="img-responsive riskopacity">
 
−
          </div>
 
−
        </div>
 
−
</article>
 
−
</div>
 
−
 
−
 
−
<div class="row">
 
−
<h2 class="col-md-4 textheading1" > Event Photos </h2>
 
−
</div>
 
−
 
−
<div class="w3-container">
 
−
  <p>Add a caption text for each image slide with the w3-display-* classes (topleft, topmiddle, topright, bottomleft, bottommiddle, bottomright or middle).</p>
 
−
</div>
 
−
 
−
<div class="w3-content w3-display-container">
 
−
 
−
<div class="w3-display-container mySlides">
 
−
  <img src="" alt="some nice pictures" style="width:100%">
 
−
  <div class="w3-display-bottomleft w3-large w3-container w3-padding-16 w3-black">
 
−
    Nice kids or something
 
−
  </div>
 
−
</div>
 
−
 
−
<div class="w3-display-container mySlides">
 
−
  <img src="" alt="some nice pictures"style="width:25%">
 
−
  <div class="w3-display-bottomleft w3-large w3-container w3-padding-16 w3-black">
 
−
    Park being happy
 
−
  </div>
 
−
</div>
 
−
 
−
<div class="w3-display-container mySlides">
 
−
  <img src="" alt="some nice pictures" style="width:25%">
 
−
  <div class="w3-display-bottomleft w3-large w3-container w3-padding-16 w3-black">
 
−
    bunch of people smiling
 
−
  </div>
 
−
</div>
 
−
 
−
<div class="w3-display-container mySlides">
 
−
  <img src=""  alt="some nice pictures" style="width:25%">
 
−
  <div class="w3-display-bottomleft w3-large w3-container w3-padding-16 w3-black">
 
−
    People taking the survey
 
−
  </div>
 
−
</div>
 
−
 
−
<div class="w3-display-container mySlides">
 
−
  <img src="https://static.igem.org/mediawiki/2017/a/ae/USNA_Annapolis-homebackfade11.jpg" alt="some nice pictures" style="width:25%" max-width="700px">
 
−
  <div class="w3-display-bottomleft w3-large w3-container w3-padding-16 w3-black">
 
−
    Cassie or someone demonstrating something
 
−
  </div>
 
−
</div>
 
−
 
−
<button class="w3-button w3-display-left w3-black" onclick="plusDivs(-1)">&#10094;</button>
 
−
<button class="w3-button w3-display-right w3-black" onclick="plusDivs(1)">&#10095;</button>
 
−
 
−
</div>
 
−
 
−
<script>
 
−
var slideIndex = 1;
 
−
showDivs(slideIndex);
 
−
 
−
function plusDivs(n) {
 
−
  showDivs(slideIndex += n);
 
−
}
 
−
 
−
function showDivs(n) {
 
−
  var i;
 
−
  var x = document.getElementsByClassName("mySlides");
 
−
  if (n > x.length) {slideIndex = 1}   
 
−
  if (n < 1) {slideIndex = x.length}
 
−
  for (i = 0; i < x.length; i++) {
 
−
    x[i].style.display = "none"; 
 
−
  }
 
−
  x[slideIndex-1].style.display = "block"; 
 
−
}
 
−
</script>
 
  
  
Line 368: Line 341:
 
<div id="logorow">
 
<div id="logorow">
 
   <div class="footerlogo">
 
   <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>
+
     <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>
 
   <div class="footerlogo">
 
   <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>
+
     <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>
 
   <div class="footerlogo">
 
   <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">
+
     <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>
 
</div>
 
</footer>
 
</footer>
 +
  
 
</html>
 
</html>

Latest revision as of 03:47, 2 November 2017

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

Integrated Practices

Implementing Suggested Improvements

Outreach

Biology and the Military

CDR Yasuda and our team discussed the harsh facts in the field of synthetic biology as it relates to the military, in that, one could engineer a biological organism for nefarious purposes. While many advances in synthetic biology have been focused on the positives such as, improving upon pre-existing shortcomings occurring in nature, some minds may focus on the fact that bad people could use synthetic biology techniques for nefarious purposes. He agreed with us that there is a misconception among the civilian population on how the military actually uses these biological advances. It is important to note that the military is using synthetic biology to defend our sailors and marines from harmful substances and not the otherway around.


A Podcast With Chad Yasuda

We sat down with LCDR Yasuda to get his opinion on the topic of biology and the military. Listen here as he provides us helpful insight! Click here to check it out!

LCDR Yasuda is a Military Deputy and the Liaison for the Center for BioMolecular Science and Engineering.