Difference between revisions of "Team:UCSC/Judging"

 
(10 intermediate revisions by 2 users not shown)
Line 103: Line 103:
  
 
.color-change-box {
 
.color-change-box {
height: 100px;
+
  height: 100px;
width: 100%;
+
  width: 100%;
margin-bottom: -22.3px;
+
  margin-bottom: -22.3px;
margin-top: 50px;
+
  margin-top: 50px;
 
}
 
}
  
Line 118: Line 118:
  
 
.requirement-title {
 
.requirement-title {
font-family: 'objektiv-mk1';
+
  font-family: 'objektiv-mk1';
font-weight: 600;
+
  font-weight: 400;
font-size: 200%;
+
  font-size: 200%;
 
}
 
}
  
 
.requirements-subtitle {
 
.requirements-subtitle {
font-family: 'objektiv-mk1';
+
  font-family: 'objektiv-mk1';
font-weight: 600;
+
  font-weight: 400;
font-size: 150%;
+
  font-size: 150%;
 
}
 
}
  
 
.requirements-description {
 
.requirements-description {
font-family: 'objektiv-mk1';
+
  font-family: 'objektiv-mk1';
font-size: 90%;
+
  font-size: 110%;
 
}
 
}
  
 
.col-sm-10 {
 
.col-sm-10 {
margin-top: 12px !important;
+
  margin-top: 12px !important;
 
}
 
}
  
 
.col-sm-9 {
 
.col-sm-9 {
margin-top: 10px !important;
+
  margin-top: 10px !important;
 
}
 
}
  
 
.checkmark-box {
 
.checkmark-box {
width: 120%;
+
  width: 120%;
 
}
 
}
  
 
#bronze {
 
#bronze {
width: 100%;
+
  width: 100%;
height: 0px;
+
  height: 0px;
background-color: honeydew;
+
  background-color: honeydew;
 
}
 
}
  
 
#silver {
 
#silver {
width: 100%;
+
  width: 100%;
height: 0px;
+
  height: 0px;
background-color: #f08b38;
+
  background-color: #f08b38;
 
}
 
}
  
 
#gold {
 
#gold {
width: 100%;
+
  width: 100%;
height: 0px;
+
  height: 0px;
background-color: #c2c2c2;
+
  background-color: #c2c2c2;
 
}
 
}
  
 
.medal {
 
.medal {
width: 26%;
+
  width: 26%;
position: relative;
+
  position: relative;
text-decoration: none !important;
+
  text-decoration: none !important;
 
}
 
}
  
 
.proj-button-desc:hover .medal {
 
.proj-button-desc:hover .medal {
opacity: 0.7;
+
  opacity: 0.7;
 
}
 
}
  
 
.medal_image_button {
 
.medal_image_button {
display: inline-block;
+
  display: inline-block;
width: 26%;
+
  width: 26%;
 
}
 
}
  
 
.medal_image_button:hover {
 
.medal_image_button:hover {
opacity: 0.7;
+
  opacity: 0.7;
 
}
 
}
  
Line 199: Line 199:
  
 
/*.medal_image_button:hover .medal_button_desc .overlap_medal_button_text {
 
/*.medal_image_button:hover .medal_button_desc .overlap_medal_button_text {
opacity: 0.8;
+
  opacity: 0.8;
 
}*/
 
}*/
  
 
.medal:hover .proj-button-desc {
 
.medal:hover .proj-button-desc {
opacity: 0.7;
+
  opacity: 0.7;
 
}
 
}
  
Line 211: Line 211:
 
   font-size: 20px;
 
   font-size: 20px;
 
   font-family: "Objektiv-mk1" !important;
 
   font-family: "Objektiv-mk1" !important;
   font-weight: 600 !important;
+
   font-weight: 400 !important;
 
   padding: 16px 32px;
 
   padding: 16px 32px;
 
}
 
}
Line 220: Line 220:
 
   font-size: 20px;
 
   font-size: 20px;
 
   font-family: "Objektiv-mk1" !important;
 
   font-family: "Objektiv-mk1" !important;
   font-weight: 600 !important;
+
   font-weight: 400 !important;
 
   padding: 16px 32px;
 
   padding: 16px 32px;
 
}
 
}
  
 
.title_image_box {
 
.title_image_box {
width: 100%;
+
  width: 100%;
height: 100%;
+
  height: 100%;
margin: -20px;
+
  margin: -20px;
 
}
 
}
  
Line 233: Line 233:
 
@media (min-width: 1750px) {
 
@media (min-width: 1750px) {
  
.proj-button-desc {
+
  .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       opacity: 0;
 
       opacity: 0;
Line 247: Line 247:
 
@media (max-width: 1750px) {
 
@media (max-width: 1750px) {
  
.proj-button-desc {
+
  .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       opacity: 0;
 
       opacity: 0;
Line 261: Line 261:
 
@media (max-width: 1650px) {
 
@media (max-width: 1650px) {
  
.proj-button-desc {
+
  .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       opacity: 0;
 
       opacity: 0;
Line 275: Line 275:
 
@media (max-width: 1550px) {
 
@media (max-width: 1550px) {
  
.proj-button-desc {
+
  .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       opacity: 0;
 
       opacity: 0;
Line 289: Line 289:
 
@media (max-width: 1440px) {
 
@media (max-width: 1440px) {
  
.proj-button-desc {
+
  .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       opacity: 0;
 
       opacity: 0;
Line 303: Line 303:
 
@media (min-width: 1300px) and (max-width: 1350px) {
 
@media (min-width: 1300px) and (max-width: 1350px) {
  
.proj-button-desc {
+
  .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       opacity: 0;
 
       opacity: 0;
Line 317: Line 317:
 
@media (min-width: 1144px) and (max-width: 1300px) {
 
@media (min-width: 1144px) and (max-width: 1300px) {
  
.proj-button-desc {
+
  .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       opacity: 0;
 
       opacity: 0;
Line 334: Line 334:
  
 
   .sub-container {
 
   .sub-container {
  width: 100%;
+
    width: 100%;
  margin-left: 50px;
+
    margin-left: 50px;
 
   }
 
   }
  
Line 351: Line 351:
  
 
   .row {
 
   .row {
  margin-top: 20px;
+
    margin-top: 20px;
 
   }
 
   }
 
}
 
}
Line 357: Line 357:
 
@media (max-width: 1144px) {
 
@media (max-width: 1144px) {
  
.container {
+
  .container {
width: 80% !important;
+
    width: 80% !important;
}
+
  }
  
.sub-container {
+
  .sub-container {
  width: 100%;
+
      width: 100%;
  margin-left: 50px;
+
      margin-left: 50px;
  }
+
    }
  
 
     .titlebox {
 
     .titlebox {
Line 384: Line 384:
  
 
   .col-sm-9 {
 
   .col-sm-9 {
margin-top: 7px !important;
+
  margin-top: 7px !important;
 
}
 
}
  
Line 392: Line 392:
  
  
.container {
+
  .container {
width: 90% !important;
+
    width: 90% !important;
}
+
  }
  
.sub-container {
+
  .sub-container {
  width: 80%;
+
      width: 80%;
  }
+
    }
  
 
   .proj-button-image {
 
   .proj-button-image {
Line 420: Line 420:
  
 
   .overlap-button-text {
 
   .overlap-button-text {
  background-color: transparent;
+
    background-color: transparent;
  color: black;
+
    color: black;
  font-size: 15px;
+
    font-size: 15px;
  font-family: "Objektiv-mk1" !important;
+
    font-family: "Objektiv-mk1" !important;
  font-weight: 600 !important;
+
    font-weight: 400 !important;
  padding: 16px 32px;
+
    padding: 16px 32px;
 
   }
 
   }
  
 
   .checkmark-box {
 
   .checkmark-box {
width: 10%;
+
  width: 10%;
 
}
 
}
  
Line 447: Line 447:
  
 
   .col-sm-9 {
 
   .col-sm-9 {
margin-top: -25px !important;
+
  margin-top: -25px !important;
margin-left: 40px;
+
  margin-left: 40px;
  
}
+
  }
  
.col-sm-10 {
+
  .col-sm-10 {
margin-top: -30px !important;
+
    margin-top: -30px !important;
margin-left: 60px;
+
    margin-left: 60px;
  
}
+
  }
  
.medal_image_button {
+
  .medal_image_button {
width: 32%;
+
    width: 32%;
}
+
  }
  
.title_image_box {
+
  .title_image_box {
width: 100%;
+
    width: 100%;
height: 100%;
+
    height: 100%;
margin-top: -40px;
+
    margin-top: -40px;
}
+
  }
  
/*.medal {
+
  .requirements-description {
width: 32%;
+
    font-family: 'objektiv-mk1';
}*/
+
    font-size: 90%;
 +
  }
 +
 
 +
  /*.medal {
 +
    width: 32%;
 +
  }*/
 
}
 
}
  
Line 481: Line 486:
 
@media (max-width: 576px) {
 
@media (max-width: 576px) {
  
.checkmark-box {
+
  .checkmark-box {
width: 12%;
+
    width: 12%;
}
+
  }
  
.col-sm-9 {
+
  .col-sm-9 {
margin-top: -22px !important;
+
    margin-top: -22px !important;
margin-left: 40px;
+
    margin-left: 40px;
}
+
  }
  
.col-sm-10 {
+
  .col-sm-10 {
margin-top: -35px !important;
+
    margin-top: -35px !important;
margin-left: 50px;
+
    margin-left: 50px;
}
+
  }
  
.requirement-title {
+
  .requirement-title {
font-family: 'objektiv-mk1';
+
    font-family: 'objektiv-mk1';
font-weight: 600;
+
    font-weight: 400;
font-size: 130%;
+
    font-size: 130%;
}
+
  }
  
.requirements-subtitle {
+
  .requirements-subtitle {
font-family: 'objektiv-mk1';
+
    font-family: 'objektiv-mk1';
font-weight: 600;
+
    font-weight: 400;
font-size: 120%;
+
    font-size: 120%;
}
+
  }
  
.requirements-description {
+
  .requirements-description {
font-family: 'objektiv-mk1';
+
    font-family: 'objektiv-mk1';
font-size: 90%;
+
    font-size: 90%;
}
+
  }
  
 
   .proj-button-image {
 
   .proj-button-image {
Line 532: Line 537:
  
 
   .overlap-button-text {
 
   .overlap-button-text {
  background-color: transparent;
+
    background-color: transparent;
  color: black;
+
    color: black;
  font-size: 10px;
+
    font-size: 10px;
  font-family: "Objektiv-mk1" !important;
+
    font-family: "Objektiv-mk1" !important;
  font-weight: 600 !important;
+
    font-weight: 400 !important;
  padding: 16px 32px;
+
    padding: 16px 32px;
 
   }
 
   }
  
 
   .sub-container {
 
   .sub-container {
  margin-left: 20px;
+
    margin-left: 20px;
  width: 90%;
+
    width: 90%;
 
   }
 
   }
  
Line 569: Line 574:
  
 
   .row {
 
   .row {
  margin-bottom: 20px;
+
    margin-bottom: 20px;
  margin-top: 20px;
+
    margin-top: 20px;
 
   }
 
   }
  
 
   .title_image_box {
 
   .title_image_box {
width: 100%;
+
  width: 100%;
height: 100%;
+
  height: 100%;
margin-top: -60px;
+
  margin-top: -60px;
}
+
  }
 
}
 
}
  
Line 583: Line 588:
 
@media (max-width: 480px) {
 
@media (max-width: 480px) {
  
.proj-button-desc {
+
  .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       opacity: 1;
 
       opacity: 1;
Line 594: Line 599:
  
 
   .overlap-button-text {
 
   .overlap-button-text {
  background-color: transparent;
+
    background-color: transparent;
  color: black;
+
    color: black;
  font-size: 10px;
+
    font-size: 10px;
  font-family: "Objektiv-mk1" !important;
+
    font-family: "Objektiv-mk1" !important;
  font-weight: 600 !important;
+
    font-weight: 400 !important;
  padding: 16px 32px;
+
    padding: 16px 32px;
 
   }
 
   }
  
 
   .title_image_box {
 
   .title_image_box {
width: 100%;
+
  width: 100%;
height: 100%;
+
  height: 100%;
margin-top: -70px;
+
  margin-top: -70px;
}
+
  }
  
 
}
 
}
Line 613: Line 618:
 
@media (max-width: 380px) {
 
@media (max-width: 380px) {
  
.proj-button-desc {
+
  .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       opacity: 1;
 
       opacity: 1;
Line 624: Line 629:
  
 
   .overlap-button-text {
 
   .overlap-button-text {
  background-color: transparent;
+
    background-color: transparent;
  color: black;
+
    color: black;
  font-size: 9px;
+
    font-size: 9px;
  font-family: "Objektiv-mk1" !important;
+
    font-family: "Objektiv-mk1" !important;
  font-weight: 600 !important;
+
    font-weight: 400 !important;
  padding: 16px 32px;
+
    padding: 16px 32px;
 
   }
 
   }
 
}
 
}
Line 635: Line 640:
 
@media (max-width: 350px) {
 
@media (max-width: 350px) {
  
.checkmark-box {
+
  .checkmark-box {
width: 12%;
+
    width: 12%;
}
+
  }
  
.col-sm-9 {
+
  .col-sm-9 {
margin-top: -25px !important;
+
    margin-top: -25px !important;
margin-left: 40px;
+
    margin-left: 40px;
}
+
  }
  
.col-sm-10 {
+
  .col-sm-10 {
margin-top: -35px !important;
+
    margin-top: -35px !important;
margin-left: 50px;
+
    margin-left: 50px;
}
+
  }
  
.requirement-title {
+
  .requirement-title {
font-family: 'objektiv-mk1';
+
    font-family: 'objektiv-mk1';
font-weight: 600;
+
    font-weight: 400;
font-size: 115%;
+
    font-size: 115%;
}
+
  }
  
.requirements-subtitle {
+
  .requirements-subtitle {
font-family: 'objektiv-mk1';
+
    font-family: 'objektiv-mk1';
font-weight: 600;
+
    font-weight: 400;
font-size: 112%;
+
    font-size: 112%;
}
+
  }
  
.requirements-description {
+
  .requirements-description {
font-family: 'objektiv-mk1';
+
    font-family: 'objektiv-mk1';
font-size: 90%;
+
    font-size: 90%;
}
+
  }
  
.container {
+
  .container {
width: 100% !important;
+
    width: 100% !important;
}
+
  }
  
.sub-container {
+
  .sub-container {
  margin-left: 5px;
+
      margin-left: 5px;
  width: 100%;
+
      width: 100%;
  }
+
    }
  
  .proj-button-desc {
+
    .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       opacity: 1;
 
       opacity: 1;
Line 686: Line 691:
  
 
   .overlap-button-text {
 
   .overlap-button-text {
  background-color: transparent;
+
    background-color: transparent;
  color: black;
+
    color: black;
  font-size: 8px;
+
    font-size: 8px;
  font-family: "Objektiv-mk1" !important;
+
    font-family: "Objektiv-mk1" !important;
  font-weight: 600 !important;
+
    font-weight: 400 !important;
  padding: 16px 32px;
+
    padding: 16px 32px;
 
   }
 
   }
 
}
 
}
Line 697: Line 702:
 
@media (max-width: 330px) {
 
@media (max-width: 330px) {
  
.proj-button-desc {
+
  .proj-button-desc {
 
       transition: .5s ease;
 
       transition: .5s ease;
 
       opacity: 1;
 
       opacity: 1;
Line 715: Line 720:
 
<script type="text/javascript">
 
<script type="text/javascript">
  
// $("button").click(function() {
+
// $("button").click(function() {
//     $('html,body').animate({
+
//     $('html,body').animate({
//         scrollTop: $("#bronze").offset().top},'slow');
+
//         scrollTop: $("#bronze").offset().top},'slow');
 
// });
 
// });
  
$('a.medal_image_button').click(function () {
+
  $('a.medal_image_button').click(function () {
 
         $('html, body').animate({scrollTo: 700}, 11700);
 
         $('html, body').animate({scrollTo: 700}, 11700);
 
           return false;
 
           return false;
Line 734: Line 739:
  
 
<div class="container">
 
<div class="container">
<div class="row">
+
  <div class="row">
<div class="title_image_box">
+
    <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="button1" style="background: url(https://static.igem.org/mediawiki/2017/7/7f/Bronze_medal.png); width: 20%;"></button> -->
<!-- <button type="button">bronze button</button> -->
+
  <!-- <button type="button">bronze button</button> -->
<!-- <a href="#" class="medal_image_button"> -->
+
  <!-- <a href="#" class="medal_image_button"> -->
<a href="#bronze" class="medal">
+
    <a href="#bronze" class="medal">
<img src="https://static.igem.org/mediawiki/2017/7/7f/Bronze_medal.png" class="medal_image_button">
+
      <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="proj-button-desc">
<div class="overlap-button-text">BRONZE</div>
+
          <div class="overlap-button-text">BRONZE</div>
</div>
+
        </div>
</a>
+
    </a>
  
<a href="#silver" class="medal">
+
    <a href="#silver" class="medal">
<img src="https://static.igem.org/mediawiki/2017/9/94/Silver_medal.png" class="medal_image_button">
+
      <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="proj-button-desc">
<div class="overlap-button-text">SILVER</div>
+
          <div class="overlap-button-text">SILVER</div>
</div>
+
        </div>
</a>
+
    </a>
  
<a href="#gold" class="medal">
+
    <a href="#gold" class="medal">
<img src="https://static.igem.org/mediawiki/2017/7/76/Gold_medal.png" class="medal_image_button">
+
      <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="proj-button-desc">
<div class="overlap-button-text">GOLD</div>
+
          <div class="overlap-button-text">GOLD</div>
</div>
+
        </div>
</a>
+
    </a>
</div>
+
  </div>
</div>
+
  </div>
 
</div>
 
</div>
  
Line 774: Line 779:
 
</div>
 
</div>
 
<div class="page" style="background: #f08b38;">
 
<div class="page" style="background: #f08b38;">
<h2><b>B R O N Z E</b> REQUIREMENTS</h2>
+
  <h2><b>B R O N Z E</b> REQUIREMENTS</h2>
<br>
+
  <br>
  
<div class="container">
+
  <div class="container">
<div class="row no-gutters">
+
    <div class="row no-gutters">
<div class="col-sm-1">
+
      <div class="col-sm-1">
<div class="checkmark-box">
+
        <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
+
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
</div>
+
        </div>
</div>
+
      </div>
<div class="col-sm-10">
+
      <div class="col-sm-10">
<span class="requirement-title">Register for iGEM</span>
+
        <span class="requirement-title">Register for iGEM</span>
</div>
+
      </div>
</div>
+
    </div>
<ul>
+
    <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>
+
    <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>
+
    </ul>
+
 
</div>
+
  </div>
 
<br>
 
<br>
<div class="container">
+
  <div class="container">
<div class="row no-gutters">
+
    <div class="row no-gutters">
<div class="col-sm-1">
+
      <div class="col-sm-1">
<div class="checkmark-box">
+
        <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
+
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
</div>
+
        </div>
</div>
+
      </div>
<div class="col-sm-10">
+
      <div class="col-sm-10">
<span class="requirement-title">Meet all Competition Deliverables</span>
+
        <span class="requirement-title">Meet all Competition Deliverables</span>
</div>
+
      </div>
</div>
+
    </div>
 
<br>
 
<br>
<div class="sub-container">
+
    <div class="sub-container">
<div class="row no-gutters">
+
      <div class="row no-gutters">
<div class="col-sm-1">
+
        <div class="col-sm-1">
<div class="checkmark-box">
+
          <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;">
+
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;">
</div>
+
          </div>
</div>
+
        </div>
<div class="col-sm-9">
+
        <div class="col-sm-9">
<span class="requirements-subtitle">Complete the Team Wiki</span>
+
          <span class="requirements-subtitle">Complete the Team Wiki</span>
</div>
+
        </div>
</div>
+
      </div>
<div class="sub-container">
+
      <div class="sub-container">
<ul>
+
        <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 of any size! Just like the rest of our project, we always aim to improve accessibility.</li>
+
        <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>
+
        </ul>
</div>
+
      </div>
 
<br>
 
<br>
  
<div class="row no-gutters">
+
      <div class="row no-gutters">
<div class="col-sm-1">
+
        <div class="col-sm-1">
<div class="checkmark-box">
+
          <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
+
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
</div>
+
          </div>
</div>
+
        </div>
<div class="col-sm-9">
+
        <div class="col-sm-9">
<span class="requirements-subtitle">Project Attributions</span>
+
          <span class="requirements-subtitle">Project Attributions</span>
</div>
+
        </div>
</div>
+
      </div>
<div class="sub-container">
+
      <div class="sub-container">
<ul>
+
        <ul>
<li><span class="requirements-description">Check out our attributions page <a href="https://2017.igem.org/Team:UCSC/Attributions">here</a> to learn more about the help we received along the way!</span></li>
+
        <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>
+
        </ul>
</div>
+
      </div>
 
<br>
 
<br>
  
<div class="row no-gutters">
+
      <div class="row no-gutters">
<div class="col-sm-1">
+
        <div class="col-sm-1">
<div class="checkmark-box">
+
          <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
+
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
</div>
+
          </div>
</div>
+
        </div>
<div class="col-sm-9">
+
        <div class="col-sm-9">
<span class="requirements-subtitle">Team Poster</span>
+
          <span class="requirements-subtitle">Team Poster</span>
</div>
+
        </div>
</div>
+
      </div>
<div class="sub-container">
+
      <div class="sub-container">
<ul>
+
        <ul>
<li><span class="requirements-description">We have created our project poster and will be presenting it at the Giant Jamboree.</span></li>
+
        <li><span class="requirements-description">We have created our project poster and will be presenting it at the Giant Jamboree.</span></li>
</ul>
+
        </ul>
</div>
+
      </div>
  
 
<br>
 
<br>
<div class="row no-gutters">
+
      <div class="row no-gutters">
<div class="col-sm-1">
+
        <div class="col-sm-1">
<div class="checkmark-box">
+
          <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
+
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
</div>
+
          </div>
</div>
+
        </div>
<div class="col-sm-9">
+
        <div class="col-sm-9">
<span class="requirements-subtitle">Team Presentation</span>
+
          <span class="requirements-subtitle">Team Presentation</span>
</div>
+
        </div>
</div>
+
      </div>
<div class="sub-container">
+
      <div class="sub-container">
<ul>
+
        <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>
+
        <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>
+
        </ul>
</div>
+
      </div>
  
 
<br>
 
<br>
<div class="row no-gutters">
+
      <div class="row no-gutters">
<div class="col-sm-1">
+
        <div class="col-sm-1">
<div class="checkmark-box">
+
          <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
+
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
</div>
+
          </div>
</div>
+
        </div>
<div class="col-sm-9">
+
        <div class="col-sm-9">
<span class="requirements-subtitle">Safety Form</span>
+
          <span class="requirements-subtitle">Safety Form</span>
</div>
+
        </div>
</div>
+
      </div>
<div class="sub-container">
+
      <div class="sub-container">
<ul>
+
        <ul>
<li><span class="requirements-description">With the submission of our safety form, we complete this competition deliverable. You can find our safety page <a href="https://2017.igem.org/Team:UCSC/Safety">here!</a></span></li>
+
        <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>
+
        </ul>
</div>
+
      </div>
  
 
<br>
 
<br>
<div class="row no-gutters">
+
      <div class="row no-gutters">
<div class="col-sm-1">
+
        <div class="col-sm-1">
<div class="checkmark-box">
+
          <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
+
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
</div>
+
          </div>
</div>
+
        </div>
<div class="col-sm-9">
+
        <div class="col-sm-9">
<span class="requirements-subtitle">Judging Form</span>
+
          <span class="requirements-subtitle">Judging Form</span>
</div>
+
        </div>
</div>
+
      </div>
<div class="sub-container">
+
      <div class="sub-container">
<ul>
+
        <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.</span></li>
+
        <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>
+
        </ul>
</div>
+
      </div>
  
 
<br>
 
<br>
<div class="row no-gutters">
+
      <div class="row no-gutters">
<div class="col-sm-1">
+
        <div class="col-sm-1">
<div class="checkmark-box">
+
          <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
+
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
</div>
+
          </div>
</div>
+
        </div>
<div class="col-sm-9">
+
        <div class="col-sm-9">
<span class="requirements-subtitle">Registry Part Page</span>
+
          <span class="requirements-subtitle">Registry Part Page</span>
</div>
+
        </div>
</div>
+
      </div>
<div class="sub-container">
+
      <div class="sub-container">
<ul>
+
        <ul>
<li><span class="requirements-description">Our various registry parts have been fully documented and can be seen on our parts page <a href="https://2017.igem.org/Team:UCSC/Parts">here!</a></span></li>
+
        <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>
+
        </ul>
</div>
+
      </div>
  
 
<br>
 
<br>
<div class="row no-gutters">
+
      <div class="row no-gutters">
<div class="col-sm-1">
+
        <div class="col-sm-1">
<div class="checkmark-box">
+
          <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
+
          <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png" style="width: 85%;"">
</div>
+
          </div>
</div>
+
        </div>
<div class="col-sm-9">
+
        <div class="col-sm-9">
<span class="requirements-subtitle">Sample Submission</span>
+
          <span class="requirements-subtitle">Sample Submission</span>
</div>
+
        </div>
</div>
+
      </div>
<div class="sub-container">
+
      <div class="sub-container">
<ul>
+
        <ul>
<li><span class="requirements-description">DNA samples our our <a href="https://2017.igem.org/Team:UCSC/Parts">parts</a> have been submitted to the Registry to help make the Registry even more comprehensive for next year.</span></li>
+
        <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>
+
        </ul>
</div>
+
      </div>
</div>
+
    </div>
</div>
+
  </div>
  
<div class="container">
+
  <div class="container">
<div class="row no-gutters">
+
    <div class="row no-gutters">
<div class="col-sm-1">
+
      <div class="col-sm-1">
<div class="checkmark-box">
+
        <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
+
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
</div>
+
        </div>
</div>
+
      </div>
<div class="col-sm-10">
+
      <div class="col-sm-10">
<span class="requirement-title">Attribution</span>
+
        <span class="requirement-title">Attribution</span>
</div>
+
      </div>
</div>
+
    </div>
<ul>
+
    <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 our attributions page <a href="https://2017.igem.org/Team:UCSC/Attributions">here!</a></span></li>
+
    <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>
+
    </ul>
+
 
</div>
+
  </div>
  
 
<br>
 
<br>
<div class="container">
+
  <div class="container">
<div class="row no-gutters">
+
    <div class="row no-gutters">
<div class="col-sm-1">
+
      <div class="col-sm-1">
<div class="checkmark-box">
+
        <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
+
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
</div>
+
        </div>
</div>
+
      </div>
<div class="col-sm-10">
+
      <div class="col-sm-10">
<span class="requirement-title">Contribution</span>
+
        <span class="requirement-title">Contribution</span>
</div>
+
      </div>
</div>
+
    </div>
<ul>
+
    <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 our InterLab page <a href="https://2017.igem.org/Team:UCSC/InterLab">here!</a></span></li>
+
    <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>
+
    </ul>
  
 
<div id="silver"></div>
 
<div id="silver"></div>
  
</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 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;">
Line 985: Line 990:
  
 
<div class="page" style="background: #c2c2c2">
 
<div class="page" style="background: #c2c2c2">
<h2><b>S I L V E R</b> REQUIREMENTS</h2>
+
  <h2><b>S I L V E R</b> REQUIREMENTS</h2>
<br>
+
  <br>
  
<div class="container">
+
  <div class="container">
<div class="row no-gutters">
+
    <div class="row no-gutters">
<div class="col-sm-1">
+
      <div class="col-sm-1">
<div class="checkmark-box">
+
        <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
+
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
</div>
+
        </div>
</div>
+
      </div>
<div class="col-sm-10">
+
      <div class="col-sm-10">
<span class="requirement-title">Validated Part</span>
+
        <span class="requirement-title">Validated Part</span>
</div>
+
      </div>
</div>
+
    </div>
<ul>
+
    <ul>
<li><span class="requirements-description">The validation of our own part is not only a facinating component of our project, but is also crucial for the synthesis of the essential medicine, acetaminophen. Take a look at how we <a href="https://2017.igem.org/Team:UCSC/Acetaminophen">validated our part in <i>E. coli.</i></a></span></li>
+
    <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>
+
    </ul>
+
 
</div>
+
  </div>
  
  
 
<br>
 
<br>
<div class="container">
+
  <div class="container">
<div class="row no-gutters">
+
    <div class="row no-gutters">
<div class="col-sm-1">
+
      <div class="col-sm-1">
<div class="checkmark-box">
+
        <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
+
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
</div>
+
        </div>
</div>
+
      </div>
<div class="col-sm-10">
+
      <div class="col-sm-10">
<span class="requirement-title">Collaboration</span>
+
        <span class="requirement-title">Collaboration</span>
</div>
+
      </div>
</div>
+
    </div>
<ul>
+
    <ul>
<li><span class="requirements-description">Collaboration between laboratories across the world will always be an essential component for the advancement of the scientific community. Check out our <a href="https://2017.igem.org/Team:UCSC/Collaborations">collaborations</a> page to learn more about how we worked with other iGEM teams.</span></li>
+
    <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>
+
    </ul>
+
 
</div>
+
  </div>
  
  
 
<br>
 
<br>
<div class="container">
+
  <div class="container">
<div class="row no-gutters">
+
    <div class="row no-gutters">
<div class="col-sm-1">
+
      <div class="col-sm-1">
<div class="checkmark-box">
+
        <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
+
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
</div>
+
        </div>
</div>
+
      </div>
<div class="col-sm-10">
+
      <div class="col-sm-10">
<span class="requirement-title">Human Practices Silver</span>
+
        <span class="requirement-title">Human Practices Silver</span>
</div>
+
      </div>
</div>
+
    </div>
<ul>
+
    <ul>
<li><span class="requirements-description">Engaging in our community and outreaching to regions around the world dramatically helped shape our project. Here at UC Santa Cruz, we care strongly 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>
+
    <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>
+
    </ul>
  
 
<div id="gold"></div>
 
<div id="gold"></div>
  
</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 class="color-change-box" style="background:  -webkit-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(255,194,41,1) 100%); height: 200px;">
Line 1,049: Line 1,054:
  
 
<div class="page" style="background: #ffc229">
 
<div class="page" style="background: #ffc229">
<h2><b>G O L D</b> REQUIREMENTS</h2>
+
  <h2><b>G O L D</b> REQUIREMENTS</h2>
<br>
+
  <br>
  
<div class="container">
+
  <div class="container">
<div class="row no-gutters">
+
    <div class="row no-gutters">
<div class="col-sm-1">
+
      <div class="col-sm-1">
<div class="checkmark-box">
+
        <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
+
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
</div>
+
        </div>
</div>
+
      </div>
<div class="col-sm-10">
+
      <div class="col-sm-10">
<span class="requirement-title">Integrated Human Practices</span>
+
        <span class="requirement-title">Integrated Human Practices</span>
</div>
+
      </div>
</div>
+
    </div>
<ul>
+
    <ul>
<li><span class="requirements-description">We place an enormous emphasis identifying real world problems before we delve into potential solutions using synthetic biology. Before we began our project, we conducted meaningful outreach to some of our target locations around the world. With this, through synthetic biology and metabolic engineering, our project became focused on alleviating real problems that had been expressed by real health care practitioners. To learn more about how human practices has been integrated into our project, click <a href="https://2017.igem.org/Team:UCSC/HP/Gold_Integrated">here!</a></span></li>
+
    <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>
+
    </ul>
+
 
</div>
+
  </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>
 
<br>
<div class="container">
+
  <div class="container">
<div class="row no-gutters">
+
    <div class="row no-gutters">
<div class="col-sm-1">
+
      <div class="col-sm-1">
<div class="checkmark-box">
+
        <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
+
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
</div>
+
        </div>
</div>
+
      </div>
<div class="col-sm-10">
+
      <div class="col-sm-10">
<span class="requirement-title">Demonstrate Our Work</span>
+
        <span class="requirement-title">Improve a Previous Part</span>
</div>
+
      </div>
</div>
+
    </div>
<ul>
+
    <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 in when applied in a biological system. Check out how <a href="https://2017.igem.org/Team:UCSC/Demonstrate">we demonstrated our work!</a></li>
+
    <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>
+
    </ul>
+
 
</div>
+
  </div>
  
  
 
<br>
 
<br>
<div class="container">
+
  <div class="container">
<div class="row no-gutters">
+
    <div class="row no-gutters">
<div class="col-sm-1">
+
      <div class="col-sm-1">
<div class="checkmark-box">
+
        <div class="checkmark-box">
<img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
+
        <img src="https://static.igem.org/mediawiki/2017/5/5a/Checkmark.png">
</div>
+
        </div>
</div>
+
      </div>
<div class="col-sm-10">
+
      <div class="col-sm-10">
<span class="requirement-title">Modeling</span>
+
        <span class="requirement-title">Modeling</span>
</div>
+
      </div>
</div>
+
    </div>
<ul>
+
    <ul>
<li><span class="requirements-description">Modeling product yield is an integral component of our project. Without it, the applicability of our project becomes undermined. Modeling not only allows one to predict the yield of a desired product, but also to optimize growth conditions to maximize product in a given amount of time. Take a look at our <a href="https://2017.igem.org/Team:UCSC/Model">modeling for acetaminophen and vitamin B<sub>12</sub></a> product yield.</span></li>
+
    <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>
+
    </ul>
+
 
</div>
+
  </div>
 
</div>
 
</div>
  

Latest revision as of 03:56, 2 November 2017

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