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

(Prototype team page)
 
 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{USNA_Annapolis}}
 
{{USNA_Annapolis}}
 
<html>
 
<html>
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<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>
 
−
<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>
 
−
</div>
 
−
<div class="clear"></div>
 
  
−
<div class="column full_size">
+
<style>
 +
<!-- Footer for each webpage, do not edit for fear of never ever in the history of ever working again!! -Beware- -->
  
−
<h1>Gold Medal and Integrated Human Practices</h1>
 
  
−
<p>This page will contain information for your Gold medal Human Practices work, which you can also use to nominate your team for the Best Integrated Human Practices page. To make things easier, we have combined the Gold medal page with the Best Integrated Human Practices page since we expect the work to overlap considerably. </p>
+
.img-50 {
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
        max-width:50%!important;
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
}
−
<p>For more information, please see the <a href="https://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
−
</div>
+
−
<div class="clear"></div>
+
  
 +
li {
 +
        font-family: "Helvetica Neue", Helvetica, sans-serif;;
 +
        font-size: 18px!important;
 +
        opacity: 1!important;
 +
}
  
−
<div class="column half_size">
 
−
<h3>Gold Medal Criterion #1</h3>
 
−
<p>Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the design and/or execution of your project.</p>
 
  
 +
.halfcol {
 +
        width: 75%;
 +
}
 +
 +
.riskback {
 +
        padding-right: 50px;
 +
}
 +
 +
 +
 +
.footerbox {
 +
        display: inline;
 +
        width: 100%;
 +
        height: 500px;
 +
        margin-top: 200px;
 +
       
 +
}
 +
 +
.footerlogosizes {
 +
       
 +
        max-width: 200px!important;
 +
 +
}
 +
 +
.logoclear:hover {
 +
        opacity: 1;
 +
}
 +
.logoclear1 {
 +
        opacity: .6;
 +
}
 +
 +
.sealopactiy {
 +
        opacity: .6!important;
 +
}
 +
 +
.riskopacity {
 +
        opacity: .8;
 +
        width: 60%!important;
 +
}
 +
 +
.transphotopad {
 +
        padding-top: 100px;
 +
        padding-bottom: 100px;
 +
}
 +
 +
 +
.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);
 +
}
 +
 +
 +
 +
.textcenter {
 +
        text-align: center;
 +
}
 +
 +
.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/1/12/USNA_Annapolis-homebackfade12.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"> Integrated Practices </h2>
 +
  <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>
 +
</div>
 
</div>
 
</div>
  
−
<div class="column half_size">
 
−
<h3>Best Integrated Human Practices Special Prize</h3>
 
  
−
<p>
+
<!-- this might actually look cool for like a banner pic? Too early?-->
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Integrated Human Practices prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
<div class="clear" >
−
<br><br>
+
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
−
</p>
+
 
</div>
 
</div>
 +
 +
 +
 +
<div class="row">
 +
<h2 class="col-md-4 textheading1" > Outreach </h2>
 +
</div>
 +
 
<div class="clear"></div>
 
<div class="clear"></div>
−
<div class="column full_size">
+
 
−
<h5>Inspiration</h5>
+
 
−
<p>Here are a few examples of excellent Integrated Human Practices work:</p>
+
 
−
<ul>
+
<div class="dnaback img-responsive">
−
<li><a href="https://2016.igem.org/Team:INSA-Lyon/Integrated_Practices">2016 INSA Lyon</a></li>
+
<article>
−
<li><a href="https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">2016 UofC Calgary</a></li>
+
<div class="link" id="Abstract"></div>
−
<li><a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Practices">2015 Bielefeld</a></li>
+
        <h3> Biology and the Military <h3>
−
<li><a href="https://2015.igem.org/Team:Edinburgh/Practices">2015 Edinburgh</a></li>
+
        <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.
−
</ul>
+
</h4><br>
 +
       
 +
 
 +
</article>
 +
 
 +
 
 +
<article>
 +
<div class="link" id="Abstract"></div>
 +
        <h3> A Podcast With Chad Yasuda <h3>
 +
        <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>
 +
       
 +
        <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>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<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>
 +
</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.