Difference between revisions of "Team:Edinburgh UG/HP/Gold"

(Prototype team page)
 
Line 1: Line 1:
−
{{Edinburgh_UG}}
+
{{EdigemUG16_Home}}
 
<html>
 
<html>
  
−
<div class="column full_size judges-will-not-evaluate">
+
<body>
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">human practices gold medal criterion</a>. </p>
+
  
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
    <head>
−
</div>
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 +
<link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
  
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 +
    </head>
  
 +
    <style>
 +
    #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear
  
−
<div class="column full_size">
+
    {
  
 +
    display:  none;
  
−
<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>
+
    }
−
<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://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
  
−
</div>
+
    #top_menu_under
 +
    {
 +
    height: 0;
 +
    }
  
 +
    #top-section {
 +
    height: 0px;
 +
    border-top: 0;
 +
    border-left: none;
 +
    border-right: none;
 +
    }
 +
      #globalWrapper
 +
        {
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background-color: #ffffff;
 +
        margin: 0px;
 +
        padding: 0px;
 +
        font-size: 100%
 +
        }
  
 +
        #content
 +
        {
 +
          width: 100%;
 +
          height: 100%;
 +
          margin-left: auto;
 +
          margin-right: auto;
 +
          background-color: #ffffff;
 +
          padding: 0px;
 +
          font-size: 100%;
 +
        }
 +
 +
 +
    html, body, .wrapper { /*-- changes default wiki settings --
 +
 +
    */
 +
      width: 100%;
 +
      height: 100%;
 +
            margin: 0px;
 +
            padding: 0px;
 +
            background-color: #ffffff;
 +
            -webkit-background-size: cover;
 +
            -moz-background-size: cover;
 +
            -o-background-size: cover;
 +
            background-size: cover;
 +
    }
 +
 +
 +
    body {
 +
        width: 100%;
 +
        height: 100%;
 +
        font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        color: #fff;
 +
        background-color: #000;
 +
    }
 +
 +
    html {
 +
        width: 100%;
 +
        height: 100%;
 +
    }
 +
 +
    p {
 +
        margin: 0 0 25px;
 +
        font-size: 18px;
 +
        line-height: 1.5;
 +
    }
 +
 +
    @media(min-width:768px) {
 +
        p {
 +
            margin: 0 0 35px;
 +
            font-size: 20px;
 +
            line-height: 1.6;
 +
        }
 +
    }
 +
 +
    /*foreword*/
 +
 +
 +
    header .intro-text {
 +
        padding-top: 50px;
 +
        padding-bottom: 50px;
 +
    }
 +
 +
    header .intro-text .intro-lead-in {
 +
        margin-bottom: 25px;
 +
        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        font-size: 22px;
 +
        line-height: 22px;
 +
    text-color: #fff;
 +
 +
    }
 +
 +
    header .intro-text .intro-heading {
 +
        margin-bottom: 25px;
 +
        text-transform: uppercase;
 +
        font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        font-size: 50px;
 +
        font-weight: 700;
 +
        line-height: 50px;
 +
    }
 +
 +
    @media(min-width:768px) {
 +
        header .intro-text {
 +
            padding-top: 50px;
 +
            padding-bottom: 100px;
 +
        }
 +
 +
        header .intro-text .intro-lead-in {
 +
            margin-bottom: 25px;
 +
            font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
            font-size: 40px;
 +
            line-height: 40px;
 +
        }
 +
 +
        header .intro-text .intro-heading {
 +
            margin-bottom: 50px;
 +
            text-transform: uppercase;
 +
            font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
 +
            font-size: 75px;
 +
            font-weight: 700;
 +
            line-height: 75px;
 +
        }
 +
    }
 +
 +
 +
    section {
 +
        padding: 0;
 +
    }
 +
 +
    section h2.section-heading
 +
    {
 +
        margin-top: 0;
 +
        margin-bottom: 15px;
 +
        font-size: 40px;
 +
        color: white;
 +
    border-bottom: none;
 +
 +
 +
    }
 +
 +
    section h3.section-subheading {
 +
        margin-bottom: 75px;
 +
        text-transform: none;
 +
        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
        font-size: 16px;
 +
        font-weight: 400;
 +
    }
 +
 +
    section h11.section-subheading {
 +
        margin-bottom: 75px;
 +
        font-size: 16px;
 +
        font-weight: 400;
 +
 +
    }
 +
 +
    @media(min-width:768px) {
 +
        section {
 +
            padding: 10px 0;
 +
        }
 +
    }
 +
 +
    .service-heading {
 +
        margin: 15px 0;
 +
        text-transform: none;
 +
    }
 +
 +
    .arrowtext
 +
    {
 +
        width: 100%;
 +
        display: block;
 +
    }
 +
 +
    .arrow
 +
    {
 +
        height: 50px;
 +
        width: 100px;
 +
        opacity: 0.7;
 +
    }
 +
 +
    th
 +
    {
 +
        color: #fff;
 +
    }
 +
 +
    td
 +
    {
 +
        color: #fff;
 +
    }
 +
 +
 +
 +
 +
 +
 +
 +
 +
    </style>
 +
 +
    <div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
 +
        <div class= "container-fluid">
 +
          <!-- Navigation -->
 +
          <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
              <div class="container">
 +
                  <!-- Brand and toggle get grouped for better mobile display -->
 +
                  <div class="navbar-header">
 +
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
                          <span class="sr-only">Toggle navigation</span>
 +
                          <span class="icon-bar"></span>
 +
                          <span class="icon-bar"></span>
 +
                          <span class="icon-bar"></span>
 +
                      </button>
 +
                      <a class="navbar-brand" href="#">
 +
                          <img src="https://static.igem.org/mediawiki/2016/9/92/Edinburgh_logo2_MINI.png" alt="">
 +
                      </a>
 +
                  </div>
 +
                  <!-- Collect the nav links, forms, and other content for toggling -->
 +
                  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
                      <ul class="nav navbar-nav">
 +
                          <li>
 +
                              <a href="https://2016.igem.org/Team:Edinburgh_UG">Home</a>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Team">Team</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Attribution">Attribution</a></li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Silver">Silver</a> </li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Gold">Gold</a> </li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Integrated_Practices">Integrated Practices</a> </li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Engagement">Engagement</a> </li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Description">Description</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Design">Design</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Proof">Proof of Concept</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Demonstrate">Demonstrate</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Notebook">Notebook</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Babbled2.0">Babbled2.0</a></li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Informatics<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Lexicon_Encoding">Lexicon Encoding</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Error_Correction">Error Correction</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Encryption">Encryption</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Files">Files</a></li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Basic_Part">Basic Parts</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Composite_Part">Composite Parts</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Part_Collection">Part Collection</a> </li>
 +
                            </ul>
 +
                          </li>
 +
                          <li>
 +
                              <a href="#">Collaboration</a>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Entrepreneurship">Entrepreneurship</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Software">Software</a> </li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Safety<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Safety">Lab Safety</a></li>
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Biological Safety">Biological Safety</a></li>
 +
                            </ul>
 +
                          </li>
 +
                          <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Interlab<span class="caret"></span></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2016.igem.org/Team:Edinburgh_UG/Plate_Reader">Plate Reader</a></li>
 +
                            </ul>
 +
                          </li>
 +
                      </ul>
 +
                  </div>
 +
                  <!-- /.navbar-collapse -->
 +
              </div>
 +
              <!-- /.container -->
 +
          </nav>
 +
        </div>
 +
    </div>
 +
 +
<br>
 +
<br>
 +
    <!-- End of menu  -->
 +
 +
 +
  <div class="container-fluid">
 +
    <div class="row full-size">
 +
      <img src="https://static.igem.org/mediawiki/2016/0/07/Gold1920x600.jpg" class="img-responsive">
 +
    </div>
 +
  </div>
 +
 +
 +
 +
<br>
 +
<br>
 +
 +
  <section id="about" class="container content-section text-center">
 +
      <div class="row">
 +
          <div class="col-lg-8 col-lg-offset-2">
 +
            <h3 style="font-size:250%;">
 +
              <h1>Gold Medal</h1>
 +
              <br>
 +
              <br>
 +
              <p>Scientific discovery and innovation does not happen in isolation; science shapes society and society sets the path for science. As such, our team is dedicated to working alongside the community and consulting professions to ensure that our DNA Typewriter is functional, safe and responsibly designed. </p>
 +
              <p>Our investigation into the safety, security and sustainability of our project has influenced everything from BabbleBrick design to the marketing of our project. Discussions about policy and regulation have taken our project further in terms of design focus and collaboration.</p>
 +
 +
              <p><a href="http://startbootstrap.com/template-overviews/grayscale/">To view an interactive timeline of our project and to see how we have integrated feedback, click here. </a></p>
 +
            </h3>
 +
          </div>
 +
      </div>
 +
  </section>
 +
 +
 +
  <div class="row">
 +
          <div class="box">
 +
              <div class="col-lg-12">
 +
                  <hr>
 +
                  <h2 class="intro-text text-center">Follow
 +
                      <strong>Us</strong>
 +
                  </h2>
 +
                  <hr>
 +
                  <div class="intro-text text-center">
 +
                      <ul class="list-inline banner-social-buttons">
 +
                          <li>
 +
                              <a href="https://twitter.com/EdiGEM2016"><img src="https://static.igem.org/mediawiki/2016/9/94/Edinburgh2_t2.jpg"></img></a>
 +
                          </li>
 +
                          <li>
 +
                              <a href="https://www.facebook.com/EdiGEM2016"><img src="https://static.igem.org/mediawiki/2016/c/ce/Edinburgh2_f2.png"></img></a>
 +
                          </li>
 +
                          <li>
 +
                              <a href="https://www.instagram.com/edigem2016/"><img src="https://static.igem.org/mediawiki/2016/6/64/Edinburgh2_insta2.png"></img></a>
 +
                          </li>
 +
                          <p>
 +
                          </p>
 +
 +
                      </ul>
 +
                  </div>
 +
              </div>
 +
          </div>
 +
      </div>
 +
 +
 +
</body>
 
</html>
 
</html>

Revision as of 19:04, 13 October 2016





Gold Medal



Scientific discovery and innovation does not happen in isolation; science shapes society and society sets the path for science. As such, our team is dedicated to working alongside the community and consulting professions to ensure that our DNA Typewriter is functional, safe and responsibly designed.

Our investigation into the safety, security and sustainability of our project has influenced everything from BabbleBrick design to the marketing of our project. Discussions about policy and regulation have taken our project further in terms of design focus and collaboration.

To view an interactive timeline of our project and to see how we have integrated feedback, click here.

Follow Us