|
|
| Line 13: |
Line 13: |
| | | | |
| | <html> | | <html> |
| - | <style type='text/css'>p {color: red;}#slideshow * {margin: 0;padding: 0;}#slideshow {float: left;width: auto;height: auto;border: 5px solid #FFF;background: #fff;}#slides {width: 500px;height: 200px;list-style: none;overflow: hidden;}#slides dt {width: 500px;height: 200px;}#menu_bar * {padding: 0;margin: 0;}#menu_bar {float: left;height: 30px;padding-right: 5px;}#menu_bar dt {width: 188px;border: 2px solid #000;padding: 8px;font-weight: bold;cursor: pointer;}#menu_bar dt:hover, .current {background: #666;}#menu_bar dd {position: absolute;overflow: hidden;width: 208px;display: none;background: #fff;opacity: 0;}#menu_bar ul {width: 204px;border: 2px solid #000;list-style: none;border-top: none;}#menu_bar li {display: inline;}#menu_bar a, #menu_bar a:active, #menu_bar a:visited {display: block;padding: 5px;color: #000;text-decoration: none;background: #FFF;width: 194px;}#menu_bar a:hover {background: #666;color: #000;}#menu_bar .underline {border-bottom: 1px solid #000;}</style> | + | <head> |
| - | <script type="javascript"> | + | <script type="text/javascript"> |
| - | | + | <!-- |
| - | var DDSPEED = 10; | + | var image1=new Image() |
| - | var DDTIMER = 15;
| + | image1.src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/CSU_The_Oval.jpg/800px-CSU_The_Oval.jpg" |
| | + | var image2=new Image() |
| | + | image2.src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Spruce_Hall.jpg/800px-Spruce_Hall.jpg" |
| | + | var image3=new Image() |
| | + | image3.src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/CSU_University_Center_for_the_Arts.jpg/800px-CSU_University_Center_for_the_Arts.jpg" |
| | + | var image4=new Image() |
| | + | image4.src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/37/CSU_Campus.jpg/800px-CSU_Campus.jpg" |
| | + | //--> |
| | + | </script> |
| | + | </head> |
| | + | <img src="boxingring.png" name="slide" width="965" height="400"> |
| | + | <script type="text/javascript"> |
| | + | <!-- |
| | + | var step=1 |
| | | | |
| - | function ddMenu(id,d){ | + | function slideit(){ |
| - | var h = document.getElementById(id + '-ddheader');
| + | document.images.slide.src=eval("image"+step+".src"); |
| - | var c = document.getElementById(id + '-ddcontent');
| + | |
| - | clearInterval(c.timer);
| + | if(step<3) { |
| - | if(d == 1){
| + | step++; |
| - | clearTimeout(h.timer); | + | } else { |
| - | if(c.maxh && c.maxh <= c.offsetHeight){return} | + | step=1; |
| - | else if(!c.maxh){ | + | setTimeout("slideit()",2500); |
| - | c.style.display = 'block';
| + | |
| - | c.style.height = 'auto';
| + | |
| - | c.maxh = c.offsetHeight;
| + | |
| - | c.style.height = '0px';
| + | |
| | } | | } |
| - | c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER); | + | slideit() |
| - | }else{
| + | |
| - | h.timer = setTimeout(function(){ddCollapse(c)},50);
| + | |
| - | }
| + | |
| | } | | } |
| | + | //--> |
| | + | </script> |
| | | | |
| - | function ddCollapse(c){
| + | <div id="instructions" style="text-align: right; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;"> |
| - | c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER);
| + | |
| - | }
| + | |
| | | | |
| - | function cancelHide(id){
| |
| - | var h = document.getElementById(id + '-ddheader');
| |
| - | var c = document.getElementById(id + '-ddcontent');
| |
| - | clearTimeout(h.timer);
| |
| - | clearInterval(c.timer);
| |
| - | if(c.offsetHeight < c.maxh){
| |
| - | c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
| |
| - | }
| |
| - | }
| |
| | | | |
| - | function ddSlide(c,d){
| + | </br> |
| - | var currh = c.offsetHeight;
| + | |
| - | var dist;
| + | |
| - | if(d == 1){
| + | |
| - | dist = (Math.round((c.maxh - currh) / DDSPEED));
| + | |
| - | }else{
| + | |
| - | dist = (Math.round(currh / DDSPEED));
| + | |
| - | }
| + | |
| - | if(dist <= 1 && d == 1){
| + | |
| - | dist = 1;
| + | |
| - | }
| + | |
| - | c.style.height = currh + (dist * d) + 'px';
| + | |
| - | c.style.opacity = currh / c.maxh;
| + | |
| - | c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
| + | |
| - | if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)){
| + | |
| - | clearInterval(c.timer);
| + | |
| - | }
| + | |
| - | }
| + | |
| | | | |
| - | var TINY={};
| |
| | | | |
| - | function T$(i){return document.getElementById(i)}
| + | </div> |
| - | function T$$(e,p){return p.getElementsByTagName(e)}
| + | |
| | | | |
| - | TINY.fader=function(){
| + | <br> |
| - | function fade(n,p){this.n=n; this.init(p)}
| + | <p style="text-align: center;"> We proudly roam the steepest and most treacherous mountain sides, looking for adventure, and exploring whatever comes our way. We do not back down from challenges, instead we charge them head on. Although we do occasionally clash heads, we power through our disagreements, because... |
| - | fade.prototype.init=function(p){
| + | we are the CSU Rams!!! |
| - | var s=T$(p.id), u=this.u=T$$('dt',s), l=u.length, i=this.l=this.c=this.z=0;
| + | <align="center"><a href="http://www.colostate.edu"><img src="http://iddsummit.org/wp-content/uploads/2010/05/colorado-state-university-logo.jpg |
| - | if(p.navid&&p.activeclass){this.g=T$$('dt',T$(p.navid)); this.s=p.activeclass}
| + | " title="Team" id="wows0"/></a> |
| - | s.style.overflow='hidden'; this.a=p.auto||0; this.p=p.resume||0;
| + | |
| - | for(i;i<l;i++){
| + | |
| - | if(u[i].parentNode==s){
| + | |
| - | u[i].style.position='absolute'; this.l++; u[i].o=p.visible?100:0;
| + | |
| - | u[i].style.opacity=u[i].o/100; u[i].style.filter='alpha(opacity='+u[i].o+')'
| + | |
| - | }
| + | |
| - | }
| + | |
| - | this.pos(p.position||0,this.a?1:0,p.visible)
| + | |
| - | },
| + | |
| - | fade.prototype.auto=function(){
| + | |
| - | this.u.ai=setInterval(new Function(this.n+'.move(1,1)'),this.a*1000)
| + | |
| - | },
| + | |
| - | fade.prototype.move=function(d,a){
| + | |
| - | var n=this.c+d, i=d==1?n==this.l?0:n:n<0?this.l-1:n; this.pos(i,a)
| + | |
| - | },
| + | |
| - | fade.prototype.pos=function(i,a,v){
| + | |
| - | var p=this.u[i]; this.z++; p.style.zIndex=this.z;
| + | |
| - | clearInterval(p.si); clearInterval(this.u.ai); this.u.ai=0; this.c=i;
| + | |
| - | if(p.o>=100&&!v){p.o=0; p.style.opacity=0; p.style.filter='alpha(opacity=0)'}
| + | |
| - | if(this.g) {
| + | |
| - | for(var x=0;x<this.l;x++) {
| + | |
| - | if (i==x) {
| + | |
| - | //this.g[x].className=x==i?this.s:'';
| + | |
| - | //********CURRENT MENU ITEM STYLE GOES HERE**************
| + | |
| - | this.g[x].style.background='#666';
| + | |
| - | } else {
| + | |
| - | //********OFF MENU ITEM STYLE GOES HERE**************
| + | |
| - | this.g[x].style.background='#FFF';
| + | |
| - | }
| + | |
| - | }
| + | |
| - | }
| + | |
| - | p.si=setInterval(new Function(this.n+'.fade('+i+','+a+')'),20)
| + | |
| - | },
| + | |
| - | fade.prototype.fade=function(i,a){
| + | |
| - | var p=this.u[i];
| + | |
| - | if(p.o>=100){
| + | |
| - | clearInterval(p.si); if((a||(this.a&&this.p))&&!this.u.ai){this.auto()}
| + | |
| - | }else{
| + | |
| - | p.o+=5; p.style.opacity=p.o/100; p.style.filter='alpha(opacity='+p.o+')'
| + | |
| - | }
| + | |
| - | };
| + | |
| - | return{fade:fade}
| + | |
| - | }();
| + | |
| | | | |
| - | </script> | + | </p> |
| | + | |
| | + | <table width="100%" cellpadding="0" cellspacing="10" border="0"> |
| | + | <tr> |
| | + | <td width="50%" valign="top"> |
| | + | |
| | + | <div align="center"> <b> Gluten-Free </b> </div> <br> |
| | + | |
| | + | <div align="center"><img src="http://www.lakemichiganceliacs.com/web_images/logo-for-web_000_000_000.gif" /></div> |
| | + | |
| | + | <p>We are working at this time</p> |
| | + | |
| | + | <p> If you have Celiac Disease or are Gluten-Intolerant (and are over 21), stop what you are doing right now. Your prayers for a great tasting gluten-free beer have finally been answered, or at least are in the process of being answered. Think of it as a delay in the mailroom. All of those nights when your friends were taunting you with the ice cold, delicious, golden liquid that gives courage to even the most faint of heart are quickly coming to an end. Your desire to enjoy a "cold one" without having a gut-wrenching reaction should be fullfilled by the end of the summer. The CSU iGEM team is working on producing a "gluten-free" beer that can be brewed from wheat or barley so you can savor that same great taste you know and love. So cross your fingers, bust out your lucky rabbits foot, and watch out for black cats because we are gearing up for something big, and it has never been done before. |
| | + | </p> |
| | + | </td> |
| | + | <td width="50%" valign="top"> |
| | + | <div align="center"> <b> Under Construction! </b> </div> <br> |
| | | | |
| - | <div id="slideshow">
| + | <img src=" http:// farm3.static. flickr. com/ 2324/ 1858548370_ccc9856016.jpg" /> |
| - | <dl id="slides" >
| + | |
| - | <dt><img src=" https:// static. igem.org/mediawiki/2012/6/61/Colorado_State_Oval.png" width="500" height="300"/></dt> | + | |
| - | <dt><img src="https://static.igem.org/mediawiki/2012/a/a5/Temp1.jpg" width="500" height="300"/></dt>
| + | |
| - | <dt><img src="https://static.igem.org/mediawiki/2012/7/71/Temp3.jpg" width="500" height="300"/></dt>
| + | |
| - | </dl>
| + | |
| - | <!--<dl id="menu_bar">
| + | |
| - | <dt onClick="slideshow.pos(0)">1</dt>
| + | |
| - | <dt onClick="slideshow.pos(1)">2</dt>
| + | |
| - | <dt onClick="slideshow.pos(2)">3</dt>
| + | |
| - | <dt onClick="slideshow.pos(3)">4</dt>
| + | |
| - | </dl>-->
| + | |
| - | <table id="menu_bar" cellspacing="0">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <dl>
| + | |
| - | <dt id="1-ddheader" style="border-right: none;" onClick="slideshow.pos(0)" onMouseOver="ddMenu('1',1)" onMouseOut="ddMenu('1',-1)">menu_bar 1</dt>
| + | |
| - | <dd id="1-ddcontent" onMouseOver="cancelHide('1')" onMouseOut="ddMenu('1',-1)">
| + | |
| - | <ul>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 1</a></li>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 2</a></li>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 3</a></li>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 4</a></li>
| + | |
| - | <li><a href="#">Navigation Item 5</a></li>
| + | |
| - | </ul>
| + | |
| - | </dd>
| + | |
| - | </dl>
| + | |
| - | </td>
| + | |
| - |
| + | |
| - | <td>
| + | |
| - | <dl>
| + | |
| - | <dt id="2-ddheader" style="border-right: none;" onClick="slideshow.pos(0)" onMouseOver="ddMenu('2',1)" onMouseOut="ddMenu('2',-1)">menu_bar 2</dt>
| + | |
| - | <dd id="2-ddcontent" onMouseOver="cancelHide('2')" onMouseOut="ddMenu('2',-1)">
| + | |
| - | <ul>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 1</a></li>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 2</a></li>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 3</a></li>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 4</a></li>
| + | |
| - | <li><a href="#">Navigation Item 5</a></li>
| + | |
| - | </ul>
| + | |
| - | </dd>
| + | |
| - | </dl>
| + | |
| - | </td>
| + | |
| - |
| + | |
| - | <td>
| + | |
| - | <dl>
| + | |
| - | <dt id="3-ddheader" onClick="slideshow.pos(0)" onMouseOver="ddMenu('3',1)" onMouseOut="ddMenu('3',-1)">menu_bar 3</dt>
| + | |
| - | <dd id="3-ddcontent" onMouseOver="cancelHide('3')" onMouseOut="ddMenu('3',-1)">
| + | |
| - | <ul>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 1</a></li>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 2</a></li>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 3</a></li>
| + | |
| - | <li><a href="#" class="underline">Navigation Item 4</a></li>
| + | |
| - | <li><a href="#">Navigation Item 5</a></li>
| + | |
| - | </ul>
| + | |
| - | </dd>
| + | |
| - | </dl>
| + | |
| - | </td>
| + | |
| - |
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | <script type="text/javascript">
| + | |
| - | var slideshow=new TINY.fader.fade('slideshow',{
| + | |
| - | id:'slides',
| + | |
| - | auto:3,
| + | |
| - | resume:true,
| + | |
| - | navid:'menu_bar',
| + | |
| - | activeclass:'current',
| + | |
| - | visible:true,
| + | |
| - | position:0
| + | |
| - | });
| + | |
| - | </script>
| + | |
| | | | |
| - | <p>We proudly roam the steepest and most treacherous mountain sides, looking for adventure, and exploring whatever comes our way. We do not back down from challenges, instead we charge them head on. Although we do occasionally clash heads, we power through our disagreements, because...
| + | <p>We are also working on… To be Continued. |
| - | we are the CSU Rams!!!
| + | </p> |
| - | <align="center"><a href="http://www.colostate.edu"><img src="http://iddsummit.org/wp-content/uploads/2010/05/colorado-state-university-logo.jpg
| + | </td> |
| - | " title="Team" id="wows0"/></a>
| + | </tr> |
| - |
| + | </table> |
| - | </p>
| + | |
| - |
| + | |
| - | <table width="100%" cellpadding="0" cellspacing="10" border="0">
| + | |
| - | <tr>
| + | |
| - | <td width="50%" valign="top"> | + | |
| - |
| + | |
| - | <div align="center"> <b> Gluten-Free </b> </div> <br>
| + | |
| - |
| + | |
| - | <div align="center"><img style="cursor: pointer;" onClick="alert('blah');" src="http://www.lakemichiganceliacs.com/web_images/logo-for-web_000_000_000.gif" /></div>
| + | |
| - |
| + | |
| - | <p>We are working at this time</p>
| + | |
| - |
| + | |
| - | <p>If you have Celiac Disease or are Gluten-Intolerant (and are over 21), stop what you are doing right now. Your prayers for a great tasting gluten-free beer have finally been answered, or at least are in the process of being answered. Think of it as a delay in the mailroom. All of those nights when your friends were taunting you with the ice cold, delicious, golden liquid that gives courage to even the most faint of heart are quickly coming to an end. Your desire to enjoy a "cold one" without having a gut-wrenching reaction should be fullfilled by the end of the summer. The CSU iGEM team is working on producing a "gluten-free" beer that can be brewed from wheat or barley so you can savor that same great taste you know and love. So cross your fingers, bust out your lucky rabbits foot, and watch out for black cats because we are gearing up for something big, and it has never been done before.</p>
| + | |
| - | </td>
| + | |
| - | <td width="50%" valign="top">
| + | |
| - | <div align="center"> <b> Under Construction! </b> </div> <br>
| + | |
| - |
| + | |
| - | <img src="http://farm3.static.flickr.com/2324/1858548370_ccc9856016.jpg" />
| + | |
| - |
| + | |
| - | <p>We are also working on… To be Continued. | + | |
| - | </p>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| | </html> | | </html> |
We proudly roam the steepest and most treacherous mountain sides, looking for adventure, and exploring whatever comes our way. We do not back down from challenges, instead we charge them head on. Although we do occasionally clash heads, we power through our disagreements, because...
we are the CSU Rams!!!
"
