Difference between revisions of "Team:UCSC/Collaborations"

 
(14 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;  
+
 
}
 
}
  
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: center;  
+
 
}
 
}
  
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 45: 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 59: 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%;
+
 
     }
+
  .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>
 
</style>
  
<div class="page">
+
<body style="background-color: honeydew;">
 +
<div id="page">
 +
<center>
 +
<br>
 +
<br>
  
<center><img class="titleimg" src="https://static.igem.org/mediawiki/2017/e/ef/Puzzle.png"></center>
+
<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>
+
  
<h2>University of California, San Diego</h2><br><br>
+
<h1>COLLABORATIONS</h1>
  
<p>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, 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. <br><br>
+
<br>
  
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="text-container">
  
<h2>iGEM Greece</h2><br><br>
+
    <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>
  
<p>Completed a survey as a part of their collaborative risk assessment and large-scale human practices campaign.</p>
 
  
 
</div>
 
</div>
 
</html>
 
</html>
 
 
{{UCSC-Footer}}
 
{{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.