Difference between revisions of "Team:UCSC/Judging"

 
(204 intermediate revisions by 2 users not shown)
Line 17: Line 17:
 
h1 {
 
h1 {
 
   font-family: 'objektiv-mk1'!important;
 
   font-family: 'objektiv-mk1'!important;
−
   font-size: 400%; /*!important*/
+
   font-size: 300%; /*!important*/
−
   font-weight: 400 !important;
+
   font-weight: 300 !important;
 
     width: 80%;
 
     width: 80%;
 
}
 
}
Line 24: Line 24:
 
h2 {
 
h2 {
 
   font-family: 'objektiv-mk1' !important;
 
   font-family: 'objektiv-mk1' !important;
−
   font-size: 200%;
+
  font-weight: 300 !important;
 +
   font-size: 275%;
 +
  text-align: center;
 
}
 
}
  
 
#page {
 
#page {
 
   background: honeydew;
 
   background: honeydew;
 +
  padding: 50px 0px;
 
}
 
}
  
Line 49: Line 52:
 
   opacity: 0;
 
   opacity: 0;
 
   position: absolute;
 
   position: absolute;
−
   top: 100%;
+
   top: 95px;
−
   left: 50%;
+
   left: 49%;
 
   background: transparent;
 
   background: transparent;
 
   transform: translate(-50%, -50%);
 
   transform: translate(-50%, -50%);
Line 92: Line 95:
 
.titleimg {
 
.titleimg {
 
   vertical-align: middle;
 
   vertical-align: middle;
−
   width: 100%;
+
   width: 40%;
 
}
 
}
  
Line 99: Line 102:
 
}
 
}
  
−
ul {
+
.color-change-box {
−
    list-style-image: url('https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png');
+
  height: 100px;
 +
  width: 100%;
 +
  margin-bottom: -22.3px;
 +
  margin-top: 50px;
 
}
 
}
 +
 +
/*ul {
 +
  list-style: none;
 +
}
 +
 +
ul li:before {
 +
    content: url('https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png');
 +
}*/
  
 
.requirement-title {
 
.requirement-title {
−
font-family: 'objektiv-mk1;'
+
  font-family: 'objektiv-mk1';
−
font-weight: 300;
+
  font-weight: 400;
−
font-size: 200%;
+
  font-size: 200%;
 
}
 
}
  
 
.requirements-subtitle {
 
.requirements-subtitle {
−
font-family: 'objektiv-mk1'
+
  font-family: 'objektiv-mk1';
−
font-weight: 200;
+
  font-weight: 400;
−
font-size: 160%;
+
  font-size: 150%;
 +
}
 +
 
 +
.requirements-description {
 +
  font-family: 'objektiv-mk1';
 +
  font-size: 110%;
 +
}
 +
 
 +
.col-sm-10 {
 +
  margin-top: 12px !important;
 +
}
 +
 
 +
.col-sm-9 {
 +
  margin-top: 10px !important;
 +
}
 +
 
 +
.checkmark-box {
 +
  width: 120%;
 +
}
 +
 
 +
#bronze {
 +
  width: 100%;
 +
  height: 0px;
 +
  background-color: honeydew;
 +
}
 +
 
 +
#silver {
 +
  width: 100%;
 +
  height: 0px;
 +
  background-color: #f08b38;
 +
}
 +
 
 +
#gold {
 +
  width: 100%;
 +
  height: 0px;
 +
  background-color: #c2c2c2;
 +
}
 +
 
 +
.medal {
 +
  width: 26%;
 +
  position: relative;
 +
  text-decoration: none !important;
 +
}
 +
 
 +
.proj-button-desc:hover .medal {
 +
  opacity: 0.7;
 +
}
 +
 
 +
.medal_image_button {
 +
  display: inline-block;
 +
  width: 26%;
 +
}
 +
 
 +
.medal_image_button:hover {
 +
  opacity: 0.7;
 +
}
 +
 
 +
.medal_button_desc {
 +
  transition: .5s ease;
 +
  opacity: 0;
 +
  position: absolute;
 +
  top: 100px;
 +
  left: 50%;
 +
  background: transparent;
 +
  transform: translate(-50%, -50%);
 +
  -ms-transform: translate(-50%, -50%);
 +
}
 +
 
 +
/*.medal_button_desc:hover {
 +
  opacity: 1;
 +
}*/
 +
 
 +
/*.medal_image_button:hover .medal_button_desc .overlap_medal_button_text {
 +
  opacity: 0.8;
 +
}*/
 +
 
 +
.medal:hover .proj-button-desc {
 +
  opacity: 0.7;
 +
}
 +
 
 +
.overlap_medal_button_text {
 +
  background-color: transparent;
 +
  color: black;
 +
  font-size: 20px;
 +
  font-family: "Objektiv-mk1" !important;
 +
  font-weight: 400 !important;
 +
  padding: 16px 32px;
 +
}
 +
 
 +
.overlap-button-text {
 +
  background-color: transparent;
 +
  color: black;
 +
  font-size: 20px;
 +
  font-family: "Objektiv-mk1" !important;
 +
  font-weight: 400 !important;
 +
  padding: 16px 32px;
 +
}
 +
 
 +
.title_image_box {
 +
  width: 100%;
 +
  height: 100%;
 +
  margin: -20px;
 +
}
 +
 
 +
 
 +
@media (min-width: 1750px) {
 +
 
 +
  .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 0;
 +
      position: absolute;
 +
      top: 131px;
 +
      left: 49%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
}
 +
 
 +
 
 +
@media (max-width: 1750px) {
 +
 
 +
  .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 0;
 +
      position: absolute;
 +
      top: 121px;
 +
      left: 49%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
}
 +
 
 +
 
 +
@media (max-width: 1650px) {
 +
 
 +
  .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 0;
 +
      position: absolute;
 +
      top: 114px;
 +
      left: 49%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
}
 +
 
 +
 
 +
@media (max-width: 1550px) {
 +
 
 +
  .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 0;
 +
      position: absolute;
 +
      top: 107px;
 +
      left: 49%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
}
 +
 
 +
 
 +
@media (max-width: 1440px) {
 +
 
 +
  .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 0;
 +
      position: absolute;
 +
      top: 100px;
 +
      left: 49%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
}
 +
 
 +
 
 +
@media (min-width: 1300px) and (max-width: 1350px) {
 +
 
 +
  .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 0;
 +
      position: absolute;
 +
      top: 94px;
 +
      left: 49%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
}
 +
 
 +
 
 +
@media (min-width: 1144px) and (max-width: 1300px) {
 +
 
 +
  .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 0;
 +
      position: absolute;
 +
      top: 94px;
 +
      left: 49%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 
}
 
}
  
Line 119: Line 332:
 
     width: 70% !important;
 
     width: 70% !important;
 
   }
 
   }
 +
 +
  .sub-container {
 +
    width: 100%;
 +
    margin-left: 50px;
 +
  }
 +
 
   .text-container {
 
   .text-container {
 
     width: 60%;
 
     width: 60%;
Line 129: Line 348:
 
   figcaption {
 
   figcaption {
 
     font-size: 16px;
 
     font-size: 16px;
 +
  }
 +
 +
  .row {
 +
    margin-top: 20px;
 
   }
 
   }
 
}
 
}
  
 
@media (max-width: 1144px) {
 
@media (max-width: 1144px) {
 +
 +
  .container {
 +
    width: 80% !important;
 +
  }
 +
 +
  .sub-container {
 +
      width: 100%;
 +
      margin-left: 50px;
 +
    }
  
 
     .titlebox {
 
     .titlebox {
Line 150: Line 382:
 
     font-size: medium !important;
 
     font-size: medium !important;
 
   }
 
   }
 +
 +
  .col-sm-9 {
 +
  margin-top: 7px !important;
 +
}
 +
 
}
 
}
  
 
@media (max-width: 768px) {
 
@media (max-width: 768px) {
 +
 +
 +
  .container {
 +
    width: 90% !important;
 +
  }
 +
 +
  .sub-container {
 +
      width: 80%;
 +
    }
 +
 
   .proj-button-image {
 
   .proj-button-image {
 
       opacity: 1;
 
       opacity: 1;
Line 166: Line 413:
 
       opacity: 1;
 
       opacity: 1;
 
       position: absolute;
 
       position: absolute;
−
       top: 100%;
+
       top: 88px;
−
       left: 50%;
+
       left: 49%;
 
       transform: translate(-50%, -50%);
 
       transform: translate(-50%, -50%);
 
       -ms-transform: translate(-50%, -50%)
 
       -ms-transform: translate(-50%, -50%)
 
   }
 
   }
 +
 +
  .overlap-button-text {
 +
    background-color: transparent;
 +
    color: black;
 +
    font-size: 15px;
 +
    font-family: "Objektiv-mk1" !important;
 +
    font-weight: 400 !important;
 +
    padding: 16px 32px;
 +
  }
 +
 +
  .checkmark-box {
 +
  width: 10%;
 +
}
  
 
   h1 {
 
   h1 {
Line 179: Line 439:
 
   h2 {
 
   h2 {
 
       font-family: 'objektiv-mk1'; /*!important*/
 
       font-family: 'objektiv-mk1'; /*!important*/
−
       font-size: 20px; /*!important*/
+
       font-size: 35px; /*!important*/
 
   }
 
   }
  
Line 185: Line 445:
 
     width: 80%;
 
     width: 80%;
 
   }
 
   }
 +
 +
  .col-sm-9 {
 +
  margin-top: -25px !important;
 +
  margin-left: 40px;
 +
 +
  }
 +
 +
  .col-sm-10 {
 +
    margin-top: -30px !important;
 +
    margin-left: 60px;
 +
 +
  }
 +
 +
  .medal_image_button {
 +
    width: 32%;
 +
  }
 +
 +
  .title_image_box {
 +
    width: 100%;
 +
    height: 100%;
 +
    margin-top: -40px;
 +
  }
 +
 +
  .requirements-description {
 +
    font-family: 'objektiv-mk1';
 +
    font-size: 90%;
 +
  }
 +
 +
  /*.medal {
 +
    width: 32%;
 +
  }*/
 +
}
  
 
/*  p {
 
/*  p {
Line 193: Line 485:
  
 
@media (max-width: 576px) {
 
@media (max-width: 576px) {
 +
 +
  .checkmark-box {
 +
    width: 12%;
 +
  }
 +
 +
  .col-sm-9 {
 +
    margin-top: -22px !important;
 +
    margin-left: 40px;
 +
  }
 +
 +
  .col-sm-10 {
 +
    margin-top: -35px !important;
 +
    margin-left: 50px;
 +
  }
 +
 +
  .requirement-title {
 +
    font-family: 'objektiv-mk1';
 +
    font-weight: 400;
 +
    font-size: 130%;
 +
  }
 +
 +
  .requirements-subtitle {
 +
    font-family: 'objektiv-mk1';
 +
    font-weight: 400;
 +
    font-size: 120%;
 +
  }
 +
 +
  .requirements-description {
 +
    font-family: 'objektiv-mk1';
 +
    font-size: 90%;
 +
  }
 +
 
   .proj-button-image {
 
   .proj-button-image {
 
       opacity: 1;
 
       opacity: 1;
Line 206: Line 530:
 
       opacity: 1;
 
       opacity: 1;
 
       position: absolute;
 
       position: absolute;
−
       top: 100%;
+
       top: 62px;
−
       left: 50%;
+
       left: 49%;
 
       transform: translate(-50%, -50%);
 
       transform: translate(-50%, -50%);
 
       -ms-transform: translate(-50%, -50%)
 
       -ms-transform: translate(-50%, -50%)
 +
  }
 +
 +
  .overlap-button-text {
 +
    background-color: transparent;
 +
    color: black;
 +
    font-size: 10px;
 +
    font-family: "Objektiv-mk1" !important;
 +
    font-weight: 400 !important;
 +
    padding: 16px 32px;
 +
  }
 +
 +
  .sub-container {
 +
    margin-left: 20px;
 +
    width: 90%;
 
   }
 
   }
  
Line 233: Line 571:
 
     margin-right: 10px !important;
 
     margin-right: 10px !important;
 
     font-size: small !important;
 
     font-size: small !important;
 +
  }
 +
 +
  .row {
 +
    margin-bottom: 20px;
 +
    margin-top: 20px;
 +
  }
 +
 +
  .title_image_box {
 +
  width: 100%;
 +
  height: 100%;
 +
  margin-top: -60px;
 
   }
 
   }
 +
}
 +
 +
 +
@media (max-width: 480px) {
 +
 +
  .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 1;
 +
      position: absolute;
 +
      top: 55px;
 +
      left: 49%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
 +
  .overlap-button-text {
 +
    background-color: transparent;
 +
    color: black;
 +
    font-size: 10px;
 +
    font-family: "Objektiv-mk1" !important;
 +
    font-weight: 400 !important;
 +
    padding: 16px 32px;
 +
  }
 +
 +
  .title_image_box {
 +
  width: 100%;
 +
  height: 100%;
 +
  margin-top: -70px;
 +
  }
 +
 +
}
 +
 +
 +
@media (max-width: 380px) {
 +
 +
  .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 1;
 +
      position: absolute;
 +
      top: 238%;
 +
      left: 49%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
 +
  .overlap-button-text {
 +
    background-color: transparent;
 +
    color: black;
 +
    font-size: 9px;
 +
    font-family: "Objektiv-mk1" !important;
 +
    font-weight: 400 !important;
 +
    padding: 16px 32px;
 +
  }
 +
}
 +
 +
@media (max-width: 350px) {
 +
 +
  .checkmark-box {
 +
    width: 12%;
 +
  }
 +
 +
  .col-sm-9 {
 +
    margin-top: -25px !important;
 +
    margin-left: 40px;
 +
  }
 +
 +
  .col-sm-10 {
 +
    margin-top: -35px !important;
 +
    margin-left: 50px;
 +
  }
 +
 +
  .requirement-title {
 +
    font-family: 'objektiv-mk1';
 +
    font-weight: 400;
 +
    font-size: 115%;
 +
  }
 +
 +
  .requirements-subtitle {
 +
    font-family: 'objektiv-mk1';
 +
    font-weight: 400;
 +
    font-size: 112%;
 +
  }
 +
 +
  .requirements-description {
 +
    font-family: 'objektiv-mk1';
 +
    font-size: 90%;
 +
  }
 +
 +
  .container {
 +
    width: 100% !important;
 +
  }
 +
 +
  .sub-container {
 +
      margin-left: 5px;
 +
      width: 100%;
 +
    }
 +
 +
    .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 1;
 +
      position: absolute;
 +
      top: 238%;
 +
      left: 48%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
 +
  .overlap-button-text {
 +
    background-color: transparent;
 +
    color: black;
 +
    font-size: 8px;
 +
    font-family: "Objektiv-mk1" !important;
 +
    font-weight: 400 !important;
 +
    padding: 16px 32px;
 +
  }
 +
}
 +
 +
@media (max-width: 330px) {
 +
 +
  .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 1;
 +
      position: absolute;
 +
      top: 230%;
 +
      left: 48%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
 +
}
 
}
 
}
  
  
 
</style>
 
</style>
 +
 +
<script type="text/javascript">
 +
 +
//  $("button").click(function() {
 +
//      $('html,body').animate({
 +
//          scrollTop: $("#bronze").offset().top},'slow');
 +
// });
 +
 +
  $('a.medal_image_button').click(function () {
 +
        $('html, body').animate({scrollTo: 700}, 11700);
 +
          return false;
 +
    });
 +
 +
</script>
  
 
<body style="background-color: honeydew;">
 
<body style="background-color: honeydew;">
 
<div id="page">
 
<div id="page">
 
<center>
 
<center>
 +
 +
<!-- <img class="titleimg" src="https://static.igem.org/mediawiki/2017/b/b7/Medal.png"> -->
 +
 +
<div class="container">
 +
  <div class="row">
 +
    <div class="title_image_box">
 +
  <!-- <button type="button1" style="background: url(https://static.igem.org/mediawiki/2017/7/7f/Bronze_medal.png); width: 20%;"></button> -->
 +
  <!-- <button type="button">bronze button</button> -->
 +
  <!-- <a href="#" class="medal_image_button"> -->
 +
    <a href="#bronze" class="medal">
 +
      <img src="https://static.igem.org/mediawiki/2017/3/30/Bronze-medal.png" class="medal_image_button" alt="https://www.shareicon.net/object-sport-medal-winner-black-medals-sports-sportive-recognition-658963">
 +
        <div class="proj-button-desc">
 +
          <div class="overlap-button-text">BRONZE</div>
 +
        </div>
 +
    </a>
 +
 +
    <a href="#silver" class="medal">
 +
      <img src="https://static.igem.org/mediawiki/2017/a/a2/Silver-medal.png" class="medal_image_button" alt="https://www.shareicon.net/object-sport-medal-winner-black-medals-sports-sportive-recognition-658963">
 +
        <div class="proj-button-desc">
 +
          <div class="overlap-button-text">SILVER</div>
 +
        </div>
 +
    </a>
 +
 +
    <a href="#gold" class="medal">
 +
      <img src="https://static.igem.org/mediawiki/2017/a/a1/Gold-medal.png" class="medal_image_button" alt="https://www.shareicon.net/object-sport-medal-winner-black-medals-sports-sportive-recognition-658963">
 +
        <div class="proj-button-desc">
 +
          <div class="overlap-button-text">GOLD</div>
 +
        </div>
 +
    </a>
 +
  </div>
 +
  </div>
 +
</div>
 +
 +
<br>
 +
<br>
 +
 
<h1>JUDGING</h1><br>
 
<h1>JUDGING</h1><br>
  
 +
<div id="bronze"></div>
 +
 +
</div>
 +
<div class="color-change-box" style="background: -webkit-linear-gradient(top, rgba(240,255,240,1) 0%, rgba(240,255,240,1) 0%, rgba(240,139,56,1) 100%); margin-top: 0px; height: 200px; padding-bottom: 50px;">
 
</div>
 
</div>
−
<div class="body" style="background: -webkit-linear-gradient(top, rgba(240,255,240,1) 0%, rgba(240,255,240,1) 0%, rgba(240,139,56,1) 100%);">
+
<div class="page" style="background: #f08b38;">
−
<hr>
+
  <h2><b>B R O N Z E</b> REQUIREMENTS</h2>
 +
  <br>
  
 +
  <div class="container">
 +
    <div class="row no-gutters">
 +
      <div class="col-sm-1">
 +
        <div class="checkmark-box">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
 +
        </div>
 +
      </div>
 +
      <div class="col-sm-10">
 +
        <span class="requirement-title">Register for iGEM</span>
 +
      </div>
 +
    </div>
 +
    <ul>
 +
    <li><span class="requirements-description">We have registered for the iGEM Giant Jamboree and we look forward to presenting our project in Boston! We have had an amazing summer working together, collaborating with others, and reaching out to our community.</span></li>
 +
    </ul>
 +
 
 +
  </div>
 +
<br>
 +
  <div class="container">
 +
    <div class="row no-gutters">
 +
      <div class="col-sm-1">
 +
        <div class="checkmark-box">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
 +
        </div>
 +
      </div>
 +
      <div class="col-sm-10">
 +
        <span class="requirement-title">Meet all Competition Deliverables</span>
 +
      </div>
 +
    </div>
 +
<br>
 +
    <div class="sub-container">
 +
      <div class="row no-gutters">
 +
        <div class="col-sm-1">
 +
          <div class="checkmark-box">
 +
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;">
 +
          </div>
 +
        </div>
 +
        <div class="col-sm-9">
 +
          <span class="requirements-subtitle">Complete the Team Wiki</span>
 +
        </div>
 +
      </div>
 +
      <div class="sub-container">
 +
        <ul>
 +
        <li><span class="requirements-description">Hover over any tab in the navigation menu to learn more about our project. Or, browse our completely mobile-friendly wiki on your smartphone, tablet, or any other device! Just like the rest of our project, we always aim to improve accessibility.</li>
 +
        </ul>
 +
      </div>
 +
<br>
 +
 +
      <div class="row no-gutters">
 +
        <div class="col-sm-1">
 +
          <div class="checkmark-box">
 +
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
 +
          </div>
 +
        </div>
 +
        <div class="col-sm-9">
 +
          <span class="requirements-subtitle">Project Attributions</span>
 +
        </div>
 +
      </div>
 +
      <div class="sub-container">
 +
        <ul>
 +
        <li><span class="requirements-description">Check out<a href="https://2017.igem.org/Team:UCSC/Attributions"> our attributions page here</a> to learn more about the help we received along the way!</span></li>
 +
        </ul>
 +
      </div>
 +
<br>
 +
 +
      <div class="row no-gutters">
 +
        <div class="col-sm-1">
 +
          <div class="checkmark-box">
 +
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
 +
          </div>
 +
        </div>
 +
        <div class="col-sm-9">
 +
          <span class="requirements-subtitle">Team Poster</span>
 +
        </div>
 +
      </div>
 +
      <div class="sub-container">
 +
        <ul>
 +
        <li><span class="requirements-description">We have created our project poster and will be presenting it at the Giant Jamboree.</span></li>
 +
        </ul>
 +
      </div>
 +
 +
<br>
 +
      <div class="row no-gutters">
 +
        <div class="col-sm-1">
 +
          <div class="checkmark-box">
 +
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
 +
          </div>
 +
        </div>
 +
        <div class="col-sm-9">
 +
          <span class="requirements-subtitle">Team Presentation</span>
 +
        </div>
 +
      </div>
 +
      <div class="sub-container">
 +
        <ul>
 +
        <li><span class="requirements-description">We look forward to presenting our project at the Giant Jamboree and showing how our team takes manufacturing where it has never been before.</span></li>
 +
        </ul>
 +
      </div>
 +
 +
<br>
 +
      <div class="row no-gutters">
 +
        <div class="col-sm-1">
 +
          <div class="checkmark-box">
 +
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
 +
          </div>
 +
        </div>
 +
        <div class="col-sm-9">
 +
          <span class="requirements-subtitle">Safety Form</span>
 +
        </div>
 +
      </div>
 +
      <div class="sub-container">
 +
        <ul>
 +
        <li><span class="requirements-description">With the submission of our safety form, we complete this competition deliverable. You can find<a href="https://2017.igem.org/Team:UCSC/Safety"> our safety page here!</a></span></li>
 +
        </ul>
 +
      </div>
 +
 +
<br>
 +
      <div class="row no-gutters">
 +
        <div class="col-sm-1">
 +
          <div class="checkmark-box">
 +
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
 +
          </div>
 +
        </div>
 +
        <div class="col-sm-9">
 +
          <span class="requirements-subtitle">Judging Form</span>
 +
        </div>
 +
      </div>
 +
      <div class="sub-container">
 +
        <ul>
 +
        <li><span class="requirements-description">Our judging form has been submitted, and the breakdown of how we meet the medal requirements and project deliverables can be seen throughout this page. Here's a link to <a href="https://igem.org/2017_Judging_Form?id=2223">our Judging Form</a>.</span></li>
 +
        </ul>
 +
      </div>
 +
 +
<br>
 +
      <div class="row no-gutters">
 +
        <div class="col-sm-1">
 +
          <div class="checkmark-box">
 +
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
 +
          </div>
 +
        </div>
 +
        <div class="col-sm-9">
 +
          <span class="requirements-subtitle">Registry Part Page</span>
 +
        </div>
 +
      </div>
 +
      <div class="sub-container">
 +
        <ul>
 +
        <li><span class="requirements-description">Our various registry parts have been fully documented and can be seen on <a href="https://2017.igem.org/Team:UCSC/Part_Collection">our parts page here!</a></span></li>
 +
        </ul>
 +
      </div>
 +
 +
<br>
 +
      <div class="row no-gutters">
 +
        <div class="col-sm-1">
 +
          <div class="checkmark-box">
 +
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
 +
          </div>
 +
        </div>
 +
        <div class="col-sm-9">
 +
          <span class="requirements-subtitle">Sample Submission</span>
 +
        </div>
 +
      </div>
 +
      <div class="sub-container">
 +
        <ul>
 +
        <li><span class="requirements-description">DNA sequences of <a href="https://2017.igem.org/Team:UCSC/Part_Collection">our parts</a> have been submitted to the Registry to help make an even more comprehensive Registry Catalogue for next year.</span></li>
 +
        </ul>
 +
      </div>
 +
    </div>
 +
  </div>
 +
 +
  <div class="container">
 +
    <div class="row no-gutters">
 +
      <div class="col-sm-1">
 +
        <div class="checkmark-box">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
 +
        </div>
 +
      </div>
 +
      <div class="col-sm-10">
 +
        <span class="requirement-title">Attribution</span>
 +
      </div>
 +
    </div>
 +
    <ul>
 +
    <li><span class="requirements-description">We couldn’t have developed our project without the help of others. The work accomplished by ourselves and the work and support we received from others has been fully documented, and can be found on<a href="https://2017.igem.org/Team:UCSC/Attributions"> our attributions page here!</a></span></li>
 +
    </ul>
 +
 
 +
  </div>
 +
 +
<br>
 +
  <div class="container">
 +
    <div class="row no-gutters">
 +
      <div class="col-sm-1">
 +
        <div class="checkmark-box">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
 +
        </div>
 +
      </div>
 +
      <div class="col-sm-10">
 +
        <span class="requirement-title">Contribution</span>
 +
      </div>
 +
    </div>
 +
    <ul>
 +
    <li><span class="requirements-description">This year, the UCSC iGEM team has contributed by participating in the InterLab study! You can see our results on<a href="https://2017.igem.org/Team:UCSC/InterLab"> our InterLab page here!</a></span></li>
 +
    </ul>
 +
 +
<div id="silver"></div>
 +
 +
  </div>
 +
 +
<div class="color-change-box" style="background:  -webkit-linear-gradient(top, rgba(240,139,56,1) 0%, rgba(240,139,56,1) 0%, rgba(194,194,194,1) 100%); height: 200px;">
 
</div>
 
</div>
−
<div class="body" style="background: #f08b38">
 
−
<h2>BRONZE REQUIREMENTS</h2>
 
−
<br>
 
  
−
<ul><span class="requirement-title">Register for iGEM</span>
+
<div class="page" style="background: #c2c2c2">
−
We have registered for the iGEM Giant Jamboree and we look forward to presenting our project in Boston! We have had an amazing summer working together, collaborating with others, and reaching out to our community.
+
  <h2><b>S I L V E R</b> REQUIREMENTS</h2>
−
</ul>
+
  <br>
 +
 
 +
  <div class="container">
 +
    <div class="row no-gutters">
 +
      <div class="col-sm-1">
 +
        <div class="checkmark-box">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
 +
        </div>
 +
      </div>
 +
      <div class="col-sm-10">
 +
        <span class="requirement-title">Validated Part</span>
 +
      </div>
 +
    </div>
 +
    <ul>
 +
    <li><span class="requirements-description">The validation of our own part is not only a fascinating component of our project, but is also crucial for the synthesis of acetaminophen. Take a look at how <a href="https://2017.igem.org/Team:UCSC/Demonstrate#validate-part-div">we validated our part in <i>E. coli.</i></a></span></li>
 +
    </ul>
 +
 
 +
  </div>
 +
 
 +
 
 +
<br>
 +
  <div class="container">
 +
    <div class="row no-gutters">
 +
      <div class="col-sm-1">
 +
        <div class="checkmark-box">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
 +
        </div>
 +
      </div>
 +
      <div class="col-sm-10">
 +
        <span class="requirement-title">Collaboration</span>
 +
      </div>
 +
    </div>
 +
    <ul>
 +
    <li><span class="requirements-description">Collaboration between laboratories across the world will always be essential for advancements within the scientific community. Check out <a href="https://2017.igem.org/Team:UCSC/Collaborations">our collaborations page</a> to learn more about how we worked with other iGEM teams.</span></li>
 +
    </ul>
 +
 
 +
  </div>
 +
 
 +
 
 +
<br>
 +
  <div class="container">
 +
    <div class="row no-gutters">
 +
      <div class="col-sm-1">
 +
        <div class="checkmark-box">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
 +
        </div>
 +
      </div>
 +
      <div class="col-sm-10">
 +
        <span class="requirement-title">Human Practices Silver</span>
 +
      </div>
 +
    </div>
 +
    <ul>
 +
    <li><span class="requirements-description">Engaging in our community and outreach to regions around the world dramatically shaped our project. Here at UC Santa Cruz, we care deeply about real world problems and what we can do to help. Take a look at the <a href="https://2017.igem.org/Team:UCSC/HP/Silver">outreach we conducted.</a></span></li>
 +
    </ul>
 +
 
 +
<div id="gold"></div>
 +
 
 +
  </div>
 +
 
 +
<div class="color-change-box" style="background:  -webkit-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(255,194,41,1) 100%); height: 200px;">
 
</div>
 
</div>
 +
 +
<div class="page" style="background: #ffc229">
 +
  <h2><b>G O L D</b> REQUIREMENTS</h2>
 +
  <br>
 +
 +
  <div class="container">
 +
    <div class="row no-gutters">
 +
      <div class="col-sm-1">
 +
        <div class="checkmark-box">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
 +
        </div>
 +
      </div>
 +
      <div class="col-sm-10">
 +
        <span class="requirement-title">Integrated Human Practices</span>
 +
      </div>
 +
    </div>
 +
    <ul>
 +
    <li><span class="requirements-description">We place an enormous emphasis on identifying real world problems before we delve into potential solutions using synthetic biology. Before we began our project, we conducted meaningful outreach to some remote locations around the world. With the information we received from multiple healthcare professionals, our project became focused on alleviating debilitating shortages in pharmaceuticals and dietary nutrients. Check out how <a href="https://2017.igem.org/Team:UCSC/HP/Gold_Integrated">human practices has been integrated into our project!</a></span></li>
 +
    </ul>
 +
 
 +
  </div>
 +
 +
 +
<br>
 +
  <div class="container">
 +
    <div class="row no-gutters">
 +
      <div class="col-sm-1">
 +
        <div class="checkmark-box">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
 +
        </div>
 +
      </div>
 +
      <div class="col-sm-10">
 +
        <span class="requirement-title">Demonstrate Our Work</span>
 +
      </div>
 +
    </div>
 +
    <ul>
 +
    <li><span class="requirements-description">It's not enough to only think of good ways to approach a solution to a widespread global problem -- you have to act on it too! We have gathered an enormous amount of data and demonstrated that our concept works when applied in a biological system. Check out how <a href="https://2017.igem.org/Team:UCSC/Demonstrate">we demonstrated our work!</a></span></li>
 +
    </ul>
 +
 
 +
  </div>
 +
 +
 +
<br>
 +
  <div class="container">
 +
    <div class="row no-gutters">
 +
      <div class="col-sm-1">
 +
        <div class="checkmark-box">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
 +
        </div>
 +
      </div>
 +
      <div class="col-sm-10">
 +
        <span class="requirement-title">Improve a Previous Part</span>
 +
      </div>
 +
    </div>
 +
    <ul>
 +
    <li><span class="requirements-description">The tremendous registry of parts allowed us choose a part that, with some improvements, could serve a meaningful purpose in our project. The improved part has been documented and submitted to the parts registry page. Take a look at how <a href="https://2017.igem.org/Team:UCSC/Part_Collection#improve-a-part-div">we improved a previous part</a> and used it as a means of detection.</span></li>
 +
    </ul>
 +
 
 +
  </div>
 +
 +
 +
<br>
 +
  <div class="container">
 +
    <div class="row no-gutters">
 +
      <div class="col-sm-1">
 +
        <div class="checkmark-box">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
 +
        </div>
 +
      </div>
 +
      <div class="col-sm-10">
 +
        <span class="requirement-title">Modeling</span>
 +
      </div>
 +
    </div>
 +
    <ul>
 +
    <li><span class="requirements-description">Modelling product yield is an integral component of our project. Without it, the applicability of our work becomes undermined. Modelling not only allows one to predict the yield of a desired product, but also to optimize growth conditions to maximize product yield within a given timeframe. Take a look at our <a href="https://2017.igem.org/Team:UCSC/Model">modeling for acetaminophen and vitamin B<sub>12</sub></a></span></li>
 +
    </ul>
 +
 
 +
  </div>
 +
</div>
 +
 +
<div class="color-change-box" style="background: #ffc229; height: 100px; margin-top: 0px; margin-bottom: -50px;">
 +
</div>
 +
 +
<div class="color-change-box" style="background: -webkit-linear-gradient(top, rgba(255,194,41,1) 0%, rgba(240,255,240,1) 100%); height: 250px;">
 +
</div>
 +
  
 
</center>
 
</center>

Latest revision as of 03:56, 2 November 2017

https://www.shareicon.net/object-sport-medal-winner-black-medals-sports-sportive-recognition-658963
BRONZE
 https://www.shareicon.net/object-sport-medal-winner-black-medals-sports-sportive-recognition-658963
SILVER
 https://www.shareicon.net/object-sport-medal-winner-black-medals-sports-sportive-recognition-658963
GOLD


JUDGING


B R O N Z E REQUIREMENTS


Register for iGEM
  • We have registered for the iGEM Giant Jamboree and we look forward to presenting our project in Boston! We have had an amazing summer working together, collaborating with others, and reaching out to our community.

Meet all Competition Deliverables

Complete the Team Wiki
  • Hover over any tab in the navigation menu to learn more about our project. Or, browse our completely mobile-friendly wiki on your smartphone, tablet, or any other device! Just like the rest of our project, we always aim to improve accessibility.

Project Attributions

Team Poster
  • We have created our project poster and will be presenting it at the Giant Jamboree.

Team Presentation
  • We look forward to presenting our project at the Giant Jamboree and showing how our team takes manufacturing where it has never been before.

Safety Form
  • With the submission of our safety form, we complete this competition deliverable. You can find our safety page here!

Judging Form
  • Our judging form has been submitted, and the breakdown of how we meet the medal requirements and project deliverables can be seen throughout this page. Here's a link to our Judging Form.

Registry Part Page

Sample Submission
  • DNA sequences of our parts have been submitted to the Registry to help make an even more comprehensive Registry Catalogue for next year.
Attribution
  • We couldn’t have developed our project without the help of others. The work accomplished by ourselves and the work and support we received from others has been fully documented, and can be found on our attributions page here!

Contribution
  • This year, the UCSC iGEM team has contributed by participating in the InterLab study! You can see our results on our InterLab page here!

S I L V E R REQUIREMENTS


Validated Part
  • The validation of our own part is not only a fascinating component of our project, but is also crucial for the synthesis of acetaminophen. Take a look at how we validated our part in E. coli.

Collaboration
  • Collaboration between laboratories across the world will always be essential for advancements within the scientific community. Check out our collaborations page to learn more about how we worked with other iGEM teams.

Human Practices Silver
  • Engaging in our community and outreach to regions around the world dramatically shaped our project. Here at UC Santa Cruz, we care deeply about real world problems and what we can do to help. Take a look at the outreach we conducted.

G O L D REQUIREMENTS


Integrated Human Practices
  • We place an enormous emphasis on identifying real world problems before we delve into potential solutions using synthetic biology. Before we began our project, we conducted meaningful outreach to some remote locations around the world. With the information we received from multiple healthcare professionals, our project became focused on alleviating debilitating shortages in pharmaceuticals and dietary nutrients. Check out how human practices has been integrated into our project!

Demonstrate Our Work
  • It's not enough to only think of good ways to approach a solution to a widespread global problem -- you have to act on it too! We have gathered an enormous amount of data and demonstrated that our concept works when applied in a biological system. Check out how we demonstrated our work!

Improve a Previous Part
  • The tremendous registry of parts allowed us choose a part that, with some improvements, could serve a meaningful purpose in our project. The improved part has been documented and submitted to the parts registry page. Take a look at how we improved a previous part and used it as a means of detection.

Modeling
  • Modelling product yield is an integral component of our project. Without it, the applicability of our work becomes undermined. Modelling not only allows one to predict the yield of a desired product, but also to optimize growth conditions to maximize product yield within a given timeframe. Take a look at our modeling for acetaminophen and vitamin B12

S P O N S O R S
S O C I A L
C O N T A C T
Jack Baskin School of Engineering
University of California, Santa Cruz
1156 High Street
Santa Cruz, California, 95064