Team:Uppsala/notebook

From 2013.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:Uppsala/styles}}
 
{{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="favicon.ico" type="image/x-icon">
+
<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>
-
<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"));
-
#main_frame {
+
/*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(); });
-
  min-height:1800px;
+
/*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'>"); });
-
  width:      950px;
+
</script>
-
  margin:      20px auto;
+
-
  border:      1px solid ligth gray;
+
-
  border-radius:            15px;
+
-
  box-shadow:            0px 0px 30px rgba(110,110,110, .8);  
+
-
  background:            white;
+
-
 
+
-
}
+
-
 
+
-
.cal_calendar
+
-
{
+
-
  float:    left;
+
-
  background-color: white;
+
-
  width:    100%;
+
-
  margin:    auto;
+
-
  height:    20%;
+
-
       
+
-
}
+
-
.cal_d_weeks th
+
-
{
+
-
  border-radius:  5px;
+
-
}
+
-
.cal_calendar th
+
-
+
-
  border:    1px solid #22409a;
+
-
  background-color: #b6e6fd;
+
-
  width:    36px;
+
-
}
+
-
.cal_calendar td
+
-
{
+
-
  box-shadow:  0px 5px 10px rgba(120,120,120, .7);
+
-
  background-color: white;
+
-
  text-align:  center;
+
-
  width:    36px;
+
-
  height:    36px;
+
-
}
+
-
.cal_today input[type=submit]
+
-
{
+
-
  color:    #0089d1;
+
-
  font-weight:  bold;
+
-
}
+
-
.cal_days_bef_aft
+
-
{
+
-
  visibility:  hidden;
+
-
  color:    #5a779e;
+
-
}
+
-
.week input[type=submit]
+
-
{
+
-
  color:    #22409a;
+
-
  font-weight:  bold;
+
-
}
+
-
.head th
+
-
{
+
-
  border:    white;
+
-
  background-color: white;
+
-
}
+
-
input[type=submit]:hover
+
-
{
+
-
  color:    #b6e6fd;
+
-
  font-weight:  bold;
+
-
  background-color: #22409a;
+
-
}
+
-
input[type=submit]
+
-
{
+
-
 
+
-
  border:   white;
+
-
  background-color: white;
+
-
  width:    100%;
+
-
  height:    100%;
+
-
  opacity:  1;
+
-
}
+
-
 
+
-
#file_holder
+
-
{
+
-
  margin-top:  300px;
+
-
}
+
-
#calendar
+
-
{
+
-
 
+
-
}
+
-
+
-
.eventBox
+
-
{
+
-
text-align:    center;
+
-
border:    2px solid ligth gray;
+
-
box-shadow:    0px 2px 10px rgba(120,120,120, .7);
+
-
padding:    20px;
+
-
}
+
-
 
+
-
#left{
+
-
width:    36px;
+
-
}
+
-
#right{
+
-
width:    36px;
+
-
}
+
-
</style>
+
<script type="text/javascript">
<script type="text/javascript">
-
 
+
function esc(){
-
var month = new Date().getMonth(); 
+
document.getElementById("sir_explains").style.display="none";
-
var year = new Date().getFullYear(); 
+
-
var cal_table = '';   
+
-
var eventString;
+
-
var days_with_dirys = new Array('t2013630', 't201371', 't201372', 't201381', 't2013919');
+
-
var inputs = 5;
+
-
var days_in_month = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
+
-
+
-
/*getWeek() will calculate current week nr*/
+
-
Date.prototype.getWeek = function()  
+
-
{
+
-
  var onejan = new Date(this.getFullYear(),0,1);
+
-
  return Math.ceil((((this - onejan) / 86400000) + onejan.getDay()+1)/7);
+
}
}
-
/*writes/rewrites the calculator string */
+
</script>
-
function calendar_normal()
+
-
{
+
-
  var m = month+1;
+
-
  var date = new Date();   
+
-
  var today = date.getDate();   
+
-
  cal_table = ''; 
+
-
  if(year<=200)
 
-
  {
 
-
    year += 1900;
 
-
  }
 
-
  months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
 
-
  var weekDay = new Array('Mon', 'Tue', 'We', 'Thu', 'Fri', 'Sat', 'Sun');
 
-
  days_in_month = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
 
-
 
 
-
if(year%4 == 0 && year!=1900)
 
-
  {
 
-
  days_in_month[1]=29;
 
-
}
 
-
 
-
 
 
-
    total = days_in_month[month];
 
-
    var date_today = months[month]+' '+year;
 
-
 
-
    cal_table = cal_table + '<table class="cal_calendar" ><tbody id="cal_body"><tr class="head"><th class="arrow"><input id="left" type="image" onclick="left_arrow()" src="https://static.igem.org/mediawiki/2013/a/a1/Arrowleft.png"></th><th colspan="6" >'+date_today+'</th><th class="arrow"><input id="right" type="image" onclick="right_arrow()" src="https://static.igem.org/mediawiki/2013/0/0b/Arrowright.png"></th></tr>';
 
-
    cal_table = cal_table + '<tr class="cal_d_weeks"><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th><th>Week</th></tr><tr>';
 
-
    week = 0;
 
-
 
 
-
    var first_week_day = new Date(year, month, 0).getDay();
 
-
 
 
-
    for(week_day = 0; week_day < first_week_day; week_day++)
 
-
    {
 
-
      cal_table = cal_table +'<td class="cal_days_bef_aft"></td>';
 
-
      week++;
 
-
    }
 
-
   
 
-
for(i=1;i<=total;i++)
 
-
    {
 
-
        if(week===0)
 
-
        {
 
-
            cal_table = cal_table + '<tr>';
 
-
        }
 
-
   
 
-
        if(year == date.getFullYear())
 
-
        {
 
-
          if(month == date.getMonth()){
 
-
            if(today==i){
 
-
            cal_table = cal_table +'<td id="'+'t'+year+m+i+'" class="cal_today"><input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"></td>';
 
-
          }
 
-
        else{
 
-
        cal_table = cal_table +'<td id="'+'t'+year+m+i+'" class="not_today"><input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"></td>';
 
-
        }
 
-
        }
 
-
        else{
 
-
        cal_table = cal_table +'<td id="'+'t'+year+m+i+'" class="not_today"><input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"></td>';
 
-
        }
 
-
        }
 
-
   
 
-
        else
 
-
        {
 
-
            cal_table = cal_table +'<td id="'+'t'+year+m+i+'" class="not_today"><input type="submit" onclick="showNotes(year, month, value)" value="'+i+'"></td>';
 
-
        }
 
-
   
 
-
        week++;
 
-
  markerNotes(year, m, i);
 
-
        if(week==7)
 
-
        {
 
-
  var weeknr = new Date(year, month, i-1).getWeek();
 
-
  cal_table = cal_table + '<td class="week"><input type="submit" onclick="showNotesOfweek(year, value)" value="'+weeknr+'"></td>';
 
-
        cal_table = cal_table + '</tr>';   
 
-
  week=0;
 
-
        }
 
-
   
 
-
        }
 
-
 
 
-
        for(i=1;week!=0;i++)
 
-
        {
 
-
                cal_table = cal_table + '<td class="cal_days_bef_aft"></td>';
 
-
                week++;
 
-
   
 
-
                if(week==7)
 
-
                { 
 
-
      if(weeknr == 53)
 
-
      {
 
-
      var weeknr = 1;
 
-
      }
 
-
      else
 
-
      {
 
-
      var weeknr = weeknr+1;
 
-
      }
 
-
      cal_table = cal_table + '<td class="week"><input type="submit" onclick="showNotesOfweek(year, value)" value="'+weeknr+'"></td>';
 
-
                        cal_table = cal_table + '</tr>';
 
-
                        week=0;
 
-
                }
 
-
        }
 
-
        cal_table = cal_table + '</tbody></table>';
 
-
}
 
-
 
-
function left_arrow()
 
-
{
 
-
month = month-1;
 
-
  if(month == -1)
 
-
  {
 
-
  year = year - 1;
 
-
  month = 11;
 
-
  }
 
-
calendar_normal();
 
-
document.getElementById('calendar').innerHTML = cal_table;
 
-
}
 
-
 
-
function right_arrow()
 
-
{
 
-
month = month+1;
 
-
  if(month == 12)
 
-
  {
 
-
  year = year +1;
 
-
  month = 0;
 
-
  } 
 
-
calendar_normal();
 
-
document.getElementById('calendar').innerHTML = cal_table;
 
-
}
 
-
 
-
function showNotes(y, m, day)
 
-
{
 
-
  var m = month+1;
 
-
 
-
  eventString =  '<div class="eventBox" id="'+'d'+y+m+day+'" onclick="diry('+y+', '+m+', '+day+');"><h1>'+y+'-'+m+'-'+day+'</h1></div>';
 
-
  document.getElementById('file_holder').innerHTML = eventString;
 
-
}
 
-
 
-
function showNotesOfweek(y, wnr)
 
-
{
 
-
  var d = new Date(y,0,0);
 
-
  if(y == 2012 ){
 
-
  wnr++;
 
-
}
 
-
  var w = d.getTime() + 604800000 * (wnr-1);
 
-
  var m = new Date(w).getMonth()+1;
 
-
  var y = new Date(w).getFullYear();
 
-
  var day = new Date(w).getDate();
 
-
 
-
  var e = new Date(w).getDay();
 
-
  day = day - e+1;
 
-
 
 
-
  eventString = '<div class="eventBox" id="'+'d'+y+m+day+'" onclick="diry('+y+', '+m+', '+day+');"><h1>'+y+'-'+m+'-'+day+'</h1></div>';
 
-
 
 
-
  for(i=1;i<7;i++)
 
-
  {
 
-
    if(days_in_month[m-1] == day )
 
-
    {
 
-
    day = 0;
 
-
    m++;
 
-
    if(m>12)
 
-
    {
 
-
      y++;
 
-
      var d = new Date(y, 0, 0);
 
-
      var w = d.getTime() + 604800000 * (wnr-1);
 
-
      var m = 1;
 
-
    }
 
-
   
 
-
    }
 
-
    day++;
 
-
    eventString = eventString + '<div class="eventBox" id="'+'d'+y+m+day+'" onclick="diry('+y+', '+m+', '+day+');"><h1>'+y+'-'+m+'-'+day+'</h1></div>';
 
-
  }
 
-
  document.getElementById('file_holder').innerHTML = eventString;
 
-
  eventString = '';
 
-
}
 
-
 
-
function markerNotes(y, m, d)
 
-
{
 
-
var id='t'+y+m+d;
 
-
 
-
for(c = 0; c<=inputs; c++)
 
-
{
 
-
  if(days_with_dirys[c] == id)
 
-
  {
 
-
  cal_table = cal_table + '<style type="text/css">#'+id+'{border: 2px solid #FFA500;}</style>';
 
-
  }
 
-
}
 
-
}
 
-
 
-
function diry(y, m, d)
 
-
{
 
-
var ds = '';  //diryString
 
-
var id = 'd'+y+m+d;
 
-
 
-
if(id == 'd2013630')
 
-
{
 
-
ds = 'dscds';
 
-
}
 
-
else if(id == 'd201371')
 
-
{
 
-
ds = 'cdscds';
 
-
}
 
-
else if(id == 'd201372')
 
-
{
 
-
ds = 'csdcds';
 
-
}
 
-
else if(id == 'd201381')
 
-
{
 
-
  ds = '<h2>Thursday 2013-08-01</h2><p>Name of participants: Marcus H, Karl H, Lovisa P, Emil M, Victor S, Hampus.E<br><br><h3>Ongoing constructs:</h3><br>' +
 
-
  '114. pSB1C3-B0034-TAL(MUT)<br>105. pSB3T5-J23101-B0034-TAL<br>107. pSB3T5-CP1-B0034-TAL<br>115. pSB3K5-J23101-B0034-His-TAL<br>116. pSB3T5-J23110-B0034-His-TAL<br>119.pSB1C3-B0034-4CL<br>120.pSB1C3-B0034-HIS-4CL<br>'+
 
-
  '137. pSB3K3-CP8-B0034-TAL<br>138. pSB3K3-CP8-B0034-His-TAL<br>139. pSB3K3-J23101-B0034-BFP<br>171. pSB3T5-J23110-B0034-4CL-B0034-STS<br>172. pSB3T5-CP1-B0034-TAL<br>185. pEL3S17-J23110-B0034-TAL-B0034-4CL-B0034-STS<br>186. pEL3S17-CP1-B0034-4CL-B0034-STS<br>'+
 
-
  '187. pEL3S17-CP8-B0034-4CL-B0034-STS<br>188. pEL3S17-J23101-B0034-4CL-B0034-STS<br>189. pSB3K3-J23101-B0034-TAL<br>204. pEL3S17-J23110-HIS-STS<br>205.pSBLB4C15-CP1-B0034-HIS-TAL<br>206.pSB1C3-J23101-B0034-TAL<br>'+
 
-
 
-
  '<h3>Todays work</h3><br><h3>PCR screening and gel electrophorersis of construct:</h3><br>185.(5-10) pEL3S17-J23110-B0034-TAL-B0034-4CL-B0034-STS<br>'+
 
-
 
-
  '<h3>sequencing prep. of constructs:</h3><br>185.9-185.10<br>'+
 
-
 
-
  '<h3>Transformation of constructs:</h3><br>171. pSB3T5-J23110-B0034-4CL-B0034-STS<br>204. pEL3S17-J23110-HIS-STS<br>205.pSBLB4C15-CP1-B0034-HIS-TAL<br>206.pSB1C3-J23101-B0034-TAL<br><br>'+
 
-
 
-
  '<h3>Results</h3><br>Construct 185, clone 9 and 10, bonds around 3000/4000 bp.<br><br>'+
 
-
 
-
  '<h3>Follow up</h3><br>- <br><br>'+
 
-
 
-
  '<h3>Other experiments</h3><br>-<br></p>';
 
-
}
 
-
else if(id == 'd2013919')
 
-
{
 
-
ds = '<h1>Uppsala IGEM team´s awesome synbioday at 12.15 to 17.00</h1>';
 
-
}
 
-
else
 
-
{
 
-
  ds = 'Nothing happend during this day!';
 
-
}
 
-
document.getElementById(id).setAttribute('onclick','closeNote('+y+', '+m+', '+d+');');
 
-
document.getElementById(id).innerHTML = ds;
 
-
}
 
-
 
-
function closeNote(y, m, d)
 
-
{
 
-
var ds = '';
 
-
var id = 'd'+y+m+d;
 
-
var ds = '<h1>'+y+'-'+m+'-'+d+'</h1>';
 
-
document.getElementById(id).setAttribute('onclick','diry('+y+', '+m+', '+d+');');
 
-
document.getElementById(id).innerHTML = ds;
 
-
}
 
-
 
-
 
-
</script>
 
</head>
</head>
Line 386: Line 40:
<!-- Contains sub-logo picture -->
<!-- Contains sub-logo picture -->
-
<div id="igem_logo"><a href="https://2013.igem.org/Main_Page"><img class="igem_logo" src="https://static.igem.org/mediawiki/2013/5/59/IGEMlogo.png"></a></div>
+
<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 396: 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/9/9a/Home.png"><a/></div>
+
<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/9/92/Project.png"></a>
+
<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/overview">Overview</a></li>
+
<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 409: 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/affinity-tags">Toxin-antitoxin system</a></li>
+
<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 416: 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">P-coumeric 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/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/astraxantin">Astraxantin</a></li>
+
                                                                <li><a
-
<li><a href="https://2013.igem.org/Team:Uppsala/zeaxantin">Zeaxantin</a></li>
+
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">Chromoprotein</a></li>
+
                                                <li><a
-
<li><a href="https://2013.igem.org/Team:Uppsala/safety">Safety experiments</a></li>
+
href="https://2013.igem.org/Team:Uppsala/miraculin">Miraculin</a></li>
-
<li><a href="https://2013.igem.org/Team:Uppsala/result">Result</a></li>
+
<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/3/3c/Modeling.png"></a>
+
<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/resveratrol-pathway">Resveratrol pathway </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/carotenoids-pathway">Carotenoids pathway </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>
</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/7/79/Parts.png"></a></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>
-
<li><a href="https://2013.igem.org/Team:Uppsala/team" id="list_type2"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/1/14/213124236426467234638642.png"></a>
+
<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>
+
                                                <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/hp" id="list_type3"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/f/f5/HP.png"></a>
+
<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/Yoghurtproducts">Yoghurt products</a></li>
+
<li><a href="https://2013.igem.org/Team:Uppsala/yoghurt">Yoghurt +</a></li>
-
<li><a href="https://2013.igem.org/Team:Uppsala/synbioday">SynBio Day</a></li>
+
<li><a href="https://2013.igem.org/Team:Uppsala/synbioday">SynBioDay</a></li>
-
<li><a href="https://2013.igem.org/Team:Uppsala/bioethics">Bioethics</a></li>
+
<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/safety">Bioethics and Safety</a></li>
+
<li><a href="https://2013.igem.org/Team:Uppsala/public-opinion">Public opinion </a></li>
-
<li><a href="https://2013.igem.org/Team:Uppsala/society">Society and Outreach</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/highschool-outreach">High School Outreach</a></li>
+
<li><a href="https://2013.igem.org/Team:Uppsala/bioart">BioArt</a></li>
-
                                                <li><a href="https://2013.igem.org/Team:Uppsala/outreach">Media Outreach</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/8/8d/Attributions.png"></a></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>  
-
<li><a href="https://2013.igem.org/Team:Uppsala/notebook" id="list_type3"><img class="nav-text" src="https://static.igem.org/mediawiki/2013/9/9f/Notebook_Uppsala_button.png"></a>
+
<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/protocol">Protocol</a></li>
+
                                         <li><a href="https://2013.igem.org/Team:Uppsala/safety-form">Safety form</a></li>
-
                                         <li><a href="https://2013.igem.org/Team:Uppsala/lab-journal">Lab journal</a></li>
+
                                         <li><a href="https://2013.igem.org/Team:Uppsala/protocols">Protocols</a></li>
                                     </ul></li>
                                     </ul></li>
</ul>
</ul>
Line 465: Line 130:
</div>
</div>
-
 
<div id="main_content">  
<div id="main_content">  
Line 479: 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 488: 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)">
-
<img class="bottom-pic" src="https://static.igem.org/mediawiki/2013/a/aa/Bottom_picture.png">
+
</div>
-
</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 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!