Difference between revisions of "Team:UCSC/Collaborations"

 
(36 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{UCSC}}
+
{{UCSC-Header}}
−
{{scroll}}
+
 
 
<html>
 
<html>
  
 +
<script src="https://use.typekit.net/hii0ztv.js"></script>
 +
<script>try{Typekit.load({ async: true });}catch(e){}</script>
  
−
<div class="column full_size judges-will-not-evaluate">
+
<style>
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
  
 +
.metabolic-pathway {
 +
  margin: auto;
 +
  background: honeydew;
 +
  width: 100%;
 +
}
  
 +
h1 {
 +
  font-family: 'objektiv-mk1'!important;
 +
  font-size: 300%; /*!important*/
 +
  font-weight: 300 !important;
 +
    width: 90%;
 +
}
  
 +
h2 {
 +
  font-family: 'objektiv-mk1' !important;
 +
  font-size: 200%;
 +
  font-weight: 300;
 +
}
  
 +
h3 {
 +
  font-family: 'objektiv-mk1' !important;
 +
  font-size: 120%;
 +
  font-weight: 200;
 +
}
  
−
<div class="clear"></div>
+
#page {
 +
  background: honeydew;
 +
}
  
−
<div class="column full_size">
+
.proj-button {
−
<h1>Collaborations</h1>
+
    position: relative;
 +
    width: 25%;
 +
    text-decoration: none !important;
 +
}
  
−
<p>
+
.proj-button-image {
−
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.
+
  opacity: 1;
−
</p>
+
  display: inline-block;
−
<h3>Silver Medal Criterion #2</h3>
+
  width: 30%;
−
<p>
+
  height: auto;
−
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.  
+
  transition: .5s ease;
−
</p>
+
  backface-visibility: hidden;
 +
}
  
−
<div class="column half_size">
+
.proj-button-image-solo {
 +
  opacity: 1;
 +
  display: inline-block;
 +
  width: 35%;
 +
  height: auto;
 +
  transition: .5s ease;
 +
  backface-visibility: hidden;
 +
}
  
−
<h4> Which other teams can we work with? </h4>
+
.proj-button-desc {
−
<p>
+
  transition: .5s ease;
−
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.
+
  opacity: 0;
−
</p>
+
  position: absolute;
 +
  top: 100%;
 +
  left: 50%;
 +
  background: transparent;
 +
  transform: translate(-50%, -50%);
 +
  -ms-transform: translate(-50%, -50%)
 +
}
  
−
<p>
+
.overlap-button-text {
−
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.
+
  background-color: transparent;
−
</p>
+
  color: black;
 +
  font-size: 20px;
 +
  font-family: "Objektiv-mk1" !important;
 +
  font-weight: 600 !important;
 +
  padding: 16px 32px;
 +
}
  
−
</div>
+
.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;
 +
}
  
−
<div class="column half_size">
+
.overlap-button-text {
−
<p>
+
  background-color: transparent;
−
Here are some suggestions for projects you could work on with other teams:
+
  color: black;
−
</p>
+
  font-size: 20px;
 +
  font-family: "Objektiv-mk1" !important;
 +
  font-weight: 600 !important;
 +
  padding: 16px 32px;
 +
}
  
−
<ul>
+
.text {
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
  background-color: transparent;
−
<li> Characterize another team's part </li>
+
  color: black;
−
<li> Debug a construct </li>
+
  font-size: 20px;
−
<li> Model or simulating another team's system </li>
+
  padding: 16px 32px;
−
<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>
+
  
 +
.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) {
 +
  .proj-button-image {
 +
      opacity: 1;
 +
      display: inline-block;
 +
      width: 50%;
 +
      height: auto;
 +
      transition: .5s ease;
 +
      backface-visibility: hidden;
 +
    }
 +
 +
    .proj-button-image-solo {
 +
      opacity: 1;
 +
      display: inline-block;
 +
      width: 50%;
 +
      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%)
 +
  }
 +
 +
    .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 {
 +
    vertical-align: middle;
 +
    width: 40%;
 +
    padding-left: 5px;
 +
  }
 +
 +
  .titleimg-medal {
 +
  vertical-align: middle;
 +
  width: 30%;
 +
  padding-right: 5px;
 +
}
 +
 +
  p {
 +
    font-family: 'objektiv-mk1' !important;
 +
    margin-left: 10px !important;
 +
    margin-right: 10px !important;
 +
    font-size: small !important;
 +
  }
 +
 +
  h1 {
 +
    font-size: 140%;
 +
  }
 +
 +
  .quote {
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-style: italic !important;
 +
    font-size: 17px;
 +
  }
 +
 +
  .quote-person {
 +
    width: 60% !important;
 +
    font-family: 'objektiv-mk1' !important;
 +
    font-size: 12px;
 +
    text-align: right !important;
 +
    margin-right: -120px !important;
 +
  }
 +
 +
  .paragraph-left {
 +
    font-size: 13px;
 +
    line-height: 170%;
 +
  }
 +
 +
  .text-container {
 +
    width: 85%;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
  }
 +
 +
  .metabolic-pathway {
 +
      margin: auto;
 +
      background: honeydew;
 +
      width: 110%;
 +
      margin-left: -20px;
 +
      margin-right: -20px;
 +
  }
 +
 +
  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;
 +
  }
 +
}
 +
 +
 +
</style>
 +
 +
<body style="background-color: honeydew;">
 +
<div id="page">
 +
<center>
 +
<br>
 +
<br>
 +
 +
<img class="titleimg" src="https://static.igem.org/mediawiki/2017/e/ef/Puzzle.png" alt="http://clipart-library.com/puzzle-pieces.html">
 +
 +
<h1>COLLABORATIONS</h1>
 +
 +
<br>
 +
 +
 +
<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>
 +
 +
      <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>
 +
 +
      <br>
 +
      <br>
 +
 +
      <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>
 +
 +
 +
    <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>
 
</html>
−
{{Ucscfooter}}
+
{{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.





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