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 months

2. 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.

Uppsala iGEM team was most active between june to september 2013

Now you can Notebook-explore lika a Sir!

@@ Line 13: / Line 13: @@
 <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">
+function esc(){
+	document.getElementById("sir_explains").style.display="none";
+}
+</script>
 </head>
@@ Line 30: / Line 43: @@
 			<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>
@@ Line 57: / Line 72: @@
                                                  <li><a href="https://2013.igem.org/Team:Uppsala/metabolic-engineering">Metabolic engineering</a>
                                                      <ul>
-                                                                 <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/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/lycopene">Lycopene</a></li>
@@ Line 78: / Line 93: @@
 				<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>
-						<li><a href="https://2013.igem.org/Team:Uppsala/P-Coumaric-acid-pathway">P-Coumaric acid</a></li>
+						<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/modeling-tutorial">Modeling tutorial </a></li>
+<li><a href="https://2013.igem.org/Team:Uppsala/toxicity-model">Toxicity model</a></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/e/eb/Uppsala2013_parts.png"></a></li>
@@ Line 88: / Line 105: @@
 						<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/advisors">Advisors</a></li>
 					</ul></li>
@@ Line 97: / Line 115: @@
 						<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>
-				<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><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>
-                                <ul>
-                                    <li><a href="https://2013.igem.org/Team:Uppsala/collaboration">Collaboration</a></li>
-                                </ul></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/3/36/Uppsala2013_Notebook.png"></a>
                                       <ul>
                                          <li><a href="https://2013.igem.org/Team:Uppsala/safety-form">Safety form</a></li>
+                                        <li><a href="https://2013.igem.org/Team:Uppsala/protocols">Protocols</a></li>
                                       </ul></li>
 				</ul>
@@ Line 124: / Line 143: @@
 	  </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">
@@ Line 133: / Line 175: @@
 	</div>
-<div id="bottom-pic" background="https://static.igem.org/mediawiki/2013/a/aa/Bottom_picture.png">
+<div id="bottom-pic" style="background-image:url(https://static.igem.org/mediawiki/2013/a/aa/Bottom_picture.png)">
 			</div>