Difference between revisions of "Team:UCSC"

 
(443 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 group is a team of 15 motivated interdisciplinary undergraduate students: 10 Biomolecular Engineers, 3 Molecular, Cellular and Developmental Biologists, 1 Biochemist, and 1 Chemical Engineer. We hope to expand access to essential medicines and micronutrients by decentralizing production. </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 full_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%)
 +
}
  
 +
.proj-button:hover .proj-button-image {
 +
  opacity: 0.2;
 +
}
  
 +
.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 half_size" >
+
.desktop-frontpage {
−
<h5> Editing your wiki </h5>
+
display: block;
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
user-drag: none;
−
<p> <a href="https://2017.igem.org/wiki/index.php?title=Team:Example&action=edit"> </a>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
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;
 +
}
  
−
</div>
+
.mobile-frontpage {
 +
display: none;
 +
}
  
 +
@media (max-width: 768px) {
  
−
<div class="column half_size" >
+
  h1 {
−
<h5>Tips</h5>
+
      font-family: 'objektiv-mk1'; /*!important*/
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
      font-size: 250%; /*!important*/
−
<ul>
+
  }
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2017.igem.org/Calendar">iGEM 2017 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
</div>
+
  
 +
  h2 {
 +
      font-family: 'objektiv-mk1'; /*!important*/
 +
      font-size: 20px; /*!important*/
 +
  }
  
−
<div class="column half_size" >
+
.overlap-button-text {
−
<h5>Inspiration</h5>
+
background-color: rgba(94, 94, 94, 0.5);
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
border-radius: 60px;
−
<ul>
+
color: white;
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
}
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column half_size" >
+
.proj-button-image {
−
<h5> Uploading pictures and files </h5>
+
opacity: 0.7;
−
<p> You can upload your pictures and files to the iGEM 2017 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
+
      display: inline-block;
−
When you upload, set the "Destination Filename" to <br><code>T--YourOfficialTeamName--NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)<br><br>
+
      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>
  
−
<a href="https://2017.igem.org/Special:Upload">
 
−
UPLOAD FILES
 
−
</a>
 
−
</p>
 
 
</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