Difference between revisions of "Team:UCSC/Collaborations"

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;
+
−
        padding-left: 100px;
+
−
        padding-right: 100px;
+
 
}
 
}
  
−
      .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: 20%;
 +
  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%;
+
 
−
     }
+
  .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">
−
<h1>COLLABORATIONS</h1><br>
+
  
−
<h2>University of California, San Diego <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: 16%"></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, 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. <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<img src="https://static.igem.org/mediawiki/2017/8/85/Greekom_logo.png" style="width: 16%"></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>
  
−
<p style="text-align: center;">Completed a survey as a part of their collaborative risk assessment and large-scale human practices campaign.</p>
+
<br>
 +
 
 +
      <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, 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.</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>
  
 
</div>
 
</div>
 
</html>
 
</html>
−
 
 
{{UCSC-Footer}}
 
{{UCSC-Footer}}

Revision as of 07:56, 31 October 2017



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