Team:UC Davis

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 +
<title>This is a test web page:</title>
 +
<style>
 +
html, body {
 +
    margin: 0;
 +
    padding: 0;}
 +
body {
 +
background-color:white;}
 +
p.helvetica3{font-family:"Helvetica";font-size:14px;font-weight:lighter;color:#474747;}
 +
p.helvetica{font-family:"Helvetica";font-size:12px;font-weight:lighter;}
 +
p.helvetica2{font-family:"Helvetica";font-size:22px;font-weight:lighter;color:#33CCCC;letter-spacing:13px}
 +
p.verdana{font-family:"verdana";font-size:11px;font-weight:lighter;color:white;}
 +
#wrapper {
 +
    border: 0px solid black;
 +
    border-radius: 2.5em;
 +
background-color:white;
 +
    margin: 0 auto;
 +
    padding: 1.25em;
 +
    width: 890px;}
 +
/*
 +
#banner {
 +
    border: 0px solid black;
 +
    border-radius: 1.25em;
 +
    margin-bottom: 1.25em;
 +
    padding: 1.25em;}   
 +
*/
 +
#bottom {
 +
padding:0;
 +
margin:0;
 +
overflow: hidden;
 +
    border: 0px solid black;
 +
background-color:#333333;
 +
    width: 100%;
 +
display: block;
 +
position:absolute;
 +
left:0;
 +
right:0;}
 +
 +
#banner p {
 +
    text-align: center;}
 +
#nav {
 +
    background-color: white;
 +
    border: 0px solid black;
 +
    height: 50px;
 +
    position: relative;}
-
<!--Go 2012 team! For a cool wiki, you might check out jquery.com for some sweet javascript libraries that you can alter. 
+
#nav ul {
 +
list-style-type:none;
 +
margin:0;
 +
padding:0;
 +
overflow:hidden;}
-
            -Tim-->
+
li {
 +
float:left;}
 +
a:link,a:visited {
 +
display:block;
 +
width:70px;
 +
height: 100%;
 +
color:#333333;
 +
text-align:center;
 +
padding:1px;
 +
text-decoration:none;
 +
text-transform:uppercase;}
 +
a:active {
 +
color:white;
 +
width:70px;
 +
color:#33CCCC;}
 +
a:hover {color:white;
 +
width:70px;
 +
text-decoration:none;
 +
color:#33CCCC;}
 +
ul, li {
 +
    list-style-type: none;}
 +
#nav ul .groupa {
 +
    float: left;
 +
    padding: 0 .5em;}
 +
 +
#nav ul .groupb {
 +
    float: right;
 +
    padding: 0 .5em;}
 +
 +
#nav h1 {
 +
    margin: 0;
 +
    position: absolute;
 +
    left: 0px;  /*half the #nav width less half the image width*/
 +
    top: -25px;    /*half the #nav height less half the image height*/}
 +
 +
#main {
 +
    border: 0px solid black;
 +
    border-radius: 1.25em;
 +
    height: 400px; /*nominal value in lieu of content*/
 +
    padding: 1.25em;}
 +
 +
* {
 +
padding: 1pt;
 +
margin: 1pt;}
 +
html, body {
 +
height: 100%;}
 +
 +
body {
 +
font-family: "lucida sans", verdana, arial, helvetica, sans-serif;
 +
font-size: 75%;}
 +
 +
h1 {
 +
font-size: 1.4em;
 +
padding: 10px 10px 0;}
 +
 +
p {
 +
padding: 0 10px 1em;}
 +
 +
#container {
 +
min-height: 100%;
 +
background-color: #FFFFFF;
 +
width: 800px;
 +
margin: 6px auto;}
 +
 +
* html #container {
 +
height: 100%;}
 +
 +
 +
<!--
 +
/**
 +
* Slideshow style rules.
 +
*/
 +
#slideshow {
 +
margin:0 auto;
 +
width:700px;
 +
height:400px;
 +
position:relative;
 +
}
 +
#slideshow #slidesContainer {
 +
  margin:0 auto;
 +
  width:590px;
 +
  height:400px;
 +
  overflow:auto; /* allow scrollbar */
 +
  position:relative;
 +
}
 +
#slideshow #slidesContainer .slide {
 +
  margin:0 auto;
 +
  width:580px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
 +
  height:400px;
 +
}
 +
 +
/**
 +
* Slideshow controls style rules.
 +
*/
 +
.control {
 +
  display:block;
 +
  width:39px;
 +
  height:400px;
 +
  text-indent:-10000px;
 +
  position:absolute;
 +
  cursor: pointer;
 +
}
 +
#leftControl {
 +
  top:0;
 +
  left:0;
 +
  background:transparent url(./control_left.jpg) no-repeat 0 0;
 +
}
 +
#rightControl {
 +
  top:0;
 +
  right:0;
 +
  background:transparent url(./control_right.jpg) no-repeat 0 0;
 +
}
 +
 +
/**
 +
* Style rules for Demo page
 +
*/
 +
 +
/* * {
 +
  margin:0;
 +
  padding:0;
 +
  font:normal 11px Verdana, Geneva, sans-serif;
 +
  color:#ccc;}
 +
a {
 +
  color: #fff;
 +
  font-weight:bold;
 +
  text-decoration:none;}
 +
a:hover {
 +
  text-decoration:underline;}
 +
 +
body {
 +
  background:#393737 url(./bg_body.jpg) repeat-x top left;}
 +
 +
 +
 +
#pageContainer {
 +
  margin:0 auto;
 +
  width:960px;}
 +
 
 +
#pageContainer h1 {
 +
  display:block;
 +
  width:960px;
 +
  height:114px;
 +
  background:transparent url(./bg_pagecontainer_h1.jpg) no-repeat top left;
 +
  text-indent: -10000px;}
 +
 +
 +
*/
 +
 +
.slide h2, .slide p {
 +
  margin:15px;}
 +
 +
.slide h2 {
 +
  font:italic 24px Georgia, "Times New Roman", Times, serif;
 +
  color:#ccc;
 +
  letter-spacing:-1px;}
 +
 +
.slide img {
 +
  float:right;
 +
  margin:0 15px;}
 +
 +
/*
 +
#footer {
 +
  height:100px;}
 +
 +
#footer p {
 +
  margin:30px auto 0 auto;
 +
  display:block;
 +
  width:560px;
 +
  height:40px;}
 +
 
 +
  */
 +
</style>
 +
 +
 +
//<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">//</script>
 +
//<script type="text/javascript" src="./jquery.min.js"></script>
 +
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
 +
$(document).ready(function(){
 +
  var currentPosition = 0;
 +
  var slideWidth = 600;
 +
  var slides = $('.slide');
 +
  var numberOfSlides = slides.length;
 +
 +
  // Remove scrollbar in JS
 +
  $('#slidesContainer').css('overflow', 'hidden');
 +
 +
  // Wrap all .slides with #slideInner div
 +
  slides
 +
    .wrapAll('<div id="slideInner"></div>')
 +
    // Float left to display horizontally, readjust .slides width
 +
.css({
 +
      'float' : 'left',
 +
      'width' : slideWidth
 +
    });
 +
 +
  // Set #slideInner width equal to total width of all slides
 +
  $('#slideInner').css('width', slideWidth * numberOfSlides);
 +
 +
  // Insert controls in the DOM
 +
  $('#slideshow')
 +
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
 +
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
 +
 +
  // Hide left arrow control on first load
 +
  manageControls(currentPosition);
 +
 +
  // Create event listeners for .controls clicks
 +
  $('.control')
 +
    .bind('click', function(){
 +
    // Determine new position
 +
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
 +
   
 +
// Hide / show controls
 +
    manageControls(currentPosition);
 +
    // Move slideInner using margin-left
 +
    $('#slideInner').animate({
 +
      'marginLeft' : slideWidth*(-currentPosition)
 +
    });
 +
  });
 +
 +
  // manageControls: Hides and Shows controls depending on currentPosition
 +
  function manageControls(position){
 +
    // Hide left arrow if position is first slide
 +
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
 +
// Hide right arrow if position is last slide
 +
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
 +
  }
 +
});
 +
 +
//remove it later <!--
 +
var image1=new Image();
 +
image1.src="http://img.photobucket.com/albums/v26/bluemelon/stockphoto.png";
 +
var image2=new Image();
 +
image2.src="http://img.photobucket.com/albums/v26/bluemelon/poop18.jpg";
 +
var image3=new Image();
 +
image3.src="http://img.photobucket.com/albums/v26/bluemelon/poop17.jpg";
 +
//remove it later //-->
 +
 +
</script>
 +
</head>
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<body>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
 
-
This is a template page. READ THESE INSTRUCTIONS.
+
 
-
</div>
+
 
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<div id="wrapper">
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
      <div id="banner">
-
</div>
+
      </div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.
+
<div id="nav">
-
</div>
+
<ul>
 +
<img src="http://img.photobucket.com/albums/v26/bluemelon/yup5.jpg"/>
 +
<!-- Note the groupb list items are in reverse order. -->
 +
<li class="groupb"><a href="https://2012.igem.org/Team:UC_Davis"><p class="helvetica">Home</p></a></li>
 +
 
 +
<li class="groupb"><a href="https://2012.igem.org/Team:UC_Davis"><p class="helvetica">Home</p></a></li>
 +
 
 +
<li class="groupb"><a href="https://2012.igem.org/Team:UC_Davis"><p class="helvetica">Home</p></a></li>
 +
<li class="groupb"><a href="https://2012.igem.org/Team:UC_Davis"><p class="helvetica">Home</p></a></li>
 +
<li class="groupb"><a href="https://2012.igem.org/Team:UC_Davis"><p class="helvetica">Home</p></a></li>
 +
<li class="groupb"><a href="https://2012.igem.org/Team:UC_Davis" class="activeLink"><p class="helvetica">Home</p></a></li>
 +
 
 +
</ul>
 +
 
 +
      </div>  
 +
 
 +
 
 +
 
 +
<div id="container">
 +
<center>
 +
 
 +
 
 +
<div id="pageContainer">
 +
 
 +
  <!-- Slideshow HTML -->
 +
  <div id="slideshow">
 +
    <div id="slidesContainer">
 +
      <div class="slide">
 +
        <img src="http://img.photobucket.com/albums/v26/bluemelon/stockphoto.png" width="600" height="400"/>
 +
      </div>
 +
      <div class="slide">
 +
        <img src="http://img.photobucket.com/albums/v26/bluemelon/poop18.jpg" width="600" height="400">
 +
      </div>
 +
      <div class="slide">
 +
        <img src="http://img.photobucket.com/albums/v26/bluemelon/poop17.jpg" width="600" height="400">
 +
      </div>
 +
      <div class="slide">
 +
        <img src="http://img.photobucket.com/albums/v26/bluemelon/aergeatrgert.jpg" width="300" height="400">
 +
      </div>
 +
  </div>
 +
  </div>
 +
  <!-- Slideshow HTML -->
 +
 
 +
 
</div>
</div>
 +
</center>
 +
</body>
</html>
</html>
-
<!-- *** End of the alert box *** -->
 
-
{|align="justify"
 
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
 
-
|[[Image:UC_Davis_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 
-
|[[Image:UC_Davis_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:UC_Davis | Team UC_Davis]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
      <div id="main">
-
!align="center"|[[Team:UC_Davis|Home]]
+
<p><p class="helvetica2">TEXT</p>
-
!align="center"|[[Team:UC_Davis/Team|Team]]
+
yup
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=UC_Davis Official Team Profile]
+
<p><p><p><p>
-
!align="center"|[[Team:UC_Davis/Project|Project]]
+
<p><p class="helvetica2">TEXT</p>
-
!align="center"|[[Team:UC_Davis/Parts|Parts Submitted to the Registry]]
+
color scheme? logo? borders?
-
!align="center"|[[Team:UC_Davis/Modeling|Modeling]]
+
<p><p><p><p>
-
!align="center"|[[Team:UC_Davis/Notebook|Notebook]]
+
<p><p class="helvetica2">TEXT</p>
-
!align="center"|[[Team:UC_Davis/Safety|Safety]]
+
stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff
-
!align="center"|[[Team:UC_Davis/Attributions|Attributions]]
+
<p><p><p><p><p><p><p><p><p><p><p><p>
-
|}
+
 
 +
</div>
 +
 
 +
<p><p></p></p> 
 +
 
 +
<div id="bottom">
 +
<br><br><center><p class="verdana">
 +
 
 +
yup yup
 +
 
 +
</p></center><br><br>
 +
</div>
 +
<script src="jquery.min.js"></script>
 +
 
 +
</body>
 +
</html>

Revision as of 23:56, 1 July 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> This is a test web page: // // $(document).ready(function(){ var currentPosition = 0; var slideWidth = 600; var slides = $('.slide'); var numberOfSlides = slides.length; // Remove scrollbar in JS $('#slidesContainer').css('overflow', 'hidden'); // Wrap all .slides with #slideInner div slides .wrapAll('

') // Float left to display horizontally, readjust .slides width .css({ 'float' : 'left', 'width' : slideWidth }); // Set #slideInner width equal to total width of all slides $('#slideInner').css('width', slideWidth * numberOfSlides); // Insert controls in the DOM $('#slideshow') .prepend('Clicking moves left') .append('Clicking moves right'); // Hide left arrow control on first load manageControls(currentPosition); // Create event listeners for .controls clicks $('.control') .bind('click', function(){ // Determine new position currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; // Hide / show controls manageControls(currentPosition); // Move slideInner using margin-left $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); // manageControls: Hides and Shows controls depending on currentPosition function manageControls(position){ // Hide left arrow if position is first slide if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() } // Hide right arrow if position is last slide if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() } } }); //remove it later




<p class="helvetica2">TEXT

yup

<p><p><p> <p><p class="helvetica2">TEXT

color scheme? logo? borders?

<p><p><p> <p><p class="helvetica2">TEXT

stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff stuff

<p><p><p><p><p><p><p><p><p><p><p> </div> <p><p>

</p>


yup yup



<script src="jquery.min.js"></script>

</body>

</html>
Retrieved from "http://2012.igem.org/Team:UC_Davis"