Difference between revisions of "Team:UCSC/Collaborations"

 
(16 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: 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 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>
 +
 
 +
<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>
  
<center><img class="titleimg" src="https://static.igem.org/mediawiki/2017/e/ef/Puzzle.png"></center>
+
      <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>
<h1>COLLABORATIONS</h1><br>
+
  
<h2>University of California, San Diego</h2><br><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, 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>
+
    <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>
  
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>
+
<br>
  
 +
      <p>Completed a survey as a part of their collaborative risk assessment and large-scale human practices campaign.</p>
  
<h2>iGEM Greece</h2><br><br>
+
<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.