|
|
(4 intermediate revisions not shown) |
Line 1: |
Line 1: |
| {{Team:Amsterdam/stylesheet}} | | {{Team:Amsterdam/stylesheet}} |
- | {{Team:Amsterdam/scripts}} | + | {{Team:Amsterdam/scripts2}} |
| {{Team:Amsterdam/Header}} | | {{Team:Amsterdam/Header}} |
- | {{Team:Amsterdam/Sidebar1}} | + | {{Team:Amsterdam/Sidebar2}} |
| | | |
| <div id="content-area"> | | <div id="content-area"> |
| <div id="sub-menu" class="content-block" align="center"> | | <div id="sub-menu" class="content-block" align="center"> |
- | <html>
| + | [[File:Testgel.png]] |
- | | + | |
- | <!-- Internet Explorer PNG fix - START /-->
| + | |
- | <!--[if lt IE 7]>
| + | |
- | <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js">IE7_PNG_SUFFIX=".png";</script>
| + | |
- | <![endif]-->
| + | |
- | <!-- Internet Explorer PNG fix - END /-->
| + | |
- | | + | |
- | <!-- Scripting - START /-->
| + | |
- | <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js"></script>
| + | |
- | <script type="text/javascript" src="http://github.com/cowboy/jquery-hashchange/raw/v1.3/jquery.ba-hashchange.js"></script>
| + | |
- | | + | |
- | <!-- Font Replacer - START /-->
| + | |
- | <script src="https://2010.igem.org/Team:TU_Delft/files/cufon-yui.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
| + | |
- | <script src="https://2010.igem.org/Team:TU_Delft/files/Mido_500.font.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
| + | |
- | <!-- Font Replacer - END /-->
| + | |
- | | + | |
- | <script>
| + | |
- | //Global Vars
| + | |
- | var currentPage;
| + | |
- | var in_frame_test = 1;
| + | |
- | var ampersandStr = String.fromCharCode(38);
| + | |
- | var loading_home = false;
| + | |
- | | + | |
- | function dbgout(msg) {
| + | |
- | var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
| + | |
- | if(is_chrome) console.log(msg);
| + | |
- | }
| + | |
- | | + | |
- | function updateContentEditLink() {
| + | |
- | if (!wgUserName) {
| + | |
- | return;
| + | |
- | }
| + | |
- | | + | |
- | var page = currentPage ? currentPage : 'Home';
| + | |
- | var url = location.pathname + '/' + page + '?action=edit';
| + | |
- | $("#edit_content_link").attr('href', url);
| + | |
- | // $("#edit_content_link").click(function() {
| + | |
- | // $("#iGEM_TU_Delft_container").html('<iframe src="'+url+'" width="100%" height="100%"></iframe>');
| + | |
- | // });
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | // Set document ready callback
| + | |
- | $(function() {
| + | |
- | if (wgUserName) {
| + | |
- | // Create content edit link
| + | |
- | $(".left-menu ul > *:last").after('<li><a id="edit_content_link">edit content</a></li>');
| + | |
- | updateContentEditLink();
| + | |
- | }
| + | |
- | | + | |
- | // Initialize history plugin.
| + | |
- | $(window).hashchange(historyCallback);
| + | |
- | rewriteLinks($("#navlist"));
| + | |
- | | + | |
- | historyCallback();
| + | |
- | | + | |
- | // setup hovering
| + | |
- | $(".menu_button").hover(
| + | |
- | function () { $(this).addClass("hover"); },
| + | |
- | function () { $(this).removeClass("hover"); }
| + | |
- | );
| + | |
- | });
| + | |
- | | + | |
- | | + | |
- | function isDefined(variable)
| + | |
- | {
| + | |
- | return typeof(window[variable]) != "undefined";
| + | |
- | }
| + | |
- | | + | |
- | function splitHash(hash) {
| + | |
- | var kvpairs = hash.split(ampersandStr);
| + | |
- | var i;
| + | |
- | var kvmap = {};
| + | |
- | for(i=0;i<kvpairs.length;i++) {
| + | |
- | var s = kvpairs[i].split('=');
| + | |
- | kvmap[s[0]] = s[1];
| + | |
- | }
| + | |
- | return kvmap;
| + | |
- | }
| + | |
- | | + | |
- | function makeHash(page, kvmap) {
| + | |
- | var str = '#page=' + page;
| + | |
- | var i;
| + | |
- | if (kvmap) {
| + | |
- | for(i in kvmap) {
| + | |
- | str += ampersandStr + i + '=' + kvmap[i];
| + | |
- | }
| + | |
- | }
| + | |
- | return str;
| + | |
- | }
| + | |
- | | + | |
- | function setHash(page, kvmap) {
| + | |
- | location.hash = makeHash(page,kvmap);
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | function include_js(file, cb) {
| + | |
- | var html_doc = document.getElementsByTagName('head')[0];
| + | |
- | var js = document.createElement('script');
| + | |
- | js.setAttribute('type', 'text/javascript');
| + | |
- | js.setAttribute('src', file);
| + | |
- | html_doc.appendChild(js);
| + | |
- | | + | |
- | js.onreadystatechange = function () {
| + | |
- | if (js.readyState == 'complete')
| + | |
- | cb();
| + | |
- | }
| + | |
- | | + | |
- | js.onload = cb;
| + | |
- | }
| + | |
- | | + | |
- | function loadScript(src, callback)
| + | |
- | {
| + | |
- | include_js(src, callback);
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | function moveToAnchor(anchor) {
| + | |
- | try {
| + | |
- | var pos = $('#iGEM_TU_Delft_container > a[name='+anchor+']').offset();
| + | |
- | dbgout('anchor: '+anchor+'; pos=' + pos.left + ','+pos.top );
| + | |
- | window.scroll(pos.left, pos.top);
| + | |
- | } catch (err) {
| + | |
- | dbgout('moveToAnchor error: ' + err);
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | function loadPage(page, anchor)
| + | |
- | {
| + | |
- | var showLoadAnim = !!currentPage;
| + | |
- | currentPage = page;
| + | |
- | var url = wgServer + "/Team:TU_Delft/" + page + "?action=render";
| + | |
- | if(page.substring(0, 5) == "User:") {
| + | |
- | url = wgServer + "/" + page + "?action=render";
| + | |
- | }
| + | |
- | $(window).trigger('page_close');
| + | |
- | | + | |
- | if(showLoadAnim) {
| + | |
- | $("#TUD-loading-panel").show();
| + | |
- | //$("#loading-overlay").show();
| + | |
- | $("#iGEM_TU_Delft_container").fadeTo(200,0.25);
| + | |
- | $('html, body').animate({scrollTop:0}, 'slow');
| + | |
- | }
| + | |
- | loading_home = false;
| + | |
- | | + | |
- | var processPage = function(next) {
| + | |
- | dbgout('processPage: ' + page);
| + | |
- | $(window).trigger('page_init');
| + | |
- | rewriteLinks($("#iGEM_TU_Delft_container"));
| + | |
- | updateContentEditLink();
| + | |
- | $("#iGEM_TU_Delft_container").fadeTo(200,1).delay(200).queue(function(n) {
| + | |
- | if(anchor) moveToAnchor(anchor); n();
| + | |
- | });
| + | |
- | next();
| + | |
- | }
| + | |
- |
| + | |
- | $.get(url, function(data) {
| + | |
- | $("#iGEM_TU_Delft_container").html(data).queue(processPage);
| + | |
- | buildBreadCrumbTrail(page);
| + | |
- | Cufon.replace('h2'); // Works without a selector engine
| + | |
- | Cufon.replace('h3'); // Works without a selector engine
| + | |
- | Cufon.replace('#sub1'); // Requires a selector engine for IE 6-7, see above
| + | |
- | $("tr:nth-child(odd)").addClass("odd");
| + | |
- | | + | |
- | $("#TUD-loading-panel").hide();
| + | |
- | $("#loading-overlay").hide();
| + | |
- | });
| + | |
- | }
| + | |
- | | + | |
- | function historyCallback() {
| + | |
- | var hash = location.hash;
| + | |
- | if(hash) {
| + | |
- | hash = hash.substring(1);
| + | |
- | if(hash.split('=').length > 1) {
| + | |
- | var kvmap = splitHash(hash);
| + | |
- | var changepage;
| + | |
- | | + | |
- | // looks a little clumsy, but js AND operator conflicts with mediawiki markup
| + | |
- | if (kvmap.page) if(kvmap.page != currentPage) changepage = kvmap.page;
| + | |
- | | + | |
- | if (changepage) {
| + | |
- | loadPage(changepage, kvmap.anchor);
| + | |
- | } else {
| + | |
- | if(kvmap.anchor) moveToAnchor(kvmap.anchor);
| + | |
- | $(window).trigger('hashupdate');
| + | |
- | }
| + | |
- | }
| + | |
- | } else {
| + | |
- | setHash('Home');
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | function rewriteLinks(elem) {
| + | |
- | $("a",elem).each(function() {
| + | |
- | var txt = $(this).text();
| + | |
- | var url = this.href;
| + | |
- | | + | |
- | if(this.hash) {
| + | |
- | var anchor = this.hash.substring(1);
| + | |
- | | + | |
- | if (anchor.substring(0,5)!='page=')
| + | |
- | this.href = '#page=' + currentPage + ampersandStr + 'anchor=' + anchor;
| + | |
- | } else if(txt != "edit")
| + | |
- | this.href = this.href.replace("https://2010.igem.org/Team:TU_Delft/", "#page=");
| + | |
- | | + | |
- | // dbgout('rewriting ' + url + ' to ' + this.href);
| + | |
- | });
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | </script>
| + | |
- | <script type="text/javascript">
| + | |
- | var timeout = 500;
| + | |
- | var closetimer = 0;
| + | |
- | var ddmenuitem = 0;
| + | |
- | | + | |
- | function jsddm_open() {
| + | |
- | jsddm_canceltimer();
| + | |
- | jsddm_close();
| + | |
- | ddmenuitem = $(this).find('ul').css('display', 'block');
| + | |
- | //ddmenuitem = $(this).find('ul').show(200);
| + | |
- | }
| + | |
- | | + | |
- | function jsddm_close() {
| + | |
- | if(ddmenuitem) ddmenuitem.css('display', 'none');
| + | |
- | //if(ddmenuitem) ddmenuitem.hide();
| + | |
- | }
| + | |
- | | + | |
- | function jsddm_timer() {
| + | |
- | closetimer = window.setTimeout(jsddm_close, timeout);
| + | |
- | }
| + | |
- | | + | |
- | function jsddm_canceltimer() {
| + | |
- | if(closetimer) {
| + | |
- | window.clearTimeout(closetimer);
| + | |
- | closetimer = null;
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | $(function() {
| + | |
- | $('#navlist > li').bind('mouseover', jsddm_open);
| + | |
- | $('#navlist > li').bind('mouseout', jsddm_timer);
| + | |
- | // $("#navlist li ul li:even").addClass("alt");
| + | |
- | });
| + | |
- | | + | |
- | document.onclick = jsddm_close;
| + | |
- | </script>
| + | |
- | | + | |
- | <script language="javascript" type="text/javascript">
| + | |
- | function capitaliseFirstLetter(string)
| + | |
- | {
| + | |
- | return string.charAt(0).toUpperCase() + string.slice(1);
| + | |
- | }
| + | |
- | | + | |
- | function buildDepth(array,count)
| + | |
- | {
| + | |
- | var depthStr="";
| + | |
- | for (i=0;i<count;i++)
| + | |
- | {
| + | |
- | depthStr=depthStr + array[i] + "/" ;
| + | |
- | }
| + | |
- | return depthStr;
| + | |
- | }
| + | |
- | function buildBreadCrumbTrail(page)
| + | |
- | {
| + | |
- | var constituentFolders = new Array();
| + | |
- | var currentURL = page;
| + | |
- | constituentFolders=currentURL.split("/");
| + | |
- | var outputStr="<a href='https://2010.igem.org/Team:TU_Delft#page=Home'>Home</a>";
| + | |
- | if(page != "Home") {
| + | |
- | for (count=0;count<(constituentFolders.length);count++)
| + | |
- | {
| + | |
- | if(constituentFolders[count].substring(0, 5) == "User:") {
| + | |
- | outputStr = outputStr + " <span class='doubleright'>»</span> <a href='https://2010.igem.org/Team:TU_Delft#page=Team/'>Team</a> <span class='doubleright'>»</span> <a href='https://2010.igem.org/Team:TU_Delft#page=Team/members'>Members</a> <span class='doubleright'>»</span> <a href='https://2010.igem.org/Team:TU_Delft#page=" + buildDepth(constituentFolders,count) + constituentFolders[count] + "'>" + capitaliseFirstLetter(constituentFolders[count]).replace(/-/gi," ").substring(5) + "</a>";
| + | |
- | }
| + | |
- | if(constituentFolders[count].substring(0, 5) !== "User:") {
| + | |
- | outputStr=outputStr + " <span class='doubleright'>»</span> <a href='https://2010.igem.org/Team:TU_Delft#page=" + buildDepth(constituentFolders,count) + constituentFolders[count] + "'>" + capitaliseFirstLetter(constituentFolders[count]).replace(/-/gi," ") + "</a>";
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | $("#breadcrumbs").html(outputStr);
| + | |
- | }
| + | |
- | </script>
| + | |
- | <!-- Scripting END /-->
| + | |
- | | + | |
- | <div id="accordion-container">
| + | |
- | <ul id="accordion">
| + | |
- | <li id="degradation">
| + | |
- | <a id="a1" style="width: 75px; display: block; overflow: hidden; " href="https://2010.igem.org/Team:TU_Delft#page=Project/alkane-degradation" target="_parent">
| + | |
- | <p>
| + | |
- | <strong>Degradation</strong><br>
| + | |
- | Clean the environment<br>from oil polution with<br>our alkane degrading<br>bacteria.
| + | |
- | </p>
| + | |
- | <span style="display:block;clear:both;height:15px;"></span>
| + | |
- | <p>Read more</p>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li id="sensing">
| + | |
- | <a id="a2" href="https://2010.igem.org/Team:TU_Delft#page=Project/sensing" target="_parent" style="width: 423.08267887508526px; display: block; overflow: hidden; ">
| + | |
- | <p>
| + | |
- | <strong>Sensing</strong><br>
| + | |
- | Detect levels of hydrocarbons and and act upon it.
| + | |
- | </p>
| + | |
- | <span style="display:block;clear:both;height:15px;"></span>
| + | |
- | <p>Read more</p>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li id="tolerance">
| + | |
- | <a id="a3" href="https://2010.igem.org/Team:TU_Delft#page=Project/tolerance" target="_parent" style="width: 75px; display: block; overflow: hidden; ">
| + | |
- | <p>
| + | |
- | <strong>Survival</strong><br>
| + | |
- | Resistance to high concentrations of hydrocarbons and salts enable cells to work in harsh environments.
| + | |
- | </p>
| + | |
- | <span style="display:block;clear:both;height:15px;"></span>
| + | |
- | <p>Read more</p>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li id="solubility">
| + | |
- | <a id="a4" href="https://2010.igem.org/Team:TU_Delft#page=Project/solubility" target="_parent" style="width: 75px; display: block; overflow: hidden; ">
| + | |
- | <p>
| + | |
- | <strong>Solubility</strong><br>
| + | |
- | Oil and water do not mix easily. Producing an emulsifying protein enhances the mass transfer.
| + | |
- | </p>
| + | |
- | <span style="display:block;clear:both;height:15px;"></span>
| + | |
- | <p>Read more</p>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li id="rbs">
| + | |
- | <a id="a5" href="https://2010.igem.org/Team:TU_Delft#page=Project/rbs-characterization" target="_parent" style="width: 75px; display: block; overflow: hidden; ">
| + | |
- | <span style="display:block;clear:both;height:15px;"></span>
| + | |
- | <span style="display:block;clear:both;height:15px;"></span>
| + | |
- | <span style="display:block;clear:both;height:15px;"></span>
| + | |
- | <span style="display:block;clear:both;height:15px;"></span>
| + | |
- | <span style="display:block;clear:both;height:15px;"></span>
| + | |
- | <span style="display:block;clear:both;height:15px;"></span>
| + | |
- | <span style="display:block;clear:both;height:10px;"></span>
| + | |
- | <p>
| + | |
- | <strong>RBS Characterization</strong><br>
| + | |
- | Fine tune your protein<br>expression with known RBS<br>strengths.
| + | |
- | </p>
| + | |
- | <span style="display:block;clear:both;height:15px;"></span>
| + | |
- | <p>Read more</p>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </html>
| + | |
| </div> | | </div> |
| </div> | | </div> |
| | | |
| {{Team:Amsterdam/Foot}} | | {{Team:Amsterdam/Foot}} |