Team:CU-Boulder

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
 
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 
-
<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;">
 
-
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>
 
-
<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>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<!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" xml:lang="en" lang="en" dir="ltr">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="generator" content="MediaWiki 1.16.0" />
 +
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:Colorado_State&amp;action=edit" />
 +
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:Colorado_State&amp;action=edit" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2012.igem.org (en)" />
 +
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:Colorado_State&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2012.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:Colorado State - 2012.igem.org</title>
 +
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
@import "/wiki/skins/common/shared.css?270";
 +
@import "/wiki/skins/igem/main.css?270";
 +
/*]]>*/</style>
 +
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 +
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
 +
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
 +
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 +
 +
<script>
 +
var skin="igem",
 +
stylepath="/wiki/skins",
 +
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 +
wgArticlePath="/$1",
 +
wgScriptPath="/wiki",
 +
wgScriptExtension=".php",
 +
wgScript="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="https://2012.igem.org",
 +
wgCanonicalNamespace="",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=0,
 +
wgPageName="Team:Colorado_State",
 +
wgTitle="Team:Colorado State",
 +
wgAction="view",
 +
wgArticleId=1229,
 +
wgIsArticle=true,
 +
wgUserName="Lalondej",
 +
wgUserGroups=["*", "user", "autoconfirmed"],
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=300995,
 +
wgVersion="1.16.0",
 +
wgEnableAPI=true,
 +
wgEnableWriteAPI=true,
 +
wgSeparatorTransformTable=["", ""],
 +
wgDigitTransformTable=["", ""],
 +
wgMainPageTitle="Main Page",
 +
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2012.igem.org", "5": "2012.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 +
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2012.igem.org": 4, "2012.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 +
wgSiteName="2012.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 +
wgDBname="2012_igem_org",
 +
wgSearchNamespaces=[0],
 +
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 +
wgRestrictionEdit=[],
 +
wgRestrictionMove=[],
 +
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
 +
</script>               
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
</head>
 +
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_Colorado_State">
 +
  <div id="globalWrapper">
 +
    <div id="top-section">
 +
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    <img src='/wiki/skins/common/images/wiki.png'>"
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
-
{|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:CU-Boulder_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:CU-Boulder_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:CU-Boulder | Team CU-Boulder]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<div id="menubar" class='left-menu noprint'>
-
!align="center"|[[Team:CU-Boulder|Home]]
+
  <ul>
-
!align="center"|[[Team:CU-Boulder/Team|Team]]
+
                  <li
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=CU-Boulder Official Team Profile]
+
                class='selected'       ><a href="/Team:Colorado_State">Page              </a></li>
-
!align="center"|[[Team:CU-Boulder/Project|Project]]
+
              <li
-
!align="center"|[[Team:CU-Boulder/Parts|Parts Submitted to the Registry]]
+
                    ><a href="/Talk:Team:Colorado_State">Discussion              </a></li>
-
!align="center"|[[Team:CU-Boulder/Modeling|Modeling]]
+
              <li
-
!align="center"|[[Team:CU-Boulder/Notebook|Notebook]]
+
                    ><a href="/wiki/index.php?title=Team:Colorado_State&amp;action=edit">Edit              </a></li>
-
!align="center"|[[Team:CU-Boulder/Safety|Safety]]
+
              <li
-
!align="center"|[[Team:CU-Boulder/Attributions|Attributions]]
+
                    ><a href="/wiki/index.php?title=Team:Colorado_State&amp;action=history">History              </a></li>
-
|}
+
              <li
 +
                    ><a href="/Special:MovePage/Team:Colorado_State">Move              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:Colorado_State&amp;action=watch">Watch              </a></li>
 +
              <li style='color:#808080;cursor:default'>teams</li>
 +
  </ul>
 +
</div> <!-- end menubar (left) -->
 +
 
 +
<div class="right-menu noprint" id="menubar">
 +
    <ul>
 +
                <li id="pt-userpage"><a href="/User:Lalondej" title="Your user page [.]" accesskey="." class="new">Lalondej</a></li>                              <li id='pt-preferences'><a href='https://igem.org/User_Information' title='My account'>My account</a></li>
 +
                          <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:Colorado_State" title="Log out">Log out</a></li>     </ul>
 +
</div><!-- end right menubar -->
 +
 
 +
<div id="search-controls" class="noprint">
 +
<form action="/Special:Search" id="searchform">
 +
<input id="searchInput" name="search" type="text" title="Search 2012.igem.org [f]" accesskey="f" value="" />
 +
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
 +
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
 +
</form>
 +
</div> <!-- close search controls -->
 +
    </div> <!-- close top-section-->
 +
    <div id="content">
 +
<a name="top" id="top"></a>
 +
<h1 class="firstHeading">Team:Colorado State</h1>
 +
<div id="bodyContent">
 +
<h3 id="siteSub" class='noprint'>From 2012.igem.org</h3>
 +
<div id="contentSub"></div>
 +
<!--
 +
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
<!-- start content -->
 +
<p>
 +
<!--
 +
 
 +
 
 +
 
 +
***************************************************************
 +
***************************************************************
 +
*********STOP! BEFORE YOU STEAL MY CODE, READ THIS!************
 +
***************************************************************
 +
***************************************************************
 +
 
 +
2012 Colorado State iGEM Team Wiki Site
 +
 
 +
by Ethan Ho - Ethan.N.Ho@Gmail.com
 +
 
 +
All code is original, except the dropdown menu, which is modified
 +
code.
 +
 
 +
Do not copy or in any way, shape, or form, use any of this code
 +
without the explicit permission of Ethan Ho (reachable by above
 +
E-mail).  I'll probably say yes.
 +
 
 +
Be a good person. Obey the rules.
 +
 
 +
Peace out,
 +
 
 +
Ethan
 +
 
 +
 
 +
 
 +
-->
 +
<head>
 +
<style type="text/css">
 +
 
 +
.editbutton {
 +
visibility: hidden;
 +
width: 0;
 +
height: 0;
 +
}
 +
 
 +
/*
 +
If you want to edit each individual page, uncomment the following
 +
line of code to reveal the handy "Edit page" buttons!
 +
*/
 +
 
 +
.editbutton {visibility: visible; width: auto; height: auto;}
 +
 
 +
/*********NOTES*********
 +
 
 +
-Colors
 +
-DC8800-Medium
 +
-E9B300-Medium/Light
 +
-925F00-Dark
 +
-F1C900-Light
 +
-BDAF77-Créme/white
 +
-423600-Gold with grey overlay (27%)
 +
 
 +
*/
 +
 
 +
/*********HIDE iGEM STUFF*********/
 +
 
 +
#top-section, #footer-box, .firstHeading, .noprint, .printfooter, #catlinks, .visualclear, #contentSub, #siteSub {
 +
z-index: 1;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
visibility: hidden;
 +
width: 0;
 +
height: 0;
 +
border: none;
 +
}
 +
 
 +
/*********PAGE FORMATTING*********/
 +
 
 +
#globalWrapper *, * {
 +
border-spacing: 0;
 +
border-collapse: collapse;
 +
padding: 0;
 +
margin: 0;
 +
margin-left: 0;
 +
margin-top: 0;
 +
color: #CCC;
 +
}
 +
 
 +
body {
 +
background: url(https://static.igem.org/mediawiki/2012/2/20/Beer1.png) top left fixed #DC8800;
 +
background-size: 100% 100%;
 +
height: 100%;
 +
width: 100%;
 +
}
 +
 
 +
#content {
 +
position: relative;
 +
top: -10px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
    margin-bottom: 100px;
 +
padding: 0;
 +
width: 800px;
 +
height: auto;
 +
border: none;
 +
background: url(https://lh3.googleusercontent.com/-pusqszcwM8c/UAW5pfjsZgI/AAAAAAAAANs/0dLQIKngBhc/s488/trans1.png) repeat top left;
 +
 +
/*font-family: 'HoeflerText-Regular', 'Hoefler Text', 'Times New Roman', 'serif';*/
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 +
}
 +
 
 +
#footer {
 +
position: absolute;
 +
width: 100%;
 +
bottom: 0;
 +
z-index: 1;
 +
}
 +
 
 +
#content_main {
 +
padding: 40px;
 +
padding-top: 0;
 +
}
 +
 
 +
#side_bar {
 +
position: fixed;
 +
top: 150px;
 +
right: 0;
 +
width: 200px;
 +
height: 250px;
 +
z-index: 4;
 +
cursor: pointer;
 +
background: url(https://lh6.googleusercontent.com/-PEAQ4dNSF2Y/UAhs7D3J3VI/AAAAAAAAAOs/iRZZSBSWlK0/s300/tap1.png) no-repeat top right;
 +
background-size: 100% 100%;
 +
}
 +
 
 +
#side_bar:hover {
 +
background: url(https://lh6.googleusercontent.com/-6tCnE_Wfc1M/UAhs7N8xndI/AAAAAAAAAOs/AWmXapQj0nU/s300/tap2.png) no-repeat top left;
 +
background-size: 100% 100%;
 +
}
 +
 
 +
/*********CONTENT_MAIN FORMATTING*********/
 +
 
 +
#content_main a {
 +
font-weight: bold;
 +
color: #F1C900;
 +
text-decoration: none;
 +
}
 +
 
 +
#content_main a:hover {
 +
text-decoration: underline;
 +
}
 +
 
 +
#content_main h1, #content_main  h2, #content_main  h3, #content_main  h4, #content_main  h5 {
 +
margin-bottom: 12px;
 +
padding: 12px;
 +
border: none;
 +
border-bottom: solid 1px #CCC;
 +
line-height: 120%;
 +
}
 +
 
 +
#content_main img {
 +
border: 2px solid #CCC;
 +
}
 +
 
 +
#content_main ol, #content_main ul {
 +
margin-left: 50px;
 +
}
 +
 
 +
#content_main ul {
 +
list-style-image: url(https://lh4.googleusercontent.com/-mBAWcl14kCU/UAnEUwoTYmI/AAAAAAAAARs/Ow4zMrbuRNc/s6/bullet.png);
 +
}
 +
 
 +
#content_main td {
 +
padding: 10px;
 +
width: 50%;
 +
}
 +
 
 +
#content_main table, #content_main th, #content_main td {
 +
background: none;
 +
border: none;
 +
}
 +
 
 +
#content_main table * {
 +
color: #CCC;
 +
}
 +
 
 +
/*********SLIDESHOW*********/
 +
 
 +
#slideshow {
 +
position: relative;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 270px;
 +
overflow: hidden;
 +
}
 +
 
 +
.slide {
 +
position: absolute;
 +
right: 0;
 +
float: right;
 +
width: auto;
 +
height: 100%;
 +
}
 +
 
 +
/*********DROPDOWN CSS**********/
 +
 
 +
#menu_bar td {
 +
width: 33%;
 +
}
 +
 
 +
#menu_bar {
 +
width: 100%;
 +
overflow: hidden;
 +
color: #CCC; /*******COLOR*******/
 +
text-align: center;
 +
background: none;
 +
margin: 0;
 +
}
 +
 
 +
#menu_bar dt {
 +
text-align: center;
 +
width: 100%;
 +
padding: 8px;
 +
font-weight: bold;
 +
cursor: pointer;
 +
background: #925F00; /*******COLOR*******/
 +
}
 +
 
 +
#menu_bar dd {
 +
position: absolute;
 +
overflow: hidden;
 +
width: 267px;
 +
display: none;
 +
background: #E9B300; /*******COLOR*******/
 +
z-index: 4;
 +
opacity: 0;
 +
}
 +
 
 +
#menu_bar ul {
 +
width: 263px;
 +
border: 2px solid #925F00; /*******COLOR*******/
 +
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;
 +
text-decoration: none;
 +
width: 100%;
 +
color: #925F00; /*******COLOR*******/
 +
border-top: 1px solid #925F00; /*******COLOR*******/
 +
}
 +
 
 +
#menu_bar a:hover {
 +
background: #F1C900; /*******COLOR*******/
 +
}
 +
 
 +
.leftBorder {
 +
border-left: solid 2px #CCC;
 +
}
 +
 
 +
</style>
 +
<script type="text/javascript">
 +
//newOpac: sets new opacity
 +
 
 +
//*******************************************************************
 +
//************************SLIDESHOW SCRIPT***************************
 +
//*******************************************************************
 +
 
 +
//Performs fade animation; main function
 +
function fade(curElemID,isFading) {
 +
 +
//length that each slide shows before fade (in milliseconds)
 +
var slideStayTime = 3000;
 +
 +
//length of fade (milliseconds)
 +
var fadeTime = 800;
 +
 +
//number of fade loops: > means smoother, more CPU-intensive transition
 +
var numFadeLoops = 8;
 +
 +
//In order for fade to work correctly, opacity must be rounded to
 +
//the appropriate number of decimal places.  roundTo defines this.
 +
//For numFadeLoops < 20, roundTo = 1 will suffice.  roundNum is the
 +
//functional form.
 +
var roundTo = 1;
 +
var roundNum = Math.pow(10, roundTo);
 +
 +
//Fetches the current slide element
 +
var curElem = document.getElementById('slide' + curElemID);
 +
 +
//Performs pre-fade functions. Function must be called with isFading = false.
 +
if (isFading == false) {
 +
 +
//Fetches the next slide element.  If there is no next slide,
 +
//return to slide1.
 +
var nextElem = document.getElementById('slide' + (curElemID + 1));
 +
if (!nextElem) {
 +
var nextElem = document.getElementById('slide1');
 +
} //end if
 +
 +
//Brings current slide to front/fading z-index (3) and puts the
 +
//next slide in the corresponding z-index (2).  Slides that are
 +
//neither the current or next slide should have z-index = 1.
 +
curElem.style.zIndex = 3;
 +
nextElem.style.zIndex = 2;
 +
 +
//Sets a preliminary opacities. Optional
 +
curElem.style.opacity = 1;
 +
curElem.style.filter = 'alpha(opacity=100)';
 +
nextElem.style.opacity = 1;
 +
nextElem.style.filter = 'alpha(opacity=100)';
 +
 +
} //end if
 +
 +
//Fades out the current slide if it is not already completely faded yet
 +
if (parseFloat(curElem.style.opacity) > 0) {
 +
 +
//Sets new opacity and reruns the function
 +
var newOpac = (Math.round(roundNum * (parseFloat(curElem.style.opacity) - (1/numFadeLoops)))) / roundNum;
 +
curElem.style.opacity = newOpac;
 +
curElem.style.filter = 'alpha(opacity=' + (newOpac * 100) + ')';
 +
setTimeout(function(){fade(curElemID)}, (fadeTime/numFadeLoops));
 +
 +
//Current slide has faded completely
 +
} else {
 +
 +
//Sets the current slide to a hidden state with full opacity
 +
curElem.style.zIndex = 1;
 +
curElem.style.opacity = 1;
 +
curElem.style.filter = 'alpha(opacity=100)';
 +
 +
//Sets next slide element.  If there is no next slide,
 +
//return to slide1.
 +
 +
nextElemID = getNextSlide(curElemID);
 +
 +
//Starts next fade.  isFading = false is a required parameter
 +
setTimeout(function(){fade(nextElemID, false)}, slideStayTime);
 +
 +
//Menu bar functions
 +
menuBar(curElemID);
 +
 +
} //end if
 +
 +
} //end function fade
 +
 
 +
//Finds the next slide and returns its 'slide' + x id.
 +
function getNextSlide(curElemID) {
 +
 +
var nextElem = document.getElementById('slide' + (curElemID + 1));
 +
if (nextElem) {
 +
var nextElemID = curElemID + 1;
 +
} else {
 +
var nextElemID = 1;
 +
} //end if
 +
 +
return nextElemID;
 +
 +
} //end function getNextSlide
 +
 
 +
//Changes menu_bar element in coordination with slides
 +
function menuBar(curElemID) {
 +
 +
nextElemID = getNextSlide(curElemID);
 +
var curMenuElem = document.getElementById('ddHeader' + curElemID);
 +
var nextMenuElem = document.getElementById('ddHeader' + nextElemID);
 +
 +
//menu_bar item change actions go here
 +
nextMenuElem.style.background = '#DC8800'; /*******COLOR*******/
 +
 +
//Change last menu_bar item back to its normal state
 +
curMenuElem.style.background = '#925F00'; /*******COLOR*******/
 +
 +
} //end function menuBar
 +
 
 +
//*******************************************************************
 +
//************************DROPDOWN SCRIPT****************************
 +
//*******************************************************************
 +
 
 +
var ddspeed = 10;
 +
var ddtimer = 15;
 +
 
 +
//Main function to handle the mouse events
 +
function ddMain(id, direction) {
 +
 +
var headerElem = document.getElementById('ddHeader' + id);
 +
var contentElem = document.getElementById('ddContent' + id);
 +
clearInterval(contentElem.timer);
 +
 +
if (direction == 1) {
 +
clearTimeout(headerElem.timer);
 +
if (contentElem.maxh <= contentElem.offsetHeight) {
 +
if (contentElem.maxh) {
 +
return;
 +
} //end if
 +
} else if (!contentElem.maxh) {
 +
contentElem.style.display = 'block';
 +
contentElem.style.height = 'auto';
 +
contentElem.maxh = contentElem.offsetHeight;
 +
contentElem.style.height = '0px';
 +
} //end if
 +
contentElem.timer = setInterval(function(){ddSlide(contentElem,1)},ddtimer);
 +
} else {
 +
headerElem.timer = setTimeout(function(){ddCollapse(contentElem)},50);
 +
} //end if
 +
 +
} //end function ddMain
 +
 
 +
//Collapse menu
 +
function ddCollapse(contentElem) {
 +
 +
contentElem.timer = setInterval(function(){ddSlide(contentElem, -1)},ddtimer);
 +
 +
} //end function ddCollapse
 +
 
 +
//Cancel the collapse if a user rolls over the dropdown
 +
function cancelCollapse(id) {
 +
 +
var headerElem = document.getElementById('ddHeader' + id);
 +
var contentElem = document.getElementById('ddContent' + id);
 +
clearTimeout(headerElem.timer);
 +
clearInterval(contentElem.timer);
 +
 +
if (contentElem.offsetHeight < contentElem.maxh) {
 +
contentElem.timer = setInterval(function(){ddSlide(contentElem,1)}, ddtimer);
 +
} //end if
 +
 +
}
 +
 
 +
//Incrementally expand/contract the dropdown and change the opacity
 +
function ddSlide(contentElem,direction) {
 +
 +
var curHeight = contentElem.offsetHeight;
 +
 +
if (direction == 1) {
 +
distance = Math.round((contentElem.maxh - curHeight) / ddspeed);
 +
} else {
 +
distance = Math.round(curHeight / ddspeed);
 +
} //end if
 +
 +
if (distance <= 1) {
 +
if (direction == 1) {
 +
distance = 1;
 +
} //end if
 +
} //end if
 +
 +
contentElem.style.height = curHeight + (distance * direction) + 'px';
 +
contentElem.style.opacity = curHeight / contentElem.maxh;
 +
contentElem.style.filter = 'alpha(opacity=' + (curHeight * 100 / contentElem.maxh) + ')';
 +
 +
if (curHeight < 2) {
 +
if (direction != 1) {
 +
clearInterval(contentElem.timer);
 +
} //end if
 +
} else if (curHeight > (contentElem.maxh - 2)) {
 +
if (direction == 1) {
 +
clearInterval(contentElem.timer);
 +
} //end if
 +
} //end if
 +
} //end function ddSlide
 +
 
 +
//*******************************************************************
 +
//************************MISC FUNCTIONS*****************************
 +
//*******************************************************************
 +
 
 +
//Javascript link function
 +
function linkTo(url) {
 +
 
 +
window.location.href = url;
 +
 
 +
} //end function linkTo
 +
 
 +
//Simple function that performs startup scripts when prompted
 +
function startFunctions () {
 +
 +
setTimeout('fade(1,false)', 2000);
 +
menuBar(0);
 +
 +
} //end function startFunctions
 +
 
 +
</script>
 +
</head>
 +
<body>
 +
<img src="https://lh6.googleusercontent.com/-1Q-9hddFWuI/UCGVfn6W4wI/AAAAAAAAAVQ/e7PcCnXWO8o/s500/igem_home_logo.png" width="100" height="100" style="position: fixed; top: 10px; right: 10px; cursor: pointer;" onClick="linkTo('https://2012.igem.org/Main_Page')" />
 +
<div style="border: solid red 1px;" id="menubar"></div>
 +
    <a id="side_bar" href="https://2012.igem.org/Team:Colorado_State/Safety"></a>
 +
    <div id="content_top">
 +
        <div id="slideshow">
 +
        <div style="position: absolute; top: 0; left: 0; height: 100%; width: 55%; z-index: 4; background: url(https://lh4.googleusercontent.com/-DDU8elUPsNM/UAm_sNRqnMI/AAAAAAAAARE/1Z2Xnvq4J1A/s600/fade1.png) top left; background-size: 100% 100%;">
 +
            <a href="https://2012.igem.org/Team:Colorado_State">
 +
                    <div style="position: relative; top: 30px; left: 10px; border: solid red 1px; height: 220px; width: 287.65px; border: none; background: url(https://lh3.googleusercontent.com/-31sRsyZb5LU/UCKUYpC-gMI/AAAAAAAAAVk/MiL9X1XsNQ0/s640/logo2.png) no-repeat left; background-size: auto 100%;">
 +
                        <img src="http://picasion.com/pic56/66eccba80910fafd431232af43e6e48f.gif" style="position: absolute; top: 12%; left: 28%; height: 22%; width: auto;" />
 +
                        <img src="http://picasion.com/pic56/2f058d1a44eeb5749a3117dd586e79d6.gif" style="position: absolute; top: 26%; left: 21%; height: 12%; width: auto;" />
 +
                        <img src="http://picasion.com/pic56/fc61f0752651a6be3920ad3917e72fa2.gif" style="position: absolute; top: 42%; left: 1.5%; height: 12%; width: auto;" />
 +
                    </div>
 +
                </a>
 +
            </div>
 +
            <img id="slide1" class="slide" src="https://lh6.googleusercontent.com/-HUO1pRHwGn8/UA6_152AUUI/AAAAAAAAAUg/NIAPTu0rJeo/s912/slide2.jpg" style="z-index: 3;" />
 +
            <img id="slide2" class="slide" src="https://lh4.googleusercontent.com/-wv_cz741rxA/UA6_2SesX8I/AAAAAAAAAUo/kIBZr3Ydpi4/s912/slide1.jpg" />
 +
            <img id="slide3" class="slide" src="https://lh4.googleusercontent.com/-Atg7LS0jvu8/UA7Br49KLMI/AAAAAAAAAU8/LyqAernMIrM/s600/Brewery2-large.jpeg" />
 +
        </div>
 +
        <table id="menu_bar" cellspacing="0">
 +
        <tr>
 +
            <td>
 +
            <dl>
 +
                <dt id="ddHeader1" onClick="linkTo('https://2012.igem.org/Team:Colorado_State')">Home</dt>
 +
              <dd id="ddContent1">
 +
                    <ul>
 +
                    <li><a href="https://2012.igem.org/Team:Colorado_State/Project">Home</a></li>
 +
                    </ul>
 +
                </dd>
 +
            </dl>
 +
        </td>
 +
            <td>
 +
            <dl>
 +
                <dt id="ddHeader2" class="leftBorder" onMouseOver="ddMain(2,1)" onMouseOut="ddMain(2)">The Brew</dt>
 +
                <dd id="ddContent2" onMouseOver="cancelCollapse(2)" onMouseOut="ddMain(2)">
 +
                    <ul>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Project">Project Summary</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Parts">Parts Submitted to the Registry</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Results">Results</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Safety">Safety</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Modeling">Modeling</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Notebook">Team Notebook</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Calendar">Calendar</a></li>
 +
                    </ul>
 +
                </dd>
 +
            </dl>
 +
            </td>
 +
            <td>
 +
            <dl>
 +
                <dt id="ddHeader3" class="leftBorder" onMouseOver="ddMain(3,1)" onMouseOut="ddMain(3)">The Brewers</dt>
 +
                <dd id="ddContent3" onMouseOver="cancelCollapse(3)" onMouseOut="ddMain(3)">
 +
                    <ul>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Team">Meet the Students</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Instructors">Meet the Instructors</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Advisors">Meet the Advisors</a></li>
 +
                        <li><a href="https://igem.org/Team.cgi?year=2012&amp;team_name=Colorado_State">Official Team Page</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Sponsors">Sponsors</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:Colorado_State/Attributions">Attributions</a></li>
 +
                    </ul>
 +
                </dd>
 +
            </dl>
 +
            </td>
 +
        </tr>
 +
        </table>
 +
    </div>
 +
<script type="text/javascript">startFunctions();</script>
 +
    <div id="content_main">
 +
 
 +
 
 +
 
 +
<!--START PAGE CONTENT-->
 +
 
 +
<a class="editbutton" href="https://2012.igem.org/wiki/index.php?title=Team:Colorado_State&amp;action=edit">Edit page</a>
 +
<h1>Our Gluten-Free Mission</h1>
 +
 
 +
<img src="https://lh6.googleusercontent.com/-cUic9qTY128/UA3HlblblkI/AAAAAAAAATI/m2Iu9XgpMFM/s512/gluten_free_keg.png" width="250" style="border: none; float: right; margin-left: 15px;" />
 +
 
 +
<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>
 +
 
 +
<h1>More Than a Great Beer</h1>
 +
 
 +
<img src="http://static.wix.com/media/5bd9eb_299a61aed7aee9a8fe1c2e1ca33ea264.jpg_srz_275_207_85_22_0.50_1.20_0.00_jpg_srz" width="250" style="float: left; margin-right: 15px;" />
 +
 
 +
<p>A gluten-free beer isn't the only thing we are working on. We are also designing primers for New Belgium Brewery, developing a novel gluten-detecting assay, and creating a computer-modeled simulation for the breakdown of gluten in beer. All of these various components have us teaming up with some of the best in the business, so don't forget to visit our sponsor and attribution pages.</p>
 +
 
 +
<br /><br /><br /><br /><br />
 +
 
 +
<h1>RamStrong</h1>
 +
 
 +
<img src="http://www.brandyleephotography.com/wp-content/uploads/Ram-Tough.jpg" width="250" style="float: right; margin-left: 15px;" />
 +
 
 +
<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... we are the CSU Rams!!!</p>
 +
 
 +
<!--END PAGE CONTENT-->
 +
 
 +
 
 +
 
 +
<br><br>
 +
    </div>
 +
    <div id="footer">
 +
        <a href="https://2012.igem.org/wiki/index.php?title=Template:CSU_Template_1_top&amp;action=edit" style="cursor: default;"><img src="https://lh6.googleusercontent.com/-svMAaTUB0PU/UAWcIJr06oI/AAAAAAAAALc/rjGl0om85xQ/s139/apple.png" style="position: absolute; z-index: 10; bottom: -10px; left: 40%;"/></a>
 +
        <img src="https://lh4.googleusercontent.com/-sb7abRaUzoA/UAWcIeh1pxI/AAAAAAAAALo/p8byjTol0CU/s912/footer.png" style="position: absolute; left: 0;width: 100%; height: auto; z-index: 5;"/>
 +
    </div>
 +
</body>
 +
 
 +
</p>
 +
<!--
 +
NewPP limit report
 +
Preprocessor node count: 14/1000000
 +
Post-expand include size: 80/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Expensive parser function count: 0/100
 +
-->
 +
 
 +
<!-- Saved in parser cache with key 2012_igem_org:pcache:idhash:1229-0!1!0!!en!2 and timestamp 20130626064055 -->
 +
<div class="printfooter">
 +
Retrieved from "<a href="https://2012.igem.org/Team:Colorado_State">https://2012.igem.org/Team:Colorado_State</a>"</div>
 +
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
 +
<div class="visualClear"></div>
 +
</div>
 +
    </div>
 +
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
 +
<div class="visualClear"></div>
 +
    <div id='footer-box' class='noprint'>
 +
        <div id="footer">
 +
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
 +
 +
 
 +
  <!-- Recentchanges is not handles well DEBUG -->
 +
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
 +
      title='Recent changes'>Recent changes</a></li>
 +
 
 +
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:Colorado_State"
 +
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
 +
 
 +
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:Colorado_State"
 +
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
 +
 
 +
 
 +
 
 +
                <li id="t-upload"><a href="/Special:Upload"
 +
                  title="Upload files [u]" accesskey="u">Upload file</a>
 +
                </li>
 +
                <li id="t-specialpages"><a href="/Special:SpecialPages"
 +
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
 +
                </li>
 +
                <li><a href='/Special:Preferences'>My preferences</a></li>
 +
            </ul>
 +
        </div> <!-- close footer -->
 +
        <div id='footer'>
 +
    <ul id="f-list">
 +
 
 +
            <li id="t-print"><a href="/wiki/index.php?title=Team:Colorado_State&amp;printable=yes"
 +
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
 +
            </li>
 +
 
 +
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:Colorado_State&amp;oldid=300995"
 +
              title="Permanent link to this revision of the page">Permanent link</a>
 +
            </li>
 +
 
 +
 
 +
        <li id="privacy"><a href="/2012.igem.org:Privacy_policy" title="2012.igem.org:Privacy policy">Privacy policy</a></li>
 +
        <li id="disclaimer"><a href="/2012.igem.org:General_disclaimer" title="2012.igem.org:General disclaimer">Disclaimers</a></li>
 +
    </ul>
 +
</div> <!-- close footer -->
 +
    </div> <!-- close footer-box -->
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
<!-- Served in 0.201 secs. --></body>
 +
 
 +
</html>

Revision as of 06:46, 26 June 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Team:Colorado State - 2012.igem.org

Team:Colorado State

From 2012.igem.org

Edit page

Our Gluten-Free Mission

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.

More Than a Great Beer

A gluten-free beer isn't the only thing we are working on. We are also designing primers for New Belgium Brewery, developing a novel gluten-detecting assay, and creating a computer-modeled simulation for the breakdown of gluten in beer. All of these various components have us teaming up with some of the best in the business, so don't forget to visit our sponsor and attribution pages.






RamStrong

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!!!