Difference between revisions of "Team:UCSC/Collaborations"

 
(19 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
<script>try{Typekit.load({ async: true });}catch(e){}</script>
 
<script>try{Typekit.load({ async: true });}catch(e){}</script>
  
<style type="text/css">
+
<style>
 +
 
 +
.metabolic-pathway {
 +
  margin: auto;
 +
  background: honeydew;
 +
  width: 100%;
 +
}
  
 
h1 {
 
h1 {
font-family: "objektiv-mk1" !important;
+
  font-family: 'objektiv-mk1'!important;
font-style: normal !important;
+
  font-size: 300%; /*!important*/
font-weight: 300 !important;
+
  font-weight: 300 !important;
        font-size: 275% !important;
+
    width: 90%;
text-align: center;
+
        width: 90%;
+
 
}
 
}
  
h2{
+
h2 {
font-family: "objektiv-mk1" !important;
+
  font-family: 'objektiv-mk1' !important;
font-style: normal !important;
+
  font-size: 200%;
font-weight: 300 !important;
+
  font-weight: 300;
        font-size: 200% !important;
+
text-align: left;  
+
 
}
 
}
  
p{  
+
h3 {
font-family: "objektiv-mk1" !important;
+
  font-family: 'objektiv-mk1' !important;
font-style: normal !important;
+
  font-size: 120%;
        font-size: 100% !important;
+
  font-weight: 200;
        font-weight: 300 !important;
+
        width: 75% !important;
+
 
}
 
}
  
      .page{
+
#page {
background-color: honeydew;
+
  background: honeydew;
}
+
}
  
  .titleimg {
+
.proj-button {
    vertical-align: middle;
+
    position: relative;
     width: 20%;
+
    width: 25%;
 +
    text-decoration: none !important;
 +
}
 +
 
 +
.proj-button-image {
 +
  opacity: 1;
 +
  display: inline-block;
 +
  width: 30%;
 +
  height: auto;
 +
  transition: .5s ease;
 +
  backface-visibility: hidden;
 +
}
 +
 
 +
.proj-button-image-solo {
 +
  opacity: 1;
 +
  display: inline-block;
 +
  width: 35%;
 +
  height: auto;
 +
  transition: .5s ease;
 +
  backface-visibility: hidden;
 +
}
 +
 
 +
.proj-button-desc {
 +
  transition: .5s ease;
 +
  opacity: 0;
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 50%;
 +
  background: transparent;
 +
  transform: translate(-50%, -50%);
 +
  -ms-transform: translate(-50%, -50%)
 +
}
 +
 
 +
.overlap-button-text {
 +
  background-color: transparent;
 +
  color: black;
 +
  font-size: 20px;
 +
  font-family: "Objektiv-mk1" !important;
 +
  font-weight: 600 !important;
 +
  padding: 16px 32px;
 +
}
 +
 
 +
.proj-button:hover .proj-button-image {
 +
  opacity: 0.3;
 +
}
 +
 
 +
.proj-button:hover .proj-button-image-solo {
 +
  opacity: 0.3;
 +
}
 +
 
 +
.proj-button:hover .proj-button-desc {
 +
  opacity: 0.6;
 +
}
 +
 
 +
.overlap-button-text {
 +
  background-color: transparent;
 +
  color: black;
 +
  font-size: 20px;
 +
  font-family: "Objektiv-mk1" !important;
 +
  font-weight: 600 !important;
 +
  padding: 16px 32px;
 +
}
 +
 
 +
.text {
 +
  background-color: transparent;
 +
  color: black;
 +
  font-size: 20px;
 +
  padding: 16px 32px;
 +
}
 +
 
 +
.paragraph-left {
 +
  font-family: 'objektiv-mk1' !important;
 +
  font-size: 18px;
 +
  text-align: left;
 +
  vertical-align: middle;
 +
}
 +
 
 +
p {
 +
  font-family: 'objektiv-mk1' !important;
 +
/* margin-left: 200px !important;
 +
  margin-right: 200px !important;*/
 +
  font-size: large !important;
 +
}
 +
 
 +
.firstword {
 +
  font-family: 'objektiv-mk1' !important;
 +
  font-size: 65px;
 +
}
 +
.quote {
 +
  font-family: 'objektiv-mk1' !important;
 +
  font-style: italic !important;
 +
  font-size: 28px;
 +
  line-height: 130%;
 +
}
 +
 
 +
.quote-person {
 +
  font-family: 'objektiv-mk1' !important;
 +
  font-size: 22px;
 +
  width: 100% !important;
 +
  text-align: right !important;
 +
  padding-right: 80px !important;
 +
}
 +
 
 +
.titleimg {
 +
  vertical-align: middle;
 +
  width: 25%;
 +
  padding-left: 10px;
 +
}
 +
 
 +
.titleimg-medal {
 +
  vertical-align: middle;
 +
  width: 14%;
 +
  padding-right: 10px;
 +
}
 +
 
 +
.titlebox {
 +
  margin-left: 0px !important;
 +
}
 +
 
 +
.reference-list {
 +
  font-family: 'objektiv-mk1';
 +
  font-size: 12px;
 +
  text-align: left;
 +
  list-style-type: none;
 +
  line-height: 100%;
 +
  margin-bottom: 80px;
 +
}
 +
 
 +
.reference-italic {
 +
  font-family: 'objektiv-mk1';
 +
  font-size: 12px;
 +
  font-style: italic;
 +
}
 +
 
 +
figcaption {
 +
  font-family: 'objektiv-mk1';
 +
  font-style: italic;
 +
  font-size: 13px;
 +
}
 +
 
 +
.diagram-image-right-1 {
 +
  width: 35%;
 +
  padding-left: 30px;
 +
  float: right;
 +
  text-align: center;
 +
  font-family: 'objektiv-mk1';
 +
  padding-bottom: 15px;
 +
  padding-top: 30px;
 +
}
 +
 
 +
.diagram-image-right-2 {
 +
  width: 45%;
 +
  padding-left: 30px;
 +
  float: right;
 +
  text-align: center;
 +
  font-family: 'objektiv-mk1';
 +
  padding-bottom: 5px;
 +
}
 +
 
 +
.diagram-image-left-1 {
 +
  width: 35%;
 +
  padding-right: 30px;
 +
  float: left;
 +
  text-align: center;
 +
  font-family: 'objektiv-mk1';
 +
  padding-bottom: 15px;
 +
  padding-top: 30px;
 +
}
 +
 
 +
.diagram-image-left-2 {
 +
  width: 52%;
 +
  padding-right: 30px;
 +
  float: left;
 +
  text-align: center;
 +
  font-family: 'objektiv-mk1';
 +
  padding-bottom: 5px;
 +
  padding-top: 15px;
 +
}
 +
 
 +
.diagram-image-center-large-1 {
 +
  width: 140%;
 +
  align-content: center;
 +
  text-align: center;
 +
  font-family: 'objektiv-mk1';
 +
  padding-bottom: 15px;
 +
  padding-top: 15px;
 +
  margin-left: -200px;
 +
     margin-right: -200px;
 +
}
 +
 
 +
 
 +
@media (min-width: 1144px) {
 +
  .container {
 +
      width: 100% !important;
 +
    }
 +
 
 +
  .text-container {
 +
    width: 70%;
 +
    padding-left: 15px;
 +
    padding-right: 15px;
 +
  }
 +
 
 +
  .titlebox {
 +
    width: 80%;
 +
  }
 +
 
 +
  figcaption {
 +
    font-size: 16px;
 +
  }
 +
}
 +
 
 +
@media (max-width: 1144px) {
 +
 
 +
    .titlebox {
 +
      margin-left: auto !important;
 +
    }
 +
 
 +
  p {
 +
    font-family: 'objektiv-mk1' !important;
 +
    margin-left: 10px !important;
 +
    margin-right: 10px !important;
 +
    font-size: medium !important;
 +
  }
 +
 
 +
  .quote {
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-style: italic !important;
 +
    font-size: 26px;
 +
  }
 +
 
 +
  .quote-person {
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-size: 20px;
 +
    width: 100%;
 +
    text-align: right;
 +
    padding-right: 80px !important;
 +
  }
 +
 
 +
  .metabolic-pathway {
 +
      margin: auto;
 +
      background: honeydew;
 +
      width: 100%;
 +
  }
 +
 
 +
  .container {
 +
    width: 80% !important;
 +
    padding-left: 0px !important;
 +
    padding-right: 0px !important;
 +
  }
 +
 
 +
  .text-container {
 +
    width: 80%;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
  }
 +
 
 +
  figcaption {
 +
    font-size: 14px;
 +
  }
 +
 
 +
  .diagram-image-center-large-1 {
 +
    width: 120%;
 +
    align-content: center;
 +
    text-align: center;
 +
    font-family: 'objektiv-mk1';
 +
    padding-bottom: 15px;
 +
    padding-top: 15px;
 +
    margin-left: -200px;
 +
      margin-right: -200px;
 +
    }
 +
}
 +
 
 +
@media (max-width: 992px) {
 +
  .proj-button-image-solo {
 +
      opacity: 1;
 +
      display: inline-block;
 +
      width: 30%;
 +
      height: auto;
 +
      transition: .5s ease;
 +
      backface-visibility: hidden;
 +
    }
 +
 
 +
    .diagram-image-center-large-1 {
 +
    width: 120%;
 +
    align-content: center;
 +
    text-align: center;
 +
    font-family: 'objektiv-mk1';
 +
    padding-bottom: 15px;
 +
    padding-top: 15px;
 +
    margin-left: -100px;
 +
      margin-right: -100px;
 +
    }
 +
}
 +
 
 +
@media (max-width: 768px) {
 +
  .proj-button-image {
 +
      opacity: 1;
 +
      display: inline-block;
 +
      width: 32%;
 +
      height: auto;
 +
      transition: .5s ease;
 +
      backface-visibility: hidden;
 +
    }
 +
 
 +
    .proj-button-image-solo {
 +
      opacity: 1;
 +
      display: inline-block;
 +
      width: 15%;
 +
      height: auto;
 +
      transition: .5s ease;
 +
      backface-visibility: hidden;
 +
    }
 +
 
 +
    .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 1;
 +
      position: absolute;
 +
      top: 100%;
 +
      left: 50%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
 
 +
    .diagram-image-right-1 {
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
    font-size: 65%;
 +
    line-height: 1.5;
 +
}
 +
 
 +
  .diagram-image-left-1 {
 +
    padding-right: 10px;
 +
    padding-left: 10px;
 +
    font-size: 65%;
 +
    line-height: 1.5;
 +
}
 +
 
 +
  .diagram-image-right-2 {
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
    font-size: 65%;
 +
    line-height: 1.5;
 +
}
 +
 
 +
  .diagram-image-left-2 {
 +
    padding-right: 10px;
 +
    padding-left: 10px;
 +
    font-size: 65%;
 +
    line-height: 1.5;
 +
}
 +
 
 +
  .diagram-image-center-large-1 {
 +
    width: 100%;
 +
    align-content: center;
 +
    text-align: center;
 +
    font-family: 'objektiv-mk1';
 +
    padding-bottom: 15px;
 +
    padding-top: 15px;
 +
    font-size: 65%;
 +
    line-height: 1.5;
 +
  }
 +
 
 +
  .overlap-button-text {
 +
    background-color: rgba(94, 94, 94, 0.4);
 +
    border-radius: 60px;
 +
    color: white;
 +
  }
 +
 
 +
  h1 {
 +
      font-family: 'objektiv-mk1'; /*!important*/
 +
      font-size: 220%; /*!important*/
 +
      width: 80%;
 +
  }
 +
 
 +
    h2 {
 +
      font-family: 'objektiv-mk1'; /*!important*/
 +
      font-size: 20px; /*!important*/
 +
  }
 +
 
 +
  h3 {
 +
    font-size: 80% !important;
 +
  }
 +
 
 +
  .quote {
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-style: italic !important;
 +
    font-size: 20px;
 +
  }
 +
 
 +
  .quote-person {
 +
    width: 100%;
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-size: 16px;
 +
    text-align: right !important;
 +
    padding-right: 20px !important;
 +
  }
 +
 
 +
  .text-container {
 +
    width: 82%;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
  }
 +
 
 +
  figcaption {
 +
    font-size: 14px;
 +
    line-height: 140%;
 +
  }
 +
 
 +
  .reference-list {
 +
    font-family: 'objektiv-mk1';
 +
    font-size: 12px;
 +
    text-align: left;
 +
    list-style-type: none;
 +
    line-height: 100%;
 +
    margin-bottom: 80px;
 +
    margin-right: -70px;
 +
    margin-left: -70px;
 +
  }
 +
 
 +
  .diagram-image {
 +
    width: 100%;
 +
    padding-left: 0px;
 +
  }
 +
}
 +
/*  p {
 +
    margin-left: 10px !important;
 +
    margin-right: 10px !important;
 
   }
 
   }
 +
}*/
  
 
@media (max-width: 576px) {
 
@media (max-width: 576px) {
Line 46: Line 473:
 
       opacity: 1;
 
       opacity: 1;
 
       display: inline-block;
 
       display: inline-block;
       width: 60%;
+
       width: 50%;
 +
      height: auto;
 +
      transition: .5s ease;
 +
      backface-visibility: hidden;
 +
    }
 +
 
 +
    .proj-button-image-solo {
 +
      opacity: 1;
 +
      display: inline-block;
 +
      width: 50%;
 
       height: auto;
 
       height: auto;
 
       transition: .5s ease;
 
       transition: .5s ease;
Line 60: Line 496:
 
       transform: translate(-50%, -50%);
 
       transform: translate(-50%, -50%);
 
       -ms-transform: translate(-50%, -50%)
 
       -ms-transform: translate(-50%, -50%)
 +
  }
 +
 +
    .overlap-button-text {
 +
    background-color: rgba(94, 94, 94, 0.5);
 +
    border-radius: 60px;
 +
    color: white;
 +
    font-size: 12px;
 +
  }
 +
 +
  .firstword {
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-size: 40px;
 
   }
 
   }
  
 
   .titleimg {
 
   .titleimg {
 
     vertical-align: middle;
 
     vertical-align: middle;
     width: 60%;
+
     width: 40%;
 +
    padding-left: 5px;
 
   }
 
   }
 +
 +
  .titleimg-medal {
 +
  vertical-align: middle;
 +
  width: 30%;
 +
  padding-right: 5px;
 +
}
  
 
   p {
 
   p {
     font-family: 'Objektiv-mk1' !important;
+
     font-family: 'objektiv-mk1' !important;
 +
    margin-left: 10px !important;
 +
    margin-right: 10px !important;
 
     font-size: small !important;
 
     font-size: small !important;
 
   }
 
   }
  
  h1 {
+
  h1 {
      font-family: 'Objektiv-mk1' !important;
+
    font-size: 140%;
      font-weight: 300 !important;
+
  }
      font-size: 150%;
+
      width: 90%;
+
    }
+
}
+
  
</style>
+
  .quote {
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-style: italic !important;
 +
    font-size: 17px;
 +
  }
  
<div class="page">
+
  .quote-person {
 +
    width: 60% !important;
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-size: 12px;
 +
    text-align: right !important;
 +
    margin-right: -120px !important;
 +
  }
  
<center><img class="titleimg" src="https://static.igem.org/mediawiki/2017/e/ef/Puzzle.png"></center>
+
  .paragraph-left {
<h1>COLLABORATIONS</h1><br>
+
    font-size: 13px;
 +
    line-height: 170%;
 +
  }
  
</div>
+
  .text-container {
</html>
+
    width: 85%;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
  }
  
{{UCSC-Footer}}
+
  .metabolic-pathway {
 +
      margin: auto;
 +
      background: honeydew;
 +
      width: 110%;
 +
      margin-left: -20px;
 +
      margin-right: -20px;
 +
  }
  
<!-- <html>
+
  figcaption {
 +
    font-size: 12px;
 +
    line-height: 130%;
 +
  }
  
 +
  .reference-list {
 +
    font-family: 'objektiv-mk1';
 +
    font-size: 12px;
 +
    text-align: left;
 +
    list-style-type: none;
 +
    line-height: 100%;
 +
    margin-bottom: 80px;
 +
    margin-right: -50px;
 +
    margin-left: -50px;
 +
  }
 +
}
  
 +
@media (max-width: 400px) {
 +
  .quote {
 +
    font-size: 15px;
 +
  }
 +
}
  
<div class="clear"></div>
 
  
<div class="column full_size">
+
</style>
  
<h1>Collaborations</h1>
+
<body style="background-color: honeydew;">
 +
<div id="page">
 +
<center>
 +
<br>
 +
<br>
  
<p>
+
<img class="titleimg" src="https://static.igem.org/mediawiki/2017/e/ef/Puzzle.png" alt="http://clipart-library.com/puzzle-pieces.html">
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
</p>
+
<h3>Silver Medal Criterion #2</h3>
+
<p>
+
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2017.igem.org/Judging/Medals">2017 Medals Page</a> for more information.  
+
</p>
+
  
<div class="column half_size">
+
<h1>COLLABORATIONS</h1>
  
<h4> Which other teams can we work with? </h4>
+
<br>
<p>
+
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
</p>
+
  
<p>
 
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
 
</p>
 
  
</div>
+
<div class="text-container">
  
 +
    <div class="diagram-image-right-1">
 +
        <img src="https://upload.wikimedia.org/wikipedia/en/thumb/4/44/University_of_California%2C_San_Diego_seal.svg/1200px-University_of_California%2C_San_Diego_seal.svg.png" style="width: 100%;">
 +
    </div>
 +
    <h2 style="text-align: left; font-weight: 500;">University of California, San Diego</h2>
  
 +
<br>
  
<div class="column half_size">
+
      <p>The UC San Diego iGEM team provided us with a starting culture of <i>Synechococcus elongatus</i> PCC 7942, BG-11 media, pAM2991, and two flask covers for starting a culture of the cyanobacteria. In addition, they provided us with a plasmid map for pAM2991, transformation protocol for <i>S. elongatus</i> 7942, a protocol for making BG-11 media, and information on Cyano Growth. They also provided us with advice on growing and maintaining <i>S. elongatus</i> 7942 over the duration of the project.</p>
<p>
+
Here are some suggestions for projects you could work on with other teams:
+
</p>
+
  
<ul>
+
      <br>
<li> Improve the function of another team's BioBrick Part or Device</li>
+
      <br>
<li> Characterize another team's part </li>
+
<li> Debug a construct </li>
+
<li> Model or simulating another team's system </li>
+
<li> Test another team's software</li>
+
<li> Help build and test another team's hardware project</li>
+
<li> Mentor a high-school team</li>
+
</ul>
+
</div>
+
  
 +
      <p>We provided UC San Diego with advice on how to fund their team by sharing information about funding methods and resources and our experiences with funding.</p>
  
</html> -->
+
 
 +
    <div class="diagram-image-left-1">
 +
        <img src="https://static.igem.org/mediawiki/2017/8/85/Greekom_logo.png" style="width: 100%;">
 +
    </div>
 +
    <h2 style="text-align: left; font-weight: 500;">iGEM Greece</h2>
 +
 
 +
<br>
 +
 
 +
      <p>Completed a survey as a part of their collaborative risk assessment and large-scale human practices campaign.</p>
 +
 
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
 
 +
</div>
 +
</html>
 +
{{UCSC-Footer}}

Latest revision as of 04:34, 1 November 2017



http://clipart-library.com/puzzle-pieces.html

COLLABORATIONS


University of California, San Diego


The UC San Diego iGEM team provided us with a starting culture of Synechococcus elongatus PCC 7942, BG-11 media, pAM2991, and two flask covers for starting a culture of the cyanobacteria. In addition, they provided us with a plasmid map for pAM2991, transformation protocol for S. elongatus 7942, a protocol for making BG-11 media, and information on Cyano Growth. They also provided us with advice on growing and maintaining S. elongatus 7942 over the duration of the project.



We provided UC San Diego with advice on how to fund their team by sharing information about funding methods and resources and our experiences with funding.

iGEM Greece


Completed a survey as a part of their collaborative risk assessment and large-scale human practices campaign.