Team:UC Davis

From 2012.igem.org

(Difference between revisions)
Line 80: Line 80:
         <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" />
         <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" />
<script type="text/javascript"        src ="https://2012.igem.org/forum/forum_scripts.js"></script>
<script type="text/javascript"        src ="https://2012.igem.org/forum/forum_scripts.js"></script>
 +
<!-- slide script starts here -->
<!-- slide script starts here -->
Line 87: Line 88:
     if ( $current.length == 0 ) $current = $('#slides IMG:last');
     if ( $current.length == 0 ) $current = $('#slides IMG:last');
-
 
     var $next =  $current.next().length ? $current.next()
     var $next =  $current.next().length ? $current.next()
         : $('#slides IMG:first');
         : $('#slides IMG:first');
-
   
 
-
    var $n_sibs  = $current.siblings();
 
-
    var rndNum = Math.floor(Math.random() * $n_sibs.length );
 
-
    var $next  = $( $n_sibs[ rndNum ] );
 
-
 
-
    $current.addClass('previous');
 
 +
      $current.addClass('previous');
     $next.css({opacity: 0.0})
     $next.css({opacity: 0.0})
         .addClass('current')
         .addClass('current')
Line 102: Line 97:
             $current.removeClass('current previous');
             $current.removeClass('current previous');
         });
         });
 +
 +
var $navicurrent = $('.progress li.current');
 +
if($navicurrent.length ==0) $navicurrent = $('.progress li:last');
 +
var $navinext = $navicurrent.next().length ? $navicurrent.next() : $('.progress li:first');
 +
$navicurrent.addClass('previous');
 +
$navicurrent.removeClass('current previous');
 +
$navinext.addClass('current').animate({opacity: 1.0}, 2500, function() {
 +
        });
 +
 +
$('.progress li').click(function(){
 +
   
 +
var $ncurrent = $(this);
 +
        $('.progress li').removeClass('current').removeClass('previous');
 +
        $('#slides IMG').removeClass('current').removeClass('previous');
 +
        $ncurrent.addClass('current');
 +
        var ncurrentindex = $ncurrent.index();
 +
if(  ncurrentindex=== 0) $current = $('#slides IMG:first');
 +
        if(  ncurrentindex=== 1) $current = $('#slides IMG:eq(1)');
 +
        if(  ncurrentindex=== 2) $current = $('#slides IMG:eq(2)');
 +
        if(  ncurrentindex=== 3) $current = $('#slides IMG:last');
 +
        $current.addClass('current');
 +
 +
});
 +
}
}
$(function() {
$(function() {
Line 108: Line 127:
</script>
</script>
 +
 +
</script>
<!-- slide script ends here -->
<!-- slide script ends here -->
Line 146: Line 167:
h3#siteSub { display: none;}
h3#siteSub { display: none;}
#contentSub {display: none;}
#contentSub {display: none;}
-
p:first-child { display: none;}
+
p:first-child { display: block;}
h1{border:none; width: 100%; clear: both;}
h1{border:none; width: 100%; clear: both;}
 +
<!-- end of slides style -->
<!-- end of slides style -->
Line 329: Line 351:
     z-index:2;
     z-index:2;
}
}
 +
 +
.progress {
 +
 +
margin-top:-270px;
 +
margin-left:20px;
 +
position:absolute;
 +
 +
}
 +
 +
.progress li{
 +
border:1px solid rgba(0,0,0,0.9);
 +
border-radius:3px;
 +
margin-left: 5px;
 +
float:left;
 +
display:block;
 +
position:relative;
 +
z-index:10;
 +
background-color:rgba(255,255,255,0.4);
 +
}
 +
 +
.progress li a{
 +
    padding-left: 6px;
 +
    padding-right: 6px;
 +
}
 +
 +
.progress li a:hover {
 +
text-decoration:none;
 +
}
 +
 +
.progress .current {
 +
background-color:white;
 +
}
 +
/* slide ends here */
/* slide ends here */
//leftbox, rightbox starts here
//leftbox, rightbox starts here
Line 472: Line 527:
{
{
color:white;
color:white;
 +
font: sans-serif;
 +
}
 +
 +
#sponsorbox .sponsorfloat p
 +
{
 +
font: sans-serif;
}
}
.newsAnnouncement
.newsAnnouncement
Line 480: Line 541:
overflow-y:scroll;
overflow-y:scroll;
}
}
 +
.floatbox3
.floatbox3
{
{
Line 535: Line 597:
         border: 1px solid #444444;
         border: 1px solid #444444;
}
}
 +
//twitt style starts here
 +
#tweets {
 +
 +
    width: 205px;
 +
    margin: 0 auto;
 +
    font: sans-serif;
 +
    font-size: 12px;
 +
}
 +
 +
#tweets .twtr-widget,
 +
#tweets .twtr-doc {
 +
 +
    width: 100%;
 +
    height: auto;
 +
}
 +
 +
#tweets .twtr-hd {
 +
    display:none;
 +
    background: #d40;
 +
    color: #fff;
 +
    -moz-border-radius: 4px 4px 0 0;
 +
    border-radius: 4px 4px 0 0;
 +
    font-family: sans-serif !important;
 +
    }
 +
 +
#tweets .twtr-hd *,
 +
#tweets .twtr-hd h4 a {
 +
 +
    background: #d40 !important;
 +
    font: sans-serif !important;
 +
}
 +
 +
#tweets .twtr-hd h3,
 +
#tweets .twtr-hd h4 {
 +
 +
    font-weight: normal;
 +
    text-align: left;
 +
    margin:0;
 +
}
 +
 +
#tweets .twtr-hd h3 {
 +
       
 +
    background: #fff !important;
 +
    color: #333 !important;
 +
    font: sans-serif;
 +
    font-size: 1.0em !important;
 +
    padding: 0.2em !important;
 +
    -moz-border-radius: 0px;
 +
    border-radius: 0px;
 +
 +
}
 +
 +
#tweets .twtr-tweet {
 +
 +
    background: #fff;
 +
    font: sans-serif !important;
 +
    font-size: 12px;
 +
}
 +
 +
#tweets .twtr-tweet a:link,
 +
#tweets .twtr-tweet a:visited,
 +
#tweets .twtr-tweet a:hover {
 +
 +
    color: #c40 !important;
 +
 +
}
 +
 +
#tweets .twtr-tweet .twtr-tweet-text {
 +
 +
    border-bottom: 1px dashed #666 !important;
 +
    padding-bottom: 4px !important;
 +
    font: sans-serif;
 +
    font-size:12px;
 +
}
 +
 +
#tweets .twtr-tweet .twtr-tweet-text p {
 +
    color: #333 !important;
 +
    font: sans-serif;
 +
    font-size: 12px;
 +
}
 +
//twitt style ends here
</style>
</style>
Line 599: Line 742:
<div id="slides">
<div id="slides">
-
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-1-2.jpg" width="850" height="280" alt="" class="current" />
+
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-1-2.jpg" width="850" height="280" alt="" class="current" />
-
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-2-2.jpg" width="850" height="280" alt="" />
+
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-2-2.jpg" width="850" height="280" alt="" />
-
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-3-2.jpg" width="850" height="280" alt="" />
+
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-3-2.jpg" width="850" height="280" alt="" />
-
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-4-2.jpg" width="850" height="280" alt="" />
+
     <img src="http://img.photobucket.com/albums/v26/bluemelon/slide-4-2.jpg" width="850" height="280" alt="" />
-
+
</div>
</div>
 +
    <ul class="progress">
 +
<li class="current"><a href="#n_0">1</a> </li>
 +
<li><a href="#n_1">2</a> </li>
 +
        <li><a href="#n_2">3</a> </li>
 +
        <li><a href="#n_3">4</a> </li>
 +
    </ul>
<!-- slide show ends here -->  
<!-- slide show ends here -->  
-
<!--we extend the main-content div further by removing </div> or if you want to stop here then put </div> back here -->
 
<div id="bodyContent">   
<div id="bodyContent">   
Line 616: Line 763:
<div id="sponsorbox">
<div id="sponsorbox">
<div id="sponsorbox" class="sponsorfloat">
<div id="sponsorbox" class="sponsorfloat">
 +
<!-- twitter starts here -->
 +
</script>
 +
<div id="tweets">
<center>
<center>
-
<h2>News</h2>
+
<h2>UCDavis iGEM Tweets</h2>
</center>
</center>
-
<div class="newsAnnouncement">
+
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
-
<ul>
+
<script>
-
<li>Presented our respective project at the UC San Francisco campus. We interacted with teams from UC Berkeley, UCSF, and Stanford-Brown.  </li>
+
new TWTR.Widget({
-
<li>Requested the protocal from the iGEM Washington 2011 team, July 10th. </li>
+
  version: 2,
-
<li>Field trip to Yolo County Landfill, June 27th. Met with Ramin Yazdani, the senior civil engineer at the landfill. </li>
+
  type: 'profile',
-
<li>Sushi buffet for lunch, June 21st</li>
+
  rpp: 10,
-
<li>First day of iGEM meeting, June 18th</li>
+
  interval: 30000,
-
</ul>
+
  width: 205,
 +
  height: 100,
 +
 
 +
  theme: {
 +
    shell: {
 +
      background: '#004b85',
 +
      color: '#ffffff'
 +
    },
 +
    tweets: {
 +
      background: '#004b85',
 +
      color: '#ffffff',
 +
      links: '#4aed05'
 +
    }
 +
   
 +
  },
 +
  features: {
 +
    scrollbar: true,
 +
    loop: false,
 +
    live: true,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('UCDavisiGEM').start();
 +
 
 +
</script>
</div>
</div>
 +
<!-- twitter ends here -->
</div>
</div>
<div id="sponsorbox" class="sponsorfloat">
<div id="sponsorbox" class="sponsorfloat">
-
<center>
+
<center>  
<h2>Criteria</h2>
<h2>Criteria</h2>
View our judging criteria for iGEM 2012 <a href="https://2012.igem.org/Team:UC_Davis/Criteria" style="color:#33FF33;">here</a>.
View our judging criteria for iGEM 2012 <a href="https://2012.igem.org/Team:UC_Davis/Criteria" style="color:#33FF33;">here</a>.
Line 664: Line 838:
</div>
</div>
-
 
-
<!--
 
-
<a href="https://2011.igem.org/Team:UC_Davis/PartFamilies"><div id="sponsorbox" class="sponsorfloat"></a>
 
-
<center>
 
-
<h2>Start a Family</h2>
 
-
Got a favorite BioBrick? Check our our <a href="https://2011.igem.org/Team:UC_Davis/PartFamilies">process</a> for expanding basic parts into part families.
 
-
</div>
 
-
-->
 
-
 
</div>
</div>
Line 721: Line 886:
</div>
</div>
</div>
</div>
-
 
-
 
</body>
</body>
</html>
</html>

Revision as of 17:32, 23 August 2012

Team:UC Davis - 2012.igem.org

UCDavis iGEM Tweets

Criteria

View our judging criteria for iGEM 2012 here.

Our Sponsors

Welcome

Welcome to iGEM 2012 at UC Davis!

This year's UC Davis team is composed of ten undergraduates, two advisors, and a graduate student. We come from different areas of study, but we're all working together on this year's synthetic biology project. Due to the global impact of plastic pollution, we have decided to focus on biodegradation of polyethylene terephthalate (PET). PET is a commonly and widely used plastic, but only a small percentage of them are recycled, meaning a majority of the trash ends up in landfills and the oceans. It is a global issue, and achieving our goal would have a big impact on the issue of plastic degradation.

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