Team:UCSC

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(88 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
 +
<body>
<!--main content -->
<!--main content -->
-
<table width="70%" align="center">
+
<head>
 +
<style>
 +
#menuWrapper {
 +
width:100%; /* Menu width */
 +
height:35px;
 +
padding-left:12px;
 +
background: SteelBlue;/* Background color */
 +
background-size: 100%;
 +
}
 +
.menu {
 +
padding:0;
 +
margin:0;
 +
list-style:none;
 +
height:75px;
 +
position:relative;
 +
z-index:5;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
.menu li:hover li a {
 +
background:none;
 +
}
 +
.menu li.top {display:block; float:left;}
 +
.menu li a.top_link {
 +
display:block;
 +
float:left;
 +
height:45px;
 +
line-height:34px;
 +
color:gold;
 +
text-decoration:none;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
font-size:18px; /* Font size */
 +
padding:0 0 0 10px;
 +
cursor:pointer;
 +
}
 +
.menu li a.top_link span {
 +
float:left;
 +
display:block;
 +
padding:0 24px 0 12px;
 +
height:35px;
 +
}
 +
.menu li a.top_link span.down {
 +
float:left;
 +
display:block;
 +
padding:0 24px 0 12px;
 +
height:35px;
 +
}
 +
.menu li a.top_link:hover, .menu li:hover > a.top_link {color:#fff; }
 +
.menu li:hover {position:relative; z-index:2;}
 +
.menu ul,
 +
.menu li:hover ul ul,
 +
.menu li:hover ul li:hover ul ul,
 +
.menu li:hover ul li:hover ul li:hover ul ul,
 +
.menu li:hover ul li:hover ul li:hover ul li:hover ul ul
 +
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 +
.menu li:hover ul.sub {
 +
left:0;
 +
top:35px;
 +
background:SteelBlue; /* Submenu background color */
 +
padding:3px;
 +
white-space:nowrap;
 +
width:200px;
 +
height:auto;
 +
z-index:3;
 +
}
 +
.menu li:hover ul.sub li {
 +
display:block;
 +
height:30px;
 +
position:relative;
 +
float:left;
 +
width:200px;
 +
font-weight:normal;
 +
}
 +
.menu li:hover ul.sub li a{
 +
display:block;
 +
height:30px;
 +
width:200px;
 +
line-height:30px;
 +
text-indent:5px;
 +
color:#ccc;
 +
text-decoration:none;
 +
}
 +
.menu li ul.sub li a.fly {
 +
/* Submenu Background Color */
 +
background:RosyBrown
 +
}
 +
.menu li:hover ul.sub li a:hover {
 +
background:#orange; /* Background Color on mouseover */
 +
color: white;
 +
}
 +
.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly {
 +
/* Background on Mouseover */
 +
background:#646464 url(http://2.bp.blogspot.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat; color:#fff;}
 +
 +
.menu li:hover ul li:hover ul,
 +
.menu li:hover ul li:hover ul li:hover ul,
 +
.menu li:hover ul li:hover ul li:hover ul li:hover ul,
 +
.menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
 +
left:200px;
 +
top:-4px;
 +
background: #333; /* Background Color of the Submenu */
 +
padding:3px;
 +
white-space:nowrap;
 +
width:200px;
 +
z-index:4;
 +
height:auto;
 +
}
 +
 +
 +
#wrapperHeader{
 +
  width: 100%;
 +
  height: 320px;
 +
  background:url(https://static.igem.org/mediawiki/2014/thumb/3/38/UCSC_Pafford_CampusView.JPG/800px-UCSC_Pafford_CampusView.JPG) no-repeat top center;
 +
  background-size: 100%;
 +
  text-align: center;
 +
}
 +
#wrapperHeader div#header {
 +
  width:1000px;
 +
  height:200px;
 +
  margin: 0 auto;
 +
}   
 +
 +
#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>
 +
</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'>
 +
<ul class='menu'>
 +
<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>
 +
<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/Parts">Parts</a></li>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
 +
<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://2014.igem.org/Team:UCSC/Bioethics/Environment">Environment</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>
 +
</li>
 +
 +
<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>
 +
</ul>
 +
 +
 +
<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>
 +
 +
</ul>
 +
</div>
-
<!--welcome box -->
 
-
<tr>
 
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
 
-
<h1 >WELCOME TO iGEM 2014! </h1>
 
-
<p>Your team has been approved and you are ready to start the iGEM season!
 
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
 
<br>
<br>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC&action=edit"style="color:#FFFFFF"> 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"> </td></tr>
 
-
<!-- end welcome box -->
 
<tr>  
<tr>  
-
<!--navigation menu -->
+
<!--navigation menu
-
<td align="center" colspan="3">
+
<td align="center" colspan="3" bgColor="#FCFDFE" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg">
-
<table  width="100%">
+
<table  width="100%" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg">
<tr heigth="15px"></tr>
<tr heigth="15px"></tr>
<tr heigth="75px">  
<tr heigth="75px">  
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>   
+
<td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#75A6E6'" bgColor="#2F5E90">   
-
<a href="https://2014.igem.org/Team:UCSC"style="color:#000000">Home </a> </td>
+
<a href="https://2014.igem.org/Team:UCSC"style="color:#000000"><b>Home </a> </td>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90">  
-
<a href="https://2014.igem.org/Team:UCSC/Team"style="color:#000000"> Team </a> </td>
+
<a href="https://2014.igem.org/Team:UCSC/Team"style="color:#000000"> <b>Team </a> </td>
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<td align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90"
<a href="https://igem.org/Team.cgi?year=2014&team_name=UCSC"style="color:#000000"> Official Team Profile </a></td>
<a href="https://igem.org/Team.cgi?year=2014&team_name=UCSC"style="color:#000000"> Official Team Profile </a></td>
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>   
+
<td align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90">   
-
<a href="https://2014.igem.org/Team:UCSC/Project"style="color:#000000"> Project</a></td>
+
<a href="https://2014.igem.org/Team:UCSC/Project"style="color:#000000"> <b>Project</a></td>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90">  
-
<a href="https://2014.igem.org/Team:UCSC/Parts"style="color:#000000"> Parts</a></td>
+
<a href="https://2014.igem.org/Team:UCSC/Parts"style="color:#000000"> <b>Parts</a></td>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90">  
-
<a href="https://2014.igem.org/Team:UCSC/Modeling"style="color:#000000"> Modeling</a></td>
+
<a href="https://2014.igem.org/Team:UCSC/Modeling"style="color:#000000"> <b>Modeling</a></td>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>   
+
<td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90">   
-
<a href="https://2014.igem.org/Team:UCSC/Notebook"style="color:#000000"> Notebook</a></td>
+
<a href="https://2014.igem.org/Team:UCSC/Notebook"style="color:#000000"> <b>Notebook</a></td>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90">  
-
<a href="https://2014.igem.org/Team:UCSC/Safety"style=" color:#000000"> Safety </a></td>
+
<a href="https://2014.igem.org/Team:UCSC/Safety"style=" color:#000000"> <b>Safety </a></td>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90">  
-
<a href="https://2014.igem.org/Team:UCSC/Attributions"style="color:#000000"> Attributions </a></td>
+
<a href="https://2014.igem.org/Team:UCSC/Attributions"style="color:#000000"> <b>Attributions </b></a></td>
Line 63: Line 329:
</table>
</table>
-
<!--end navigation menu -->
+
end navigation menu -->
</tr>
</tr>
Line 70: Line 336:
   
   
 +
</td>
-
</td>
+
<!--
-
 
+
<tr> <td colspan="3"   bgColor="#FCFDFE"height="15px"> </td></tr>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<tr><td colspan="3" bgColor="#FCFDFE"height="1px"> </tr>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<tr> <td colspan="3"   bgColor="#FCFDFE"height="5px"> </td></tr>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
-->
-
<!--requirements section -->
+
<!--requirements section  
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
<tr>
<tr>
<td width="45%"  valign="top">  
<td width="45%"  valign="top">  
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
<p> Please be sure to keep these links, your audience will want to find your: </p>
 +
 
 +
-->
 +
 
 +
<!-- Links to other team pages
-
<!-- Links to other team pages -->
 
<ul>
<ul>
<li><a href="https://2014.igem.org/Team:UCSC">Home</a> </li>
<li><a href="https://2014.igem.org/Team:UCSC">Home</a> </li>
Line 103: 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>
+
 +
<br>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
 
 +
<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>
-
<!--tips  -->
+
<br>
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
<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>
+
</body>
-
</table>
+

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"