Team:UCSC

From 2014.igem.org

(Difference between revisions)
m
 
(67 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
-
<body style="background-color:#3E98B4" >
+
<body>
-
 
+
<!--main content -->
<!--main content -->
Line 12: Line 11:
width:100%; /* Menu width */
width:100%; /* Menu width */
height:35px;
height:35px;
-
padding-left:14px;
+
padding-left:12px;
-
background:#BC8F8F; /* Background color */
+
background: SteelBlue;/* Background color */
-
border-radius: 10px;
+
background-size: 100%;
}
}
.menu {
.menu {
Line 20: Line 19:
margin:0;
margin:0;
list-style:none;
list-style:none;
-
height:35px;
+
height:75px;
position:relative;
position:relative;
z-index:5;
z-index:5;
Line 34: Line 33:
height:45px;
height:45px;
line-height:34px;
line-height:34px;
-
color:#ccc;
+
color:gold;
text-decoration:none;
text-decoration:none;
font-family:Tahoma, Geneva, sans-serif;
font-family:Tahoma, Geneva, sans-serif;
-
font-size:14px; /* Font size */
+
font-size:18px; /* Font size */
-
font-weight:bold;
+
padding:0 0 0 10px;
-
padding:0 0 0 12px;
+
cursor:pointer;
cursor:pointer;
}
}
Line 66: Line 64:
left:0;
left:0;
top:35px;
top:35px;
-
background:#333; /* Submenu background color */
+
background:SteelBlue; /* Submenu background color */
padding:3px;
padding:3px;
white-space:nowrap;
white-space:nowrap;
Line 92: Line 90:
.menu li ul.sub li a.fly {
.menu li ul.sub li a.fly {
/* Submenu Background Color */
/* Submenu Background Color */
-
background:#333 url(http://2.bp.blogspot.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat;}
+
background:RosyBrown
 +
}
.menu li:hover ul.sub li a:hover {
.menu li:hover ul.sub li a:hover {
-
background:#515151; /* Background Color on mouseover */
+
background:#orange; /* Background Color on mouseover */
-
color:#fff;
+
color: white;
}
}
.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly {
.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly {
Line 114: Line 113:
height:auto;
height:auto;
}
}
-
#search {  
+
 
-
width: 228px; /* Width of the Search Box */
+
 
-
height: 50px;
+
#wrapperHeader{
-
float: right;
+
  width: 100%;
-
z-index: 2;
+
  height: 320px;
-
text-align: center;
+
  background:url(https://static.igem.org/mediawiki/2014/thumb/3/38/UCSC_Pafford_CampusView.JPG/800px-UCSC_Pafford_CampusView.JPG) no-repeat top center;
-
margin-top: 5px;
+
  background-size: 100%;
-
margin-right: 6px;
+
  text-align: center;
-
/* Background of the Search Box */
+
-
background: url(http://2.bp.blogspot.com/-kSPW07r2Ct8/UazXPD9DbfI/AAAAAAAADtE/UyopBgIPe-w/s1600/searchBar1.png) no-repeat;
+
}
}
-
#search-box {
+
#wrapperHeader div#header {
-
margin-top: 3px;
+
  width:1000px;
-
border:0px;
+
  height:200px;
-
background: transparent;
+
  margin: 0 auto;
-
text-align:center;
+
}   
 +
 
 +
#wrapperSlide{
 +
  width: 500px;
 +
  height: 350px;
 +
  margin: 0 auto;
 +
  position: relative;
 +
  border: 15px solid white;
 +
}
 +
 
 +
.slide{
 +
  width: 100%;
 +
  height: 100%;
 +
  position: relative;
 +
  align: center;
 +
}
 +
 
 +
.slide{
 +
    top: 0;
 +
    opacity: 0;
 +
    width: 609px;
 +
    height: 420px;
 +
    display: block;
 +
    position: absolute;
 +
 
 +
    transform: scale(0);
 +
    transition: all .7s ease-in-out;
 +
}
 +
 
 +
.slide img{
 +
  width: 100%;
 +
  height: 100%;
 +
  margin: auto;
 +
 
 +
}
 +
 
 +
.nav label {
 +
    width: 200px;
 +
    height: 100%;
 +
    display: none;
 +
    position: absolute;
 +
 
 +
  opacity: 0;
 +
    z-index: 9;
 +
    cursor: pointer;
 +
 
 +
    transition: opacity .2s;
 +
 
 +
    color: #FFF;
 +
    font-size: 156pt;
 +
    text-align: center;
 +
    line-height: 380px;
 +
    font-family: "Varela Round", sans-serif;
 +
    background-color: rgba(255, 255, 255, .3);
 +
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
 +
}
 +
 
 +
.slide:hover + .nav label { opacity: 0.5; }
 +
 
 +
.nav label:hover { opacity: 1; }
 +
 
 +
.nav .next { right: 0; }
 +
 
 +
input:checked + .slide-container  .slide {
 +
    opacity: 1;
 +
    transform: scale(1);
 +
    transition: opacity 1s ease-in-out;
 +
}
 +
 
 +
input:checked + .slide-container .nav label { display: block; }
 +
 
 +
 
 +
myh1{
 +
    color: gold;
 +
    text-align: center;
 +
    font-size: 70px;
 +
}
 +
 
 +
myh2{
 +
    color: orange;
 +
    text-align: center;
 +
    font-size: 50px;
 +
}
 +
 
 +
myh3{
 +
    color: RosyBrown;
 +
    text-align: center;
 +
    font-size: 40px;
 +
}
 +
 
 +
myh4{
 +
    color: SpringGreen;
 +
    font-family:Tahoma, Geneva, sans-serif;
 +
    text-align: center;
 +
    font-size: 15px;
 +
}
 +
 
 +
myh5{
 +
    color: SteelBlue;
 +
    font-family:Tahoma, Geneva, sans-serif;
 +
    text-align: center;
 +
    font-size: 30px;
}
}
</style>
</style>
</head>
</head>
 +
 +
<p style="color:#F7EB06"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC&action=edit"style="color:PaleGoldenrod"> Click here  to edit this page!</a> </p>
 +
 +
<div id="wrapperHeader">
 +
<div id="header"><br>
 +
<myh1><b>Welcome to    <img src="https://static.igem.org/mediawiki/2014/0/0e/UCSC_Team_Logo_Float.png" width="275px" height ="275px" align = "center"></b></myh1></div>
 +
</div>
<div id='menuWrapper'>
<div id='menuWrapper'>
<ul class='menu'>
<ul class='menu'>
-
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"style="color:#000000"><span>HOME</span></a></li>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"><span><b>HOME</b></span></a></li>
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Project"><span class='down'>Project</span></a>
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Project"><span class='down'>Project</span></a>
<ul class='sub'>
<ul class='sub'>
<li><a href = "https://2014.igem.org/Team:UCSC/Project">Project Overview</a>
<li><a href = "https://2014.igem.org/Team:UCSC/Project">Project Overview</a>
-
<li><a href="https://2014.igem.org/Team:UCSC/Modeling">Modeling</a>
+
<li><a href="https://2014.igem.org/Team:UCSC/Parts">Parts</a></li>
-
<li><a href="https://2014.igem.org/Team:UCSC/Parts">Parts</a>
+
<li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li>
</ul>
</ul>
</li>
</li>
-
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Team">Team</a>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Bioethics"><span class='down'>Bioethics</span></a>
-
<ul class='sub'><li><a href='https://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li>
+
-
<li><a href="https://2014.igem.org/Team:UCSC/Team">Team Members</a></li></ul>
+
-
</li>
+
-
 
+
-
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Notebook"><span class='down'>Notebook</span></a>
+
<ul class='sub'>
<ul class='sub'>
-
<li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li>
+
<li><a href="https://2014.igem.org/Team:UCSC/Bioethics/Environment">Environment</a></li>
-
<li><a href="https://2014.igem.org/Team:UCSC/Notebook">Interactive Schedule</a></li>
+
<li><a href="https://2014.igem.org/Team:UCSC/Bioethics/Socio">Socio-Political</a></li>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Bioethics/iGem">iGem Meetup Survey</a></li>
</ul>
</ul>
</li>
</li>
-
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Attributions"><span>Attributions</span></a>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Team">Team</a>
 +
<ul class='sub'><li><a href='https://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Team">Undergrad Researchers</a></li>
 +
<li><a href='https://2014.igem.org/Team:UCSC/Diversity'>Diversity</a></li>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Attributions">Attributions</a></li>
</li>
</li>
-
 
</ul>
</ul>
-
</div>
 
-
<br><br>
 
-
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="110px" height = "110px" align = "center"></a>
 
-
 
 
-
<a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/6/6c/UCSC_School_Logo.jpg" width="400px" height = "110px" align = "center"></a>
 
-
 
 
-
<a href="https://experiment.com/projects/sustainable-next-generation-biofuel-production"> <img src="https://pbs.twimg.com/profile_images/477275370870169600/X0Imlopr_400x400.png" width="110px" height = "110px" align = "center"></a>
 
-
<- Click on the Experiment Link to Support and Your Logo Could be Here!
 
-
<table width="70%" align="center" bgColor="#000000" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg">
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Meetups/August_UCSC"><span><b>Our Meetup</b></span></a>
 +
</li>
 +
<li class='top'><a class='top_link' href="https://experiment.com/projects/sustainable-next-generation-biofuel-production"><span><myh4><b> Thank you, Donors!</b></myh4></span></a>
 +
</li>
-
<!--welcome box -->
+
</ul>
 +
</div>  
-
<tr>
 
-
<td colspan="3" align="center" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg" bgColor="#FCFDFE" bgproperties="fixed" ALT="A23" WIDTH="100%" HEIGHT="100%">
 
-
<img src = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg" alt = "..." width = "450" height = "200">
 
-
<h1 > <b>WELCOME TO THE UCSC WIKI FOR iGEM 2014! </b></h1>
 
-
<p> We are excited to introduce you to our project and our team of:
 
-
<br>biologists, biochemists,
 
-
<br>bioengineers, bioinformaticians,
 
-
<br> ethicists and artists.
 
-
<p>This page is currently under construction.  <br> Please check back for updates!</p>
 
<br>
<br>
-
<p style="color:#F7EB06"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC&action=edit"style="color:#FCFDFE"> Click here  to edit this page!</a> </p>
+
<br>
-
</td>
+
<br>
-
</tr>
+
 
 +
<a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/9/94/UCSC_School_Logo_white.jpg" height = "100px" align = "center"></a>
 +
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" height = "100px" align = "center"></a>
 +
<a href = "http://www.geneious.com/"> <img src= "https://static.igem.org/mediawiki/2014/d/d6/Genious_logo.png" height = "100px" align = "center"></a>
 +
<a href = "https://us.vwr.com/"> <img src= "https://static.igem.org/mediawiki/2014/4/4f/Sponsors_Logo_VWR.jpg" height = "60px" align = "center"></a>
-
<tr> <td colspan="3"  height="5px" bgColor="#FCFDFE" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg"> </td></tr>
 
-
<!-- end welcome box -->
 
<tr>  
<tr>  
Line 253: Line 346:
-->
-->
-
<tr><td colspan="3" bgColor="#FCFDFE" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg"> <h3> An Introduction to Our Project</h3></td></tr>
 
-
<td width="45%"  valign="top" bgColor="#FCFDFE" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg">
 
-
<p>
 
-
    Biofuels like ethanol have received much attention in recent years as demand for cleaner renewable energy increases. Liquid fuels are vital for supplying the growing global energy demand. Conventional biofuel production centers around biomass like corn, sugar cane, and soy that is fed into factories for processing. This process can be expensive and the starting materials often compete for land with food stocks. Use of biofuels is hindered by the low energy content of current products. Butanol provides comparable amounts of energy to gasoline, can be use in current infrastructure, and burns substantially cleaner. Butanol is difficult to produce conventionally and remains expensive. Emerging technologies are now facilitating high value chemical production at a fraction of the cost.
 
-
</p>
 
-
 
-
<p>
 
-
    Our project will provide a cheaper way of producing the high value chemical butanol that will not compete with food stocks for land and provide a source of renewable liquid energy that will reduce our carbon footprint. Our system will utilize microbial fuel production to convert cellulose, wood waste, into butanol. We will utilize an organism that prefers to live in extreme environments, allowing us to reduce preprocessing, thereby reducing the cost of refinement. A mixture of 85% butanol to 15% gasoline can be used in current infrastructure without modifications. By coupling the emerging technology of microbial fuel production with a renewable source of feedstock and a suitable host organism, we will facilitate a cheaper way to produce large amounts of a fuel that will reduce pollution.
 
-
</p>
 
-
</td>
 
<!--requirements section  
<!--requirements section  
Line 290: Line 373:
</td>
</td>
-
<td > </td>
 
-
<td width="45%">
 
-
<p>There are a few wiki requirements teams must follow:</p>
+
</table>
-
<ul>
+
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
 
+
-
</td>
+
-
</tr>
+
-
 
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-->
-->
 +
<br>
-
<!--tips  -->
 
-
<!--
+
<iframe height="300" width="500" style="padding:20px" align = "center" src="//www.youtube-nocookie.com/embed/mcPxcHZZWss?rel=0" frameborder="0" allowfullscreen></iframe>
 +
<myh5> UCSC iGEM in the News! </myh5>
 +
<br>
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
<br>
 +
<img src = " https://static.igem.org/mediawiki/2014/0/0a/UCSC_Team_2.JPG" height = "300px" style="padding:20px">
 +
<img src="https://static.igem.org/mediawiki/2014/5/55/UCSC_Team_1.jpg" height = "300px" style="padding:20px">
-
<tr>
+
<br>
-
<td width="45%" valign="top">
+
-
<p>We are currently working on providing teams with some easy to use design templates.
+
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
<ul>
+
<p> Why did we create this team? Why is undergraduate research so important?</p> <a href = "https://static.igem.org/mediawiki/2014/9/9d/UCSC_Undergrad_research.pdf"><b>Read this article </b></a> <p>to find out what our science communications officer Paige Welsh learned. </p>
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
<br>
-
</td>
+
-
<td> </td>
+
</li>
-
<td width="45%">
+
-
 
+
-
-->
+
-
 
+
-
<!--
+
-
 
+
-
<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>
+
-
 
+
-
<ul>
+
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
-
<li>Be clear about what you are doing and what you plan to do.</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="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
</ul>
</ul>
-
</br>
+
</div>
-
</td>
+
</div>
-
</tr>
+
-
</table>
+
-
 
+
-
-->
+
-
 
+
</body>
</body>

Latest revision as of 03:35, 18 October 2014


Click here to edit this page!





UCSC iGEM in the News!


Why did we create this team? Why is undergraduate research so important?

Read this article

to find out what our science communications officer Paige Welsh learned.


Retrieved from "http://2014.igem.org/Team:UCSC"