Team:Uppsala/notebook
From 2013.igem.org
(Difference between revisions)
(28 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
{{Team:Uppsala/notebook}} | {{Team:Uppsala/notebook}} | ||
{{Team:Uppsala/JS/notebook}} | {{Team:Uppsala/JS/notebook}} | ||
{{Team:Uppsala/standard-style}} | {{Team:Uppsala/standard-style}} | ||
- | + | {{Team:Uppsala/JS/notebook/note}} | |
+ | {{Team:Uppsala/JS/favicon}} | ||
<html> | <html> | ||
Line 10: | Line 10: | ||
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||
<title>Uppsala iGEM 2013</title> | <title>Uppsala iGEM 2013</title> | ||
- | <link rel="shortcut icon" href=" | + | <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2013/6/6d/Uppsalas-cow-con.png" type="image/x-icon"> |
<style></style> | <style></style> | ||
- | < | + | <script type="text/javascript"> |
- | + | /*Acts once the document is loaded*/ $(document).ready(function() { /*Move the tn-main-wrap as child of <body>*/ $("#tn-main-wrap-wrap").prependTo($("body")); /*Move the menubars in the tn-main-wrap*/ $("#menubar.left-menu").appendTo($("#tn-main-wrap")); $("#menubar.right-menu").appendTo($("#tn-main-wrap")); | |
- | + | /*Spoiler JS*/ $(".tn-spoiler div").slideUp(); $(".tn-spoiler a").click(function(e) { e.preventDefault(); $(".tn-spoiler-active").removeClass("tn-spoiler-active"); $(this).parent().addClass("tn-spoiler-active"); $(".tn-spoiler").not(".tn-spoiler-active").children("div").slideUp(); $(".tn-spoiler-active").children("div").slideToggle(); }); | |
- | + | /*Add favicon*/ $("link[rel='shortcut icon']").remove(); $("head").append("<link rel='shortcut icon' type='image/png' href='https://static.igem.org/mediawiki/2013/6/6d/Uppsalas-cow-con.png'>"); }); | |
- | + | </script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | + | function esc(){ | |
- | + | document.getElementById("sir_explains").style.display="none"; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | { | + | |
- | + | ||
- | + | ||
} | } | ||
- | + | </script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</head> | </head> | ||
Line 382: | Line 40: | ||
<!-- Contains sub-logo picture --> | <!-- Contains sub-logo picture --> | ||
- | <div id="igem_logo"><a href="https://2013.igem.org/ | + | <div id="igem_logo"><a href="https://2013.igem.org/Team:Uppsala"><img class="igem_logo" src="https://static.igem.org/mediawiki/2013/e/e0/Uppsala2013_IGEMlogo.png"></a></div> |
- | + | <div id="igem"><a href="https://2013.igem.org/Main_Page"><img class="igem" src="https://static.igem.org/mediawiki/2013/b/b8/Uppsala2013_Uppsala_IGEM_log_blue.png"></a></div> | |
+ | |||
+ | <img class="slogan" src="https://static.igem.org/mediawiki/2013/a/ad/Uppsala2013_Header.png"> | ||
</div> | </div> | ||
Line 392: | Line 52: | ||
<div id="navbar"> | <div id="navbar"> | ||
- | <!-- Contains the navigation menu with list elements --> | + | <!-- Contains the navigation menu with list elements, buged on local server, works on mediawiki!!--> |
<div id="nav"> | <div id="nav"> | ||
- | <div id="cow-box"><a href="https://2013.igem.org/Team:Uppsala"><img class="home-knapp" src="https://static.igem.org/mediawiki/2013/ | + | <div id="cow-box"><a href="https://2013.igem.org/Team:Uppsala"><img class="home-knapp" src="https://static.igem.org/mediawiki/2013/e/ef/Uppsala2013_Home.png"><a/></div> |
<ul> | <ul> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/project" id="list_type1"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/project" id="list_type1"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/a/aa/Uppsala2013_Project.png"></a> |
<ul> | <ul> | ||
- | + | ||
<li><a href="https://2013.igem.org/Team:Uppsala/chassi">Chassi</a> | <li><a href="https://2013.igem.org/Team:Uppsala/chassi">Chassi</a> | ||
<ul> | <ul> | ||
Line 405: | Line 65: | ||
<li><a href="https://2013.igem.org/Team:Uppsala/promoters">Promoters</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/promoters">Promoters</a></li> | ||
<li><a href="https://2013.igem.org/Team:Uppsala/reporter-genes">Reporter genes</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/reporter-genes">Reporter genes</a></li> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/toxin-antitoxin-system">Toxin-antitoxin system</a></li> |
<li><a href="https://2013.igem.org/Team:Uppsala/vectors">Vectors</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/vectors">Vectors</a></li> | ||
<li><a href="https://2013.igem.org/Team:Uppsala/signal-peptide">Signal peptide</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/signal-peptide">Signal peptide</a></li> | ||
Line 412: | Line 72: | ||
<li><a href="https://2013.igem.org/Team:Uppsala/metabolic-engineering">Metabolic engineering</a> | <li><a href="https://2013.igem.org/Team:Uppsala/metabolic-engineering">Metabolic engineering</a> | ||
<ul> | <ul> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/p-coumaric-acid"> | + | <li><a href="https://2013.igem.org/Team:Uppsala/p-coumaric-acid">p-Coumaric acid</a></li> |
<li><a href="https://2013.igem.org/Team:Uppsala/resveratrol">Resveratrol</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/resveratrol">Resveratrol</a></li> | ||
<li><a href="https://2013.igem.org/Team:Uppsala/lycopene">Lycopene</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/lycopene">Lycopene</a></li> | ||
<li><a href="https://2013.igem.org/Team:Uppsala/betacarotene">β-carotene</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/betacarotene">β-carotene</a></li> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | <li><a |
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | href="https://2013.igem.org/Team:Uppsala/saffron">Saffron</a></li> |
+ | <li><a href="https://2013.igem.org/Team:Uppsala/astaxanthin">Astaxanthin</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Uppsala/zeaxanthin">Zeaxanthin</a></li> | ||
</ul></li> | </ul></li> | ||
</li> | </li> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/chromoproteins"> | + | <li><a |
- | <li><a href="https://2013.igem.org/Team:Uppsala/safety">Safety | + | href="https://2013.igem.org/Team:Uppsala/miraculin">Miraculin</a></li> |
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/chromoproteins">Chromoproteins</a></li> |
+ | <li><a href="https://2013.igem.org/Team:Uppsala/safety-experiment">Safety experiment</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Uppsala/results">Results</a></li> | ||
</ul></li> | </ul></li> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/modeling" id="list_type1"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/modeling" id="list_type1"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/6/63/Uppsala2013_Modeling.png"></a> |
<ul> | <ul> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/P-Coumaric-acid-pathway">Kinetic model</a></li> |
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/modeling-tutorial">Modeling tutorial </a></li> |
+ | |||
+ | <li><a href="https://2013.igem.org/Team:Uppsala/toxicity-model">Toxicity model</a></li> | ||
</ul></li> | </ul></li> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/parts" id="list_type2"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/parts" id="list_type2"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/e/eb/Uppsala2013_parts.png"></a></li> |
- | <li><a href="https://2013.igem.org/Team:Uppsala/team" id="list_type2"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/team" id="list_type2"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/a/a7/Uppsala2013_Team.png"></a> |
<ul> | <ul> | ||
<li><a href="https://2013.igem.org/Team:Uppsala/resveratrol-group">Resveratrol group</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/resveratrol-group">Resveratrol group</a></li> | ||
<li><a href="https://2013.igem.org/Team:Uppsala/carotenoid-group">Carotenoid group</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/carotenoid-group">Carotenoid group</a></li> | ||
<li><a href="https://2013.igem.org/Team:Uppsala/chassi-group">Chassi group</a></li> | <li><a href="https://2013.igem.org/Team:Uppsala/chassi-group">Chassi group</a></li> | ||
- | + | <li><a href="https://2013.igem.org/Team:Uppsala/advisors">Advisors</a></li> | |
+ | |||
</ul></li> | </ul></li> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/human-practice" id="list_type3"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/b/b8/Uppsala2013_HP.png"></a> |
<ul> | <ul> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/yoghurt">Yoghurt +</a></li> |
- | <li><a href="https://2013.igem.org/Team:Uppsala/synbioday"> | + | <li><a href="https://2013.igem.org/Team:Uppsala/synbioday">SynBioDay</a></li> |
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/biosafety-and-ethics">Biosafety and ethics</a></li> |
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/public-opinion">Public opinion </a></li> |
- | + | <li><a href="https://2013.igem.org/Team:Uppsala/Outreach">High school & media </a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:Uppsala/bioart">BioArt</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:Uppsala/LactonutritiousWorld">A LactoWorld</a></li> | |
+ | <li><a href="https://2013.igem.org/Team:Uppsala/killswitches">Killswitches</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Uppsala/realization">Patent</a></li> | ||
</ul></li> | </ul></li> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/attribution" id="list_type4"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/attribution" id="list_type4"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/5/5d/Uppsala2013_Attributions.png"></a></li> |
- | <li><a href="https://2013.igem.org/Team:Uppsala/notebook" id="list_type3"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/notebook" id="list_type3"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/3/36/Uppsala2013_Notebook.png"></a> |
<ul> | <ul> | ||
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/safety-form">Safety form</a></li> |
- | <li><a href="https://2013.igem.org/Team:Uppsala/ | + | <li><a href="https://2013.igem.org/Team:Uppsala/protocols">Protocols</a></li> |
</ul></li> | </ul></li> | ||
</ul> | </ul> | ||
Line 461: | Line 130: | ||
</div> | </div> | ||
- | |||
<div id="main_content"> | <div id="main_content"> | ||
Line 475: | Line 143: | ||
</div> | </div> | ||
+ | |||
+ | <div id="sir_explains" style="border: 5px solid #0089d1;margin-top:100px; box-shadow: -5px 5px 20px rgba(110,110,110, 0.5);"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/b/b5/SirCow_uppsala_helper.png" style="position: relative; top: -130px; left: -100px;width: 150px; margin-bottom: -130px;"> | ||
+ | <div class="close"> | ||
+ | <input type="image" src="https://static.igem.org/mediawiki/2013/4/4f/Uppsala_close_cross.png" alt="Submit" onclick="esc()" id="esc" width="25px;"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <h1 class="main-title">Sir Cow explains</h1> | ||
+ | <h3>This is a three step tutorial of the Uppsala Notebook</h3> | ||
+ | |||
+ | <b style="color:#22409a;">1.</b> By pressing the arrows in the upper right and left corner, you can change months<br><br> | ||
+ | |||
+ | <b style="color:#22409a;">2.</b> Click on the date or week number to get the notes you desire.<br><br> | ||
+ | |||
+ | <b style="color:#22409a;">3.</b> Click on the box that appear under the calendar.<br><br> | ||
+ | |||
+ | |||
+ | <div><h3>Tips</h3> <div style="height:20px;width:45px;border: 2px solid #22409a;display:inline-table;"></div> <div style="display:inline; position:relative; top:-5px;">- Days with blue borders contains notes.</div></div> | ||
+ | Uppsala iGEM team was most active between june to september 2013<br><br> | ||
+ | |||
+ | <i>Now you can Notebook-explore lika a Sir! <img src="https://static.igem.org/mediawiki/2013/b/b2/SirCow_no_talk_uppsala.png" style="width:40px;"></i> | ||
+ | </div> | ||
<div id="sidebar"> | <div id="sidebar"> | ||
Line 484: | Line 175: | ||
</div> | </div> | ||
- | <div id="bottom-pic" | + | <div id="bottom-pic" style="background-image:url(https://static.igem.org/mediawiki/2013/a/aa/Bottom_picture.png)"> |
- | + | </div> | |
- | + | ||
+ | |||
+ | |||
+ | |||
</div> <!--Closing div element for main frame--> | </div> <!--Closing div element for main frame--> | ||
Latest revision as of 20:01, 27 October 2013
Sir Cow explains
This is a three step tutorial of the Uppsala Notebook
1. By pressing the arrows in the upper right and left corner, you can change months2. Click on the date or week number to get the notes you desire.
3. Click on the box that appear under the calendar.
Tips
- Days with blue borders contains notes.
Now you can Notebook-explore lika a Sir!