|
|
(64 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{Template:CU-BoulderHeader}} |
| | | |
- | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | + | <html> |
- | <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&action=edit" />
| + | |
- | <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:Colorado_State&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&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&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=-&action=raw&smaxage=0&gen=js&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>
| |
- |
| |
- |
| |
- |
| |
- | <div id="menubar" class='left-menu noprint'>
| |
- | <ul>
| |
- | <li
| |
- | class='selected' ><a href="/Team:Colorado_State">Page </a></li>
| |
- | <li
| |
- | ><a href="/Talk:Team:Colorado_State">Discussion </a></li>
| |
- | <li
| |
- | ><a href="/wiki/index.php?title=Team:Colorado_State&action=edit">Edit </a></li>
| |
- | <li
| |
- | ><a href="/wiki/index.php?title=Team:Colorado_State&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&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&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" />
| |
- | <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> | | <head> |
- | <style type="text/css"> | + | <style> |
- | | + | |
- | .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 { | | #content { |
- | position: relative;
| + | background: none; |
- | top: -10px;
| + | box-shadow: 0px 0px 0px 0px; |
- | 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 { | + | #bodyContent { |
- | position: absolute;
| + | margin-left: -1px; |
- | width: 100%;
| + | |
- | bottom: 0;
| + | |
- | z-index: 1;
| + | |
- | }
| + | |
| | | |
- | #content_main { | + | #footer-box { |
- | padding: 40px;
| + | width: 965px; |
- | 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; | | padding: 5px; |
- | text-decoration: none; | + | background-color: white; |
- | width: 100%;
| + | margin: 0 auto; |
- | color: #925F00; /*******COLOR*******/ | + | border: 0px; |
- | border-top: 1px solid #925F00; /*******COLOR*******/
| + | border-radius: 5px 5px 5px 5px; |
- | }
| + | box-shadow: 0px 2px 6px 2px #222; |
- | | + | |
- | #menu_bar a:hover {
| + | |
- | background: #F1C900; /*******COLOR*******/
| + | |
- | }
| + | |
- | | + | |
- | .leftBorder {
| + | |
- | border-left: solid 2px #CCC;
| + | |
| } | | } |
| | | |
| </style> | | </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> | | </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&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">
| |
| | | |
| + | <div class="container-fluid"> |
| + | <div class="row-fluid"> |
| + | <div class="span12"><div class="shadow-bottom"> |
| + | <p></p> |
| + | <br></br> |
| + | <center> |
| + | <img src="https://static.igem.org/mediawiki/2013/7/7e/DIY_logo.jpg" height="500" width="477"> |
| + | <p></p> |
| + | <p>The main focus of the iGEM project here at CU-Boulder is to help make synthetic biology more accessible and affordable. We spent the summer developing parts, procedures, and documentation to help make this vision a reality. The original goal was to create the constructs and purification methods necessary to produce and isolate restriction enzymes. Along the way we explored some novel approaches to DNA and protein purification and developed experimentally tested protocols for these and other procedures essential to Biobrick assembly. Our purification methods exemplify the ideal of using common lab materials to make performing everyday lab techniques as accessible and inexpensive as possible. A related aspect of our project was exploring methods of recycling consumables associated with lab work in order to reduce waste and material expenses. We hope that our findings using this "do-it-yourself" approach of synthetic biology help make this type of research more accessible for those where funding is a limiting factor. |
| + | </p> |
| + | </center> |
| | | |
- | | + | </div></div> |
- | <!--START PAGE CONTENT--> | + | <div class="row-fluid"> |
- | | + | <div class="span4"><div class="shadow-bottom"> |
- | <a class="editbutton" href="https://2012.igem.org/wiki/index.php?title=Team:Colorado_State&action=edit">Edit page</a>
| + | <a href="https://2013.igem.org/Team:CU-Boulder/Purification Methods"> |
- | <h1>Our Gluten-Free Mission</h1> | + | <center> |
- | | + | <img src="https://static.igem.org/mediawiki/2013/d/d5/DIY.jpg" height="230" width="275"> |
- | <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;" />
| + | "Do It Yourself" Synthetic Biology</a> |
- | | + | <p>One of our main goals was making synthetic biology more accessible. Click here to find out more! |
- | <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&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> | | </p> |
- | <!-- | + | </center> |
- | NewPP limit report
| + | </div></div> |
- | Preprocessor node count: 14/1000000
| + | <div class="span4"><div class="shadow-bottom"> |
- | Post-expand include size: 80/2097152 bytes
| + | <a href="https://2013.igem.org/Team:CU-Boulder/MedalRequirements"> |
- | Template argument size: 0/2097152 bytes
| + | <center> |
- | Expensive parser function count: 0/100
| + | <img src="https://static.igem.org/mediawiki/2013/d/d7/Goldmedal.png" height="275" width="275"> |
- | -->
| + | Medal Requirements</a> |
- | | + | <p>Here you can find links to each of the medal requirements we have completed. |
- | <!-- Saved in parser cache with key 2012_igem_org:pcache:idhash:1229-0!1!0!!en!2 and timestamp 20130626064055 -->
| + | </p> |
- | <div class="printfooter">
| + | </center> |
- | Retrieved from "<a href="https://2012.igem.org/Team:Colorado_State">https://2012.igem.org/Team:Colorado_State</a>"</div>
| + | </div></div> |
- | <div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
| + | <div class="span4"><div class="shadow-bottom"> |
- | <div class="visualClear"></div>
| + | <a href="https://2013.igem.org/Team:CU-Boulder/Notebook/Protocols"> |
- | </div>
| + | <center> |
- | </div>
| + | <img src="https://static.igem.org/mediawiki/2013/f/f2/Validation-protocol-execution-tips.jpg" height="230" width="275"> |
- | <!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE -- RDR -->
| + | Detailed Protocols</a> |
- | <div class="visualClear"></div> | + | <p>We have experimentally developed protocols for many of the lab techniques required for Biobrick assembly. |
- | <div id='footer-box' class='noprint'>
| + | </p> |
- | <div id="footer">
| + | </center> |
- | <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">
| + | </div></div> |
- |
| + | </div> |
- | | + | |
- | <!-- 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&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&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> | | </div> |
- | <!-- Served in 0.201 secs. --></body>
| |
- |
| |
| </html> | | </html> |