Difference between revisions of "Team:UCSC/Judging"

Line 1: Line 1:
{{:Team:UCSC/NavBar}}
+
{{:Team:UCSC/NavBar-2}}
  
 
<html>
 
<html>
<head>
 
</head>
 
<body>
 
  
   <div class="header-image" id="header_image_attributions" style="background-image: url(https://static.igem.org/mediawiki/2018/6/60/T--UCSC--Page_In_Progress.png); background-position: 50% 50%">
+
<style>
     <p class="header-title" style="top:50%;left:50%">
+
 
 +
.buttonnotebook10 {
 +
    background-color: #464646;
 +
    color: white;
 +
    padding: 18px 20px;
 +
    width: 33.333%;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    display: inline-block;
 +
    font-size: 16px;
 +
    -webkit-transition-duration: 0.4s; /* Safari */
 +
    transition-duration: 0.4s;
 +
    cursor: pointer;
 +
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
 +
    float: left;
 +
    margin-bottom: 20px;
 +
}
 +
 
 +
.buttonnotebook10:hover {
 +
    background-color: #e91b63;
 +
}
 +
 
 +
.mimicH2 {
 +
  font-family: var(--main-txt-font) !important;
 +
  font-weight: 300 !important;
 +
  color: var(--main-txt-color) !important;
 +
  line-height: 1em;
 +
  letter-spacing: 0.075em;
 +
  font-size: 2em !important;
 +
}
 +
 
 +
</style>
 +
 
 +
<body style="overflow-x: visible;">
 +
<div class="content">
 +
 
 +
   <div class="header-image" id="header_image_attributions" style="background-image: url(https://static.igem.org/mediawiki/2018/9/9b/T--UCSC--Judging_Cover.jpg); background-position: 50% 50%">
 +
     <h1>
 
     Judging
 
     Judging
     </p>
+
     </h1>
    <p class="header-title-progress"> Page in Progress </p>
+
 
   </div>
 
   </div>
  
  
 +
 +
 +
<br>
  
 
   <div class="flex-row">
 
   <div class="flex-row">
 +
    <div class="flex-col">
 +
          <button style="margin-bottom:10vh" class="buttonnotebook10" onclick="openInfoBlock1('B', this, '#8C7853')" id="defaultOpen6">Bronze</button>
 +
          <button style="margin-bottom:10vh" class="buttonnotebook10" onclick="openInfoBlock1('S', this, '#a1a2a9')">Silver</button>
 +
          <button style="margin-bottom:10vh" class="buttonnotebook10" onclick="openInfoBlock1('G', this, '#CFB53B')">Gold</button>
 +
  
 
<!--  xxxxxxxxxxxxxxxxxxxxxxxxxx Bronze xxxxxxxxxxxxxxxxxxxxxxxx  -->
 
<!--  xxxxxxxxxxxxxxxxxxxxxxxxxx Bronze xxxxxxxxxxxxxxxxxxxxxxxx  -->
  
    <div class="flex-col" style="border-left: 3px solid #8C7853">
+
      <div id="B" class="buttoncontent" style="border-left: 3px solid #8C7853; padding-left:5vh">
      <p class="p-title" style="font-size:200% !important; color: #8C7853">Bronze Medal Requirements</p>
+
  
 
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Registered for Jamboree </p>
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Registered for the Jamboree </p>
+
 
       <p> Cheers! Hope to see every single iGEM team at this year's jamboree!</p>
 
       <p> Cheers! Hope to see every single iGEM team at this year's jamboree!</p>
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/7/76/T--UCSC--BlankCheck.png"> Wiki </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Wiki </p>
 
       <p> In Progress - you're looking at it! </p>
 
       <p> In Progress - you're looking at it! </p>
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/7/76/T--UCSC--BlankCheck.png"> Poster </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Poster </p>
 
       <p> In Progress </p>
 
       <p> In Progress </p>
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/7/76/T--UCSC--BlankCheck.png"> Presentation </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Presentation </p>
 
       <p> In Progress </p>
 
       <p> In Progress </p>
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/7/76/T--UCSC--BlankCheck.png"> Judging Form </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Judging Form </p>
 
       <p> In Progress </p>
 
       <p> In Progress </p>
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/7/76/T--UCSC--BlankCheck.png"> Attributions </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Attributions </p>
       <p> Check out our <a href="https://2018.igem.org/Team:UCSC/Attributions">Attributions page</a>!</p>
+
       <p>In Progress</p>
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/7/76/T--UCSC--BlankCheck.png"> Characterizing a Biobrick </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Characterizing a Biobrick </p>
 
       <p> In Progress </p>
 
       <p> In Progress </p>
    </div>
+
 
 +
      </div>
  
  
Line 49: Line 89:
 
<!--  xxxxxxxxxxxxxxxxxxxxxxxxxx Silver xxxxxxxxxxxxxxxxxxxxxxxx  -->
 
<!--  xxxxxxxxxxxxxxxxxxxxxxxxxx Silver xxxxxxxxxxxxxxxxxxxxxxxx  -->
  
    <div class="flex-col" style="border-left: 3px solid #a1a2a9">
+
        <div id="S" class="buttoncontent" style="border-left: 3px solid #a1a2a9; padding-left:5vh">
      <p class="p-title" style="font-size:200% !important; color: #a1a2a9">Silver Medal Requirements</p>
+
  
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/7/76/T--UCSC--BlankCheck.png"> New Biobrick </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> New Biobrick </p>
 
       <p> Learn more about our biobrick on our <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Innovations page.</a></p>
 
       <p> Learn more about our biobrick on our <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Innovations page.</a></p>
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Collaboration </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Collaboration </p>
 
       <p>We collaborated with several teams from around the world, including University of Minnesota and University of Montpellier, France. Check out our <a href="https://2018.igem.org/Team:UCSC/Collaborations">Collaborations page</a> to learn more! We also collaborated with a team outside of iGEM called ITESG. Check out our work with them on our <a href="https://2018.igem.org/Team:UCSC/Partnership">Partnership page.</a> </p>
 
       <p>We collaborated with several teams from around the world, including University of Minnesota and University of Montpellier, France. Check out our <a href="https://2018.igem.org/Team:UCSC/Collaborations">Collaborations page</a> to learn more! We also collaborated with a team outside of iGEM called ITESG. Check out our work with them on our <a href="https://2018.igem.org/Team:UCSC/Partnership">Partnership page.</a> </p>
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Human Practices (Silver) </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Human Practices (Silver) </p>
 
       <p> We contacted family members, friends, and representatives of the World Health Organization to discuss current issues with birth control. We sent out questionnaires to several grassroot organizations and advocacy groups around the world to gauge their interest in our product and learn about stigma, cost, and access issues. We also presented to local classes to teach them about iGEM and discuss potential ethical issues with our project. For more information, check out our <a href="https://2018.igem.org/Team:UCSC/Human_Practices">Human Practices page</a>!</p>
 
       <p> We contacted family members, friends, and representatives of the World Health Organization to discuss current issues with birth control. We sent out questionnaires to several grassroot organizations and advocacy groups around the world to gauge their interest in our product and learn about stigma, cost, and access issues. We also presented to local classes to teach them about iGEM and discuss potential ethical issues with our project. For more information, check out our <a href="https://2018.igem.org/Team:UCSC/Human_Practices">Human Practices page</a>!</p>
    </div>
 
  
 +
      </div>
  
  
<!--  xxxxxxxxxxxxxxxxxxxxxxxxxx Gold xxxxxxxxxxxxxxxxxxxxxxxx  -->
 
  
    <div class="flex-col" style="border-left: 3px solid #CFB53B">
+
<!--   xxxxxxxxxxxxxxxxxxxxxxxxxx Gold xxxxxxxxxxxxxxxxxxxxxxxx  -->
      <p class="p-title" style="font-size:200% !important; color: #CFB53B">Gold Medal Requirements</p>
+
  
 +
        <div id="G" class="buttoncontent" style="border-left: 3px solid #CFB53B; padding-left:5vh">
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/7/76/T--UCSC--BlankCheck.png"> Modeling </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Modeling </p>
 
       <p> Check out our modeling team's work on our <a href="https://2018.igem.org/Team:UCSC/Model">Modeling page.</a> </p>
 
       <p> Check out our modeling team's work on our <a href="https://2018.igem.org/Team:UCSC/Model">Modeling page.</a> </p>
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Integrated Human Practices </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Integrated Human Practices </p>
 
       <p> We took what we learned from our questionnaire and other outreach efforts to create a product tailored to our potential users. The women who returned questionnaires encouraged us to consider cost, location, and accessibility. We localized contraceptive production because we were informed that drugstores and hospitals are far away for women in rural areas. We will use discreet packaging for our product because women are worried about being seen using birth control in stigmatized areas. We are also researching ways to get our product to market in several countries by collaborating with Family Planning 2020.</p>
 
       <p> We took what we learned from our questionnaire and other outreach efforts to create a product tailored to our potential users. The women who returned questionnaires encouraged us to consider cost, location, and accessibility. We localized contraceptive production because we were informed that drugstores and hospitals are far away for women in rural areas. We will use discreet packaging for our product because women are worried about being seen using birth control in stigmatized areas. We are also researching ways to get our product to market in several countries by collaborating with Family Planning 2020.</p>
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/7/76/T--UCSC--BlankCheck.png"> Demonstration of our Work </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Demonstration of our work </p>
 
       <p> In Progress </p>
 
       <p> In Progress </p>
  
       <p class="p-title" style="font-size:125% !important"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/7/76/T--UCSC--BlankCheck.png"> Improving an Existing Biobrick </p>
+
       <p class="mimicH2"><img style="width:6%" src="https://static.igem.org/mediawiki/2018/d/d8/T--UCSC--Checkmark.png"> Improving an Existing Biobrick </p>
 
       <p> In Progress </p>
 
       <p> In Progress </p>
    </div>
 
  
 +
      </div>
 +
 +
    </div>
 
   </div>
 
   </div>
  
Line 91: Line 131:
  
 
</body>
 
</body>
 +
 +
<script>
 +
function openInfoBlock1(blockName,elmnt,color) {
 +
    var i, buttoncontent, buttonnotebook10;
 +
    buttoncontent = document.getElementsByClassName("buttoncontent");
 +
    for (i = 0; i < buttoncontent.length; i++) {
 +
        buttoncontent[i].style.display = "none";
 +
    }
 +
    buttonnotebook10 = document.getElementsByClassName("buttonnotebook10");
 +
    for (i = 0; i < buttonnotebook10.length; i++) {
 +
        buttonnotebook10[i].style.backgroundColor = "";
 +
    }
 +
    document.getElementById(blockName).style.display = "block";
 +
    elmnt.style.backgroundColor = color;
 +
 +
}
 +
// Get the element with id="defaultOpen6" and click on it
 +
document.getElementById("defaultOpen6").click();
 +
</script>
 +
 
</html>
 
</html>
  
 
{{:Team:UCSC/Footer}}
 
{{:Team:UCSC/Footer}}

Revision as of 18:56, 12 October 2018

Judging


Registered for Jamboree

Cheers! Hope to see every single iGEM team at this year's jamboree!

Wiki

In Progress - you're looking at it!

Poster

In Progress

Presentation

In Progress

Judging Form

In Progress

Attributions

In Progress

Characterizing a Biobrick

In Progress

New Biobrick

Learn more about our biobrick on our Innovations page.

Collaboration

We collaborated with several teams from around the world, including University of Minnesota and University of Montpellier, France. Check out our Collaborations page to learn more! We also collaborated with a team outside of iGEM called ITESG. Check out our work with them on our Partnership page.

Human Practices (Silver)

We contacted family members, friends, and representatives of the World Health Organization to discuss current issues with birth control. We sent out questionnaires to several grassroot organizations and advocacy groups around the world to gauge their interest in our product and learn about stigma, cost, and access issues. We also presented to local classes to teach them about iGEM and discuss potential ethical issues with our project. For more information, check out our Human Practices page!

Modeling

Check out our modeling team's work on our Modeling page.

Integrated Human Practices

We took what we learned from our questionnaire and other outreach efforts to create a product tailored to our potential users. The women who returned questionnaires encouraged us to consider cost, location, and accessibility. We localized contraceptive production because we were informed that drugstores and hospitals are far away for women in rural areas. We will use discreet packaging for our product because women are worried about being seen using birth control in stigmatized areas. We are also researching ways to get our product to market in several countries by collaborating with Family Planning 2020.

Demonstration of our work

In Progress

Improving an Existing Biobrick

In Progress