Difference between revisions of "Team:UCSC"

 
(440 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{UCSC}}
+
{{UCSC-Header}}
 +
 
 
<html>
 
<html>
−
<div class="column full_size" >
 
−
<img src="https://conferenceservices.ucsc.edu/images/slideshow/redwoodtrees.jpg">
 
−
</div>
 
  
−
<div class="column full_size" >
+
<style>
−
<h1> Welcome to UCSC's iGEM Wiki! </h1>
+
−
<p>Our team is made of 15 motivated interdisciplinary undergraduate students including Biomolecular Engineers, Molecular, Cellular and Developmental Biologists, Biochemists, and Chemical Engineers. We hope to alleviate a range of burdens associated with global malnutrition and contribute to Millennium Development Goals 2 and 3. </p>
+
−
</div>  
+
  
−
<div class="clear"></div>
+
h1 {
 +
  font-family: 'objektiv-mk1'!important;
 +
  font-size: 300%; /*!important*/
 +
  font-weight: 300 !important;
 +
    width: 80%;
 +
}
  
−
<div class="column half_size" >
+
h2 {
−
<h5>Spirulina </h5>
+
  font-family: 'objektiv-mk1' !important;
−
<img src="http://spirulinapowdermarket.com/sites/default/files/spirulinahealthbenefits_4_1.jpg">
+
  font-size: 200%;
 +
  font-weight: 300;
 +
}
  
−
</div>
 
  
−
<div class="column half_size" >
+
.proj-button {
−
<div class="highlight">
+
    position: relative;
−
<h5> Project Description </h5>
+
    width: 10%;
−
<p>UCSC's 2017 iGEM team recognized how global malnutrition amplifies problems for many low income regions; causing economic burden as well as diseases like blindness, disabilities, and anemia. In hopes to address these crippling medical issues, we are creating a decentralized, self-sustaining biological source of nutrition that could be grown cheaply anywhere in the world. Spirulina is a fast growing, nutrient dense cyanobacteria which is already utilized for nutritional supplementation all over the world. The goal for our team is to optimize Spirulina to make it more accessible and fill the nutritional gaps to make it an effective and complete vitamin. This reflects our ultimate goal: To deliver nutrition to underdeveloped regions.</p>
+
    text-decoration: none !important;
−
</div>
+
}
−
</div>
+
  
−
<div class="column half_size" >
+
.proj-button-image {
−
<h5> Crowd Funding </h5>
+
  opacity: 1;
−
<p>If you believe in our cause, please support us!  We appreciate any contribution be it ideas, connections, or money.  We are 100% donation funded, donate <a https://crowdfund.ucsc.edu/project/6945>here!</a>  We are always looking for creativity and collaborations; if you have an idea to share or a connection with an interested party, please contact us at <b> ucscigem2017@gmail.com</b> </p>
+
  display: inline-block;
 +
  width: 14%;
 +
  height: auto;
 +
  transition: .5s ease;
 +
  backface-visibility: hidden;
 +
  margin: 20px;
 +
}
  
−
</div>
+
.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%)
 +
}
  
−
<div class="column half_size">
+
.proj-button:hover .proj-button-image {
−
<h5> What is iGEM? </h5>
+
  opacity: 0.2;
−
<p> Answered by the team in beautiful Santa Cruz </p>
+
}
−
<iframe width="560" height="315" src="https://www.youtube.com/embed/jk9ltT2MosQ" frameborder="0" allowfullscreen></iframe>
+
  
 +
.proj-button:hover .proj-button-desc {
 +
  opacity: 0.8;
 +
}
  
 +
.overlap-button-text {
 +
  background-color: transparent;
 +
  color: black;
 +
  font-size: 20px;
 +
  font-family: "Objektiv-mk1" !important;
 +
  font-weight: 400 !important;
 +
  padding: 16px 32px;
 +
}
  
−
<div class="column full_size" >
+
.desktop-frontpage {
−
<h6> This website is still in progress. </h6>
+
display: block;
 +
user-drag: none;
 +
user-select: none;
 +
-moz-user-select: none;
 +
-webkit-user-drag: none;
 +
-webkit-user-select: none;
 +
-ms-user-select: none;
 +
        background: honeydew;
 +
        width: 80%;
 +
        padding: 40px 0px;
 +
}
 +
 
 +
.mobile-frontpage {
 +
display: none;
 +
}
 +
 
 +
@media (max-width: 768px) {
 +
 
 +
  h1 {
 +
      font-family: 'objektiv-mk1'; /*!important*/
 +
      font-size: 250%; /*!important*/
 +
  }
 +
 
 +
  h2 {
 +
      font-family: 'objektiv-mk1'; /*!important*/
 +
      font-size: 20px; /*!important*/
 +
  }
 +
 
 +
.overlap-button-text {
 +
background-color: rgba(94, 94, 94, 0.5);
 +
border-radius: 60px;
 +
color: white;
 +
}
 +
 
 +
.proj-button-image {
 +
opacity: 0.7;
 +
      display: inline-block;
 +
      width: 30%;
 +
      height: auto;
 +
      transition: .5s ease;
 +
      backface-visibility: hidden;
 +
}
 +
 
 +
.desktop-frontpage {
 +
width: 95%;
 +
}
 +
 
 +
    .proj-button-desc {
 +
      transition: .5s ease;
 +
      opacity: 1;
 +
      position: absolute;
 +
      top: 100%;
 +
      left: 50%;
 +
      transform: translate(-50%, -50%);
 +
      -ms-transform: translate(-50%, -50%)
 +
  }
 +
}
 +
 
 +
@media (max-width: 576px) {
 +
 
 +
.proj-button-image {
 +
      opacity: 0.7;
 +
      display: inline-block;
 +
      width: 38%;
 +
      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%)
 +
  }
 +
 
 +
.desktop-frontpage {
 +
display: none;
 +
}
 +
 
 +
.mobile-frontpage {
 +
display: block;
 +
user-drag: none;
 +
user-select: none;
 +
-moz-user-select: none;
 +
-webkit-user-drag: none;
 +
-webkit-user-select: none;
 +
-ms-user-select: none;
 +
        background: honeydew;
 +
        width: 96%;
 +
        padding-top: 5px;
 +
}
 +
 
 +
.overlap-button-text {
 +
background-color: rgba(94, 94, 94, 0.5);
 +
border-radius: 60px;
 +
color: white;
 +
font-size: 13px;
 +
}
 +
}
 +
 
 +
</style>
 +
  <head>
 +
      <meta name="UCSC IGEM" content="The legendary, UCSC igem Science Superheros">
 +
        <title>Santa Cruz IGEM</title>
 +
  </head>
 +
 
 +
<div class="page">
 +
<center>
 +
<div class="desktop-frontpage">
 +
<img src="https://static.igem.org/mediawiki/2017/e/e6/UCSC-Frontpage.png" style="width: 100%;">
 +
</div>
 +
<center>
 +
 
 +
<div class="mobile-frontpage">
 +
<img src="https://static.igem.org/mediawiki/2017/d/dd/UCSC-Frontpage_Mobile.png" style="width: 100%;">
 +
</div>
 +
 
 +
<br>
 +
<h2>Click on an icon below to learn more about our project!</h2>
 +
<br>
 +
 
 +
<div class="row">
 +
  <!-- <a href="https://2017.igem.org/Team:UCSC/Team" class="proj-button">
 +
      <img src="https://static.igem.org/mediawiki/2017/d/dd/Team-icon.png" class="proj-button-image">
 +
      <div class="proj-button-desc">
 +
        <div class="overlap-button-text">TEAM</div>
 +
      </div>
 +
  </a>
 +
-->
 +
  <a href="https://2017.igem.org/Team:UCSC/Project" class="proj-button">
 +
      <img src="https://static.igem.org/mediawiki/2017/6/64/UCSCproject.png" class="proj-button-image" alt="image sources from http://simpleicon.com/dev/light-bulb-10.html">
 +
      <div class="proj-button-desc">
 +
        <div class="overlap-button-text">OUR PROJECT</div>
 +
      </div>
 +
  </a>
 +
 
 +
  <a href="https://2017.igem.org/Team:UCSC/Human_Practices" class="proj-button">
 +
      <img src="https://static.igem.org/mediawiki/2017/7/72/Hp-icon.png" class="proj-button-image" alt="http://www.clker.com/clipart-398063.html">
 +
      <div class="proj-button-desc">
 +
        <div class="overlap-button-text">HUMAN PRACTICES</div>
 +
      </div>
 +
  </a>
 +
 
 +
  <a href="https://2017.igem.org/Team:UCSC/Attributions" class="proj-button">
 +
      <img src="https://static.igem.org/mediawiki/2017/7/77/Attributionsicon.png" class="proj-button-image" alt="http://clipartix.com/hands-clip-art-image-38330/">
 +
      <div class="proj-button-desc">
 +
        <div class="overlap-button-text">ATTRIBUTIONS</div>
 +
      </div>
 +
  </a>
 +
 
 +
  <a href="https://2017.igem.org/Team:UCSC/Notebook" class="proj-button">
 +
      <img src="https://static.igem.org/mediawiki/2017/c/cc/Labnotebook.png" class="proj-button-image">
 +
      <div class="proj-button-desc">
 +
        <div class="overlap-button-text">NOTEBOOK</div>
 +
      </div>
 +
  </a>
 +
 
 +
  <a href="https://2017.igem.org/Team:UCSC/Judging" class="proj-button">
 +
      <img src="https://static.igem.org/mediawiki/2017/1/1e/Medals_Transparent.png" class="proj-button-image">
 +
      <div class="proj-button-desc">
 +
        <div class="overlap-button-text">JUDGING</div>
 +
      </div>
 +
  </a>
  
 
</div>
 
</div>
  
 
</html>
 
</html>
 +
 +
{{UCSC-Footer}}

Latest revision as of 04:26, 1 November 2017

Santa Cruz IGEM


Click on an icon below to learn more about our project!


image sources from http://simpleicon.com/dev/light-bulb-10.html
OUR PROJECT
 http://www.clker.com/clipart-398063.html
HUMAN PRACTICES
 http://clipartix.com/hands-clip-art-image-38330/
ATTRIBUTIONS
NOTEBOOK
JUDGING

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