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

(Prototype team page)
 
Line 1: Line 1:
 
{{USNA_Annapolis}}
 
{{USNA_Annapolis}}
−
 
 
<html>
 
<html>
  
 +
<style>
 +
<!-- Footer for each webpage, do not edit for fear of never ever in the history of ever working again!! -Beware- -->
  
  
−
<div class="column full_size judges-will-not-evaluate">
+
.img-50 {
−
<h3>★  ALERT! </h3>
+
        max-width:50%!important;
−
<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>
+
 
 +
li {
 +
        font-family: "Helvetica Neue", Helvetica, sans-serif;;
 +
        font-size: 18px!important;
 +
        opacity: 1!important;
 +
}
 +
 
 +
 
 +
.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/e/e6/USNA_Annapolis-homebackfade10.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/4/4d/USNA_Annapolis-MathEqback.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"> Improve </h2>
 +
  <h3 class="outline1 usnacrest2 headingfont1"> Making Our Project Better </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>
 +
 +
 +
<!-- this might actually look cool for like a banner pic? Too early?-->
 +
<div class="clear" >
 +
</div>
 +
 +
 +
 +
<div class="row">
 +
<h2 class="col-md-4 textheading1" > Overview </h2>
 +
</div>
 +
 
<div class="clear"></div>
 
<div class="clear"></div>
  
  
−
<div class="column full_size">
 
−
<h1>Demonstrate</h1>
 
−
<h3>Gold Medal Criterion #4</h3>
 
  
−
<p>
 
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve a their gold medals!
 
−
</p>
 
  
−
<p>
+
<article>
−
Please see the <a href="https://2017.igem.org/Judging/Medals">2017 Medals Page</a> for more information.
+
<div class="link" id="Abstract"></div>
−
</p>
+
        <h3> Airforce and Army <h3>
 +
        <h4> We made contact with the Army and Airforce teams a couple weeks into our project. They were also working on iGEM projects, but they were in their first year of the competition. Our USNA team, having had a year with iGEM already, did our best to help coach the Army and Airforce teams for success in the lab and on the wiki page. </h4><br>
 +
       
  
 +
</article>
  
−
</div>
 
  
  
−
<div class="column half_size">
 
  
−
<h4> What should we do for our demonstration?</h4>
 
  
−
<h5> Standard teams </h5>
+
<div class="dnaback img-responsive">
 +
<article>
 +
<div class="link" id="Abstract"></div>
 +
        <h3> Our Process <h3>
 +
        <h4> Here we can talk about how we figured out what we were going to use to model the experiment, and how/where we found the equations.  </h4>
 +
        <blockquote> If you have anything that you want to say Alex, here is your chance. Else I'm going to put a photo here of you working and a background photo of some random math equations. </blockquote>
 +
        <h4> End with talking about how Alex feels like he found a good match for the experiment.</h4>
  
−
<p>
+
</article>
−
If you have built a proof of concept system, you can demonstrate it working under real world conditions. If you have built a biological device that is intended to be a sensor, can you show it detecting whatever it is intended to sense. If it is intended to work in the field, you can show how this might work using a simulated version in the lab, or a simulation of your device in the field.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
−
</p>
+
 
</div>
 
</div>
  
−
<div class="column half_size">
 
  
−
<br>
+
<article>
−
<h5> Special track teams </h5>
+
<div class="link" id="Abstract"></div>
 +
        <div class="row">
  
−
<p>
+
        <div class="col-md-6 text-col-left">
−
Special track teams can achieve this medal criterion by bringing their work to the Jamboree and showcasing it in the track event. Art & Design, Measurement, Hardware and Software tracks will all have showcase events at the Giant Jamboree.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
        <h4> It would be really good to have a picture of the final equation here, then we can go into more detail in supporting paragraphs about what each part actually does.
−
</p>
+
  <div class="col-md-6 img-100">
 +
            <img src="" alt="The model that Alex comes up with" class="img-responsive riskopacity">
 +
          </div>
 +
        </div>
 +
</article>
 +
</div>
  
  
−
</div>
+
<div class="row">
 +
<h2 class="col-md-4 textheading1" > More info?</h2>
  
  
 +
<h4> I can add like a "click on your own" slide show that has additional pictures of Alex's process. Or we can talk about something we expected to go right but went wrong. </h4>
 +
 +
 +
 +
 +
 +
 +
<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>
 +
</footer>
  
 
</html>
 
</html>

Revision as of 13:45, 12 July 2017

Improve

Making Our Project Better

Overview

Airforce and Army

We made contact with the Army and Airforce teams a couple weeks into our project. They were also working on iGEM projects, but they were in their first year of the competition. Our USNA team, having had a year with iGEM already, did our best to help coach the Army and Airforce teams for success in the lab and on the wiki page.


Our Process

Here we can talk about how we figured out what we were going to use to model the experiment, and how/where we found the equations.

If you have anything that you want to say Alex, here is your chance. Else I'm going to put a photo here of you working and a background photo of some random math equations.

End with talking about how Alex feels like he found a good match for the experiment.

It would be really good to have a picture of the final equation here, then we can go into more detail in supporting paragraphs about what each part actually does.
The model that Alex comes up with

More info?

I can add like a "click on your own" slide show that has additional pictures of Alex's process. Or we can talk about something we expected to go right but went wrong.