Difference between revisions of "Team:Munich/Labbook"

Line 1: Line 1:
−
{{Munich/Header}}
+
<html>
−
{{Munich/Lightbox}}
+
 
−
<html>  
+
<head>
−
  <head>
+
 
−
    <script src = "https://2017.igem.org/Template:Munich/Javascript?action=raw&ctype=text/javascript"></script>
+
<script src = "https://2017.igem.org/Template:Munich/Javascript?action=raw&ctype=text/javascript"></script>
−
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css">
−
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Munich/CSSMainStructure?action=raw&ctype=text/css">
+
 
−
    <style>
+
<style type="text/css">
−
      .resultImg{
+
 
−
width: 100%;
+
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
−
height: auto;
+
.navigation-bar{
−
      }
+
background-color: white !important;
−
#HQ_page .authors{
+
padding: 0 !important;
 +
 
 +
}
 +
 
 +
.ui.secondary.menu.navigation-bar > div.ui.item{
 +
padding: 0;
 +
}
 +
 
 +
 
 +
.cascaid{
 +
width: 150px;
 +
height: auto;
 +
}
 +
 
 +
section{
 +
width: 66%;
 +
margin: auto;
 +
}
 +
 
 +
 
 +
 
 +
h1.myHeader1{
 +
font-size: 4vw;
 +
text-align: center;
 +
margin-top: 10vh;
 +
}
 +
 
 +
#introImgContainer{
 +
text-align: center;
 +
}
 +
 
 +
img.introImg{
 +
width: 50%;
 +
height: auto;
 +
}
 +
 
 +
.myImg{
 +
width: 100%;
 +
height: auto;
 +
}
 +
 
 +
p.myParagraph{
 +
text-align: justify;
 +
 
 +
 
 +
}
 +
 
 +
.topicContainer > .figureContainer{
 +
width: 66%;
 +
margin: auto;
 +
margin-top: 5vh;
 +
margin-bottom: 5vh;
 +
}
 +
 
 +
 
 +
.float-right.figureContainer{
 +
width: 33%;
 +
border: 2px solid black;
 +
margin: 1rem;
 +
padding: 1rem;
 +
}
 +
 
 +
p.introP{
 +
margin-top: 5vh;
 +
margin-bottom: 5vh;
 +
 
 +
}
 +
 
 +
.float-right{
 +
float: right;
 +
}
 +
 
 +
/* Lightbox CSS*/
 +
.lightbox{
 +
display: none;
 +
width: 100%;
 +
height: 100%;
 +
background-color: rgba(0,0,0,.7);
 +
position: fixed;
 +
top: 0;
 +
left: 0;
 +
z-index: 102;
 +
padding-top: 30px;
 +
box-sizing: border-box;
 +
}
 +
 
 +
.lightboxContainer{
 +
position: relative;
 +
top: 50%;
 +
transform: translateY(-50%);
 +
 
 +
 
 +
}
 +
 
 +
.lightbox img{
 +
display: block;
 +
margin: auto;
 +
max-width: 33vw;
 +
}
 +
 
 +
.lightbox .caption{
 +
margin: 15px auto;
 +
width: 50%;
 +
text-align: center;
 +
font-size: 1em;
 +
line-height: 1.5;
 +
font-weight: 700;
 +
color: #eee;
 +
}
 +
 
 +
@media screen and (max-width: 767px){
 +
h1.myHeader1{
 +
font-size: 40px;
 +
 +
}
 +
 
 +
.float-right.figureContainer{
 +
width: 100%;
 +
padding: 1rem;
 +
margin: 0;
 +
}
 +
 
 +
 
 +
.topicContainer> .figureContainer{
 +
width: 100%;
 +
padding: 1rem;
 +
margin: 0;
 +
}
 +
 
 +
.float-right{
 +
float: none;
 +
}
 +
 
 +
.lightbox img{
 +
max-width: 90vw;
 +
}
 +
 
 +
.lightbox .caption{
 +
width: 90vw;
 +
}
 +
 
 +
}
 +
 
 +
.authors{
 
font-size: 0.8em;
 
font-size: 0.8em;
 
}
 
}
Line 168: Line 311:
 
color: #70BF41 !important;
 
color: #70BF41 !important;
 
}
 
}
−
    </style>
 
−
  </head>
 
−
  <body>
 
−
<body>
 
−
<section id="introduction">
 
  
−
   <h1 class="myHeader1">
+
.cascaid{
−
LAB BOOK
+
   height:auto;
−
</h1>
+
  width: 150px;
−
<div id="introImgContainer">
+
}
−
<img class="myImg introImg lightboxable"  src="http://www.animationmagazine.net/wordpress/wp-content/uploads/my-little-pony-post7.jpg"/ alt="intro Picture">
+
−
</div>
+
−
<div id="introPContainer">
+
−
<p class="myParagraph introP">
+
−
According to all known laws of aviation, there is no way a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway because bees don't care what humans think is impossible. Yellow, black. Yellow, black. Yellow, black. Yellow, black. Ooh, black and yellow! Let's shake it up a little. Barry! Breakfast is ready! Ooming! Hang on a second. Hello? - Barry? - Adam? - Oan you believe this is happening? - I can't. I'll pick you up. Looking sharp. Use the stairs. Your father paid good money for those. Sorry. I'm excited. Here's the graduate. We're very proud of you, son. A perfect report card, all B's. Very proud. Ma! I got a thing going here. - You got lint on your fuzz. - Ow! That's me! - Wave to us! We'll be in row 118,000. - Bye! Barry, I told you, stop flying in the house! - Hey, Adam. - Hey, Barry. - Is that fuzz gel? - A little. Special day, graduation. Never thought I'd make it. Three days grade school, three days high school. Those were awkward. Three days college. I'm glad I took a day and hitchhiked around the hive. You did come back different. - Hi, Barry. - Artie, growing a mustache? Looks good. - Hear about Frankie? - Yeah. - You going to the funeral? - No, I'm not going. Everybody knows, sting someone, you die. Don't waste it on a squirrel. Such a hothead. I guess he could have just gotten out of the way.
+
−
</p>
+
−
</div>
+
  
−
</section>
 
−
<section id="mainContent">
 
−
<div id="labjournal" class= "ui grid container">
 
−
<div id="calendarColumn" class="column eight wide">
 
−
 
−
<div id="calendarContainer">
 
−
<div class="calendar" id="September">
 
−
  <h1>
 
−
  <button>
 
−
  left
 
−
  </button>
 
−
  September
 
−
  <button onclick="scrollright('September','October')">
 
−
  right
 
−
  </button>
 
−
  </h1>
 
−
  <table>
 
−
  <tr>
 
−
  <th>Mon</th>
 
−
  <th>Tue</th>
 
−
  <th>Wed</th>
 
−
  <th>Thu</th>
 
−
  <th>Fri</th>
 
−
  <th>Sat</th>
 
−
  <th>Sun</th>
 
−
  </tr>
 
−
    <tr><td class="lastmonth">30</td><td onclick="entry(this,[
 
−
    ['hardware',
 
−
    'Transformation of DH5-alpha E.coli with the pUC19-plasmid',
 
−
    'Transformation protocol for E.coli transformation',
 
−
    'Fulanita, Fulanito, Paquito',
 
−
    [
 
−
    'Forgot to put on ice',
 
−
    'Forgot to put plasmid',
 
−
    'Forgot to change pipette tips'
 
−
    ]
 
−
    ],
 
  
−
    ['wetlab',
+
.footer{
−
    'hola aksdfhñeiofhasñdiofhañeiofhasñdiof',
+
    background-color: rgb(0,144,239);
−
    'adios',
+
    height: 100px;
−
    'Matthias, Rob, Ludwig',
+
    color: rgb(255,255,255);
−
    [
+
    display: flex;
−
    'quetal',
+
    align-items: center;
−
    'como estas'
+
    justify-content: center;
−
    ],
+
    flex-direction: row;
−
    'http://www.animationmagazine.net/wordpress/wp-content/uploads/my-little-pony-post7.jpg',
+
    margin-top:10%;
−
    ],
+
}
  
−
    ['extraction',
+
.resultImg{
−
    'hola2',
+
width: 100%;
−
    'adios2',
+
height: auto;
−
    'Hugo, Paco, Luis',
+
}
−
    [
+
−
    'asdf',
+
−
    'asdfasdfasd',
+
−
    'asdfsdfasdf,',
+
−
    'sañdfiwehqñweir',
+
−
    'ñsdfkhqwpeiqwe',
+
−
    'sañdhfñaiehf',
+
−
    'ashdñfiqwehñfwe'
+
−
    ]
+
−
    ],
+
  
−
    ['extraction',
+
*{
−
    'hola3',
+
font-family: Helvetica, Arial, sans-serif;
−
    'adios3',
+
}
−
    'Chris, Jorge, Dawa',
+
−
    [
+
−
    'pokemon',
+
−
    'digimon',
+
−
    'torimon',
+
−
    'supermon',
+
−
    'monmon'
+
−
    ]
+
−
    ]
+
−
    ])">1 <div class="markcontainer"> <div class="hardware"></div><div class="wetlab"></div><div class="extraction"></div></td><td onclick="entry('hola2','adios2','quetal2')">2</td><td>3</td><td class="hastask">4</td><td>5</td><td>6</td></tr>
+
−
    <tr><td>7</td><td class="current">8</td><td class="hastask">9</td><td>10</td><td>11</td><td class="hastask">12</td><td>13</td></tr>
+
−
    <tr><td>14</td><td class="hastask">15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td></tr>
+
−
    <tr><td class="hastask">21</td><td onclick="entry(this,[
+
  
−
    ">22</td><td>23</td><td>24</td><td>25</td><td class="hastask">26</td><td>27</td></tr>
+
 
−
    <tr><td>28</td><td>29</td><td class="hastask">30</td><td>31</td><td class="nextmonth">1</td><td>2</td><td>3</td></tr>
+
</style>
−
  </table>
+
 
−
</div>
+
 
−
<div class="calendar invisible" id="October">
+
</head>
−
  <h1>
+
 
−
  <button onclick="scrollleft('October','September')">
+
<body>
−
  left
+
<div class=" ui fixed secondary menu grid">
−
  </button>
+
<div class="ui computer only fixed seven item secondary menu row navigation-bar">
−
  October
+
<div class="ui just item">
−
  <button onclick="scrollright('October','November')">
+
        <img class="ui cascaid image" src="https://static.igem.org/mediawiki/2017/thumb/a/af/T--Munich--Logo_Final.svg/739px-T--Munich--Logo_Final.svg.png">
−
  right
+
    </div>
−
  </button>
+
    <div class="ui dropdown item" tabindex="0">
−
  </h1>
+
        <div class="text">Project Computer</div>
−
  <table>
+
        <div class="ui menu" tabindex="-1">
−
  <tr>
+
            <a class="active item">Description</a>
−
  <th>Mon</th>
+
            <a class="disabled item">Interlab</a>
−
  <th>Tue</th>
+
        </div>
−
  <th>Wed</th>
+
    </div>
−
  <th>Thu</th>
+
    <div class="ui disabled dropdown item" tabindex="0">
−
  <th>Fri</th>
+
        <div class="text">Design</div>
−
  <th>Sat</th>
+
        <div class="ui menu" tabindex="-1">
−
  <th>Sun</th>
+
            <a class="item">Overall</a>
−
  </tr>
+
            <a class="item">Parts</a>
−
    <tr><td class="lastmonth">30</td><td onclick="entry(this,[
+
            <a class="item">Hardware</a>
−
    ['Transformation of DH5-alpha E.coli with the pUC19-plasmid',
+
            <a class="item">Software</a>
−
    'Transformation protocol for E.coli transformation',
+
            <a class="item">Modeling</a>
−
    [
+
        </div>
−
    'Forgot to put on ice',
+
    </div>
−
    'Forgot to put plasmid',
+
    <div class="ui dropdown item" tabindex="0">
−
    'Forgot to change pipette tips']
+
        <div class="text">Lab</div>
−
    ],
+
        <div class="ui menu" tabindex="-1">
−
    ['hola',
+
            <a class="item">Lab journal</a>
−
    'adios',
+
            <a class="disabled item">Experiments</a>
−
    [
+
            <a class="disabled item">Results</a>
−
    'quetal',
+
            <a class="disabled item">Safety</a>
−
    'como estas']
+
        </div>
−
    ]
+
    </div>
−
    ])">1</td><td onclick="entry('hola2','adios2','quetal2')">2</td><td>3</td><td class="hastask">4</td><td>5</td><td>6</td></tr>
+
 
−
    <tr><td>7</td><td class="current">8</td><td class="hastask">9</td><td>10</td><td>11</td><td class="hastask">12</td><td>13</td></tr>
+
    <div class="ui dropdown item" tabindex="0">
−
    <tr><td>14</td><td class="hastask">15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td></tr>
+
        <div class="text">Team</div>
−
    <tr><td class="hastask">21</td><td>22</td><td>23</td><td>24</td><td>25</td><td class="hastask">26</td><td>27</td></tr>
+
        <div class="ui menu" tabindex="-1">
−
    <tr><td>28</td><td>29</td><td class="hastask">30</td><td>31</td><td class="nextmonth">1</td><td>2</td><td>3</td></tr>
+
            <a class="item" href="https://2017.igem.org/Team:Munich/Team">The Team</a>
−
  </table>
+
            <a class="disabled item">Attributions</a>
−
</div>
+
            <a class="disabled item">Collaborations</a>
−
<div class="calendar invisible" id="November">
+
        </div>
−
  <h1>
+
    </div>
−
  <button onclick="scrollleft('November','October')">
+
 
−
  left
+
    <div class="ui disabled dropdown item" tabindex="0">
−
  </button>
+
        <div class="text">Human Practices</div>
−
  November
+
        <div class="ui menu" tabindex="-1">
−
  <button >
+
            <a class="item">Awards</a>
−
  right
+
            <a class="item">Medals</a>
−
  </button>
+
        </div>
−
  </h1>
+
    </div>
−
  <table>
+
 
−
  <tr>
+
    <div class="ui disabled dropdown item" tabindex="0">
−
  <th>Mon</th>
+
        <div class="text">Awards</div>
−
  <th>Tue</th>
+
        <div class="ui menu" tabindex="-1">
−
  <th>Wed</th>
+
            <a class="item">Special prizes</a>
−
  <th>Thu</th>
+
            <a class="item">Medals</a>
−
  <th>Fri</th>
+
        </div>
−
  <th>Sat</th>
+
    </div>
−
  <th>Sun</th>
+
</div>
−
  </tr>
+
<div class="ui mobile only fixed two item secondary menu row navigation-bar">
−
    <tr><td class="lastmonth">30</td><td onclick="entry(this,[
+
<div class="ui just item">
−
    ['Transformation of DH5-alpha E.coli with the pUC19-plasmid',
+
        <img class="ui cascaid image" src="https://static.igem.org/mediawiki/2017/thumb/a/af/T--Munich--Logo_Final.svg/739px-T--Munich--Logo_Final.svg.png">
−
    'Transformation protocol for E.coli transformation',
+
    </div>
−
    [
+
    <div class="ui dropdown item" tabindex="0">
−
    'Forgot to put on ice',
+
    <div class="text">
−
    'Forgot to put plasmid',
+
    Menu
−
    'Forgot to change pipette tips']
+
    </div>
−
    ],
+
    <div class="ui menu" tabindex="-1">
−
    ['hola',
+
            <div class="ui item accordion">
−
    'adios',
+
              <div class="title">Project</div>
−
    [
+
              <div class="ui content bulleted list">
−
    'quetal',
+
                <div class="">Description</div>
−
    'como estas']
+
                <div class="">Interlab</div>
−
    ]
+
              </div>
−
    ])">1</td><td onclick="entry('hola2','adios2','quetal2')">2</td><td>3</td><td class="hastask">4</td><td>5</td><td>6</td></tr>
+
             
−
    <tr><td>7</td><td class="current">8</td><td class="hastask">9</td><td>10</td><td>11</td><td class="hastask">12</td><td>13</td></tr>
+
              <div class="title">Design</div>
−
    <tr><td>14</td><td class="hastask">15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td></tr>
+
              <div class="ui content bulleted list">
−
    <tr><td class="hastask">21</td><td>22</td><td>23</td><td>24</td><td>25</td><td class="hastask">26</td><td>27</td></tr>
+
                <div class="">Overall</div>
−
    <tr><td>28</td><td>29</td><td class="hastask">30</td><td>31</td><td class="nextmonth">1</td><td>2</td><td>3</td></tr>
+
                <div class="">Parts</div>
−
  </table>
+
                <div class="">Hardware</div>
−
</div>
+
                <div class="">Software</div>
−
</div>
+
                <div class="">Modeling</div>
−
+
              </div>
 +
             
 +
              <div class="title">Lab</div>
 +
              <div class="ui content bulleted list">
 +
                <div class="">Lab journal</div>
 +
                <div class="">Experiments</div>
 +
                <div class="">Safety</div>
 +
              </div>
 +
             
 +
              <div class="title">Team</div>
 +
              <div class="ui content bulleted list">
 +
                <div class="">Team Members</div>
 +
                <div class="">Attributions</div>
 +
                <div class="">Collaboration</div>
 +
              </div>
 +
             
 +
              <div class="title">Human Practices</div>
 +
              <div class="ui content bulleted list">
 +
                <div class="">Awards</div>
 +
                <div class="">Medals</div>
 +
              </div>
 +
             
 +
              <div class="title">Awards</div>
 +
              <div class="ui content bulleted list">
 +
                <div class="">Special prizes</div>
 +
                <div class="">Medals</div>
 +
              </div>
 +
             
 +
            </div>        
 +
    </div>
 +
    </div>
 +
   
 +
</div>
 +
<div class="ui tablet only fixed seven item secondary menu row navigation-bar">
 +
<div class="ui just item">
 +
        <img class="ui cascaid image" src="https://static.igem.org/mediawiki/2017/thumb/a/af/T--Munich--Logo_Final.svg/739px-T--Munich--Logo_Final.svg.png">
 +
    </div>
 +
    <div class="ui dropdown item" tabindex="0">
 +
        Tablet
 +
        <div class="ui menu" tabindex="-1">
 +
            <a class="active item">Description</a>
 +
            <a class="disabled item">Interlab</a>
 +
        </div>
 +
    </div>
 +
    <div class="ui disabled dropdown item" tabindex="0">
 +
        <div class="text">Design</div>
 +
        <div class="ui menu" tabindex="-1">
 +
            <a class="item">Overall</a>
 +
            <a class="item">Parts</a>
 +
            <a class="item">Hardware</a>
 +
            <a class="item">Software</a>
 +
            <a class="item">Modeling</a>
 +
        </div>
 +
    </div>
 +
    <div class="ui dropdown item" tabindex="0">
 +
        <div class="text">Lab</div>
 +
        <div class="ui menu" tabindex="-1">
 +
            <a class="item">Lab journal</a>
 +
            <a class="disabled item">Experiments</a>
 +
            <a class="disabled item">Results</a>
 +
            <a class="disabled item">Safety</a>
 +
        </div>
 +
    </div>
 +
 
 +
    <div class="ui dropdown item" tabindex="0">
 +
        <div class="text">Team</div>
 +
        <div class="ui menu" tabindex="-1">
 +
            <a class="item" href="https://2017.igem.org/Team:Munich/Team">The Team</a>
 +
            <a class="disabled item">Attributions</a>
 +
            <a class="disabled item">Collaborations</a>
 +
        </div>
 +
    </div>
 +
 
 +
    <div class="ui disabled dropdown item" tabindex="0">
 +
        <div class="text">Human Practices</div>
 +
        <div class="ui menu" tabindex="-1">
 +
            <a class="item">Awards</a>
 +
            <a class="item">Medals</a>
 +
        </div>
 +
    </div>
 +
 
 +
    <div class="ui disabled dropdown item" tabindex="0">
 +
        <div class="text">Awards</div>
 +
        <div class="ui menu" tabindex="-1">
 +
            <a class="item">Special prizes</a>
 +
            <a class="item">Medals</a>
 +
        </div>
 +
    </div>
 +
</div>
 
</div>
 
</div>
  
−
<div  class="column eight wide">
+
<section id="introduction">
−
<div id="dayContent"></div>
+
 
 +
  <h1 class="myHeader1">
 +
LAB BOOK
 +
</h1>
 +
<div id="introImgContainer">
 +
<img class="myImg introImg lightboxable"  src="http://www.animationmagazine.net/wordpress/wp-content/uploads/my-little-pony-post7.jpg"/ alt="intro Picture">
 
</div>
 
</div>
−
</div>
+
<div id="introPContainer">
 +
<p class="myParagraph introP">
 +
According to all known laws of aviation, there is no way a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway because bees don't care what humans think is impossible. Yellow, black. Yellow, black. Yellow, black. Yellow, black. Ooh, black and yellow! Let's shake it up a little. Barry! Breakfast is ready! Ooming! Hang on a second. Hello? - Barry? - Adam? - Oan you believe this is happening? - I can't. I'll pick you up. Looking sharp. Use the stairs. Your father paid good money for those. Sorry. I'm excited. Here's the graduate. We're very proud of you, son. A perfect report card, all B's. Very proud. Ma! I got a thing going here. - You got lint on your fuzz. - Ow! That's me! - Wave to us! We'll be in row 118,000. - Bye! Barry, I told you, stop flying in the house! - Hey, Adam. - Hey, Barry. - Is that fuzz gel? - A little. Special day, graduation. Never thought I'd make it. Three days grade school, three days high school. Those were awkward. Three days college. I'm glad I took a day and hitchhiked around the hive. You did come back different. - Hi, Barry. - Artie, growing a mustache? Looks good. - Hear about Frankie? - Yeah. - You going to the funeral? - No, I'm not going. Everybody knows, sting someone, you die. Don't waste it on a squirrel. Such a hothead. I guess he could have just gotten out of the way.
 +
</p>
 +
</div>
 +
 
 +
</section>
 +
<section id="mainContent">
 +
<div id="labjournal" class= "ui grid container">
 +
<div id="calendarColumn" class="column six wide">
 +
 +
<div id="calendarContainer">
 +
<div class="calendar" id="September">
 +
  <h1>
 +
  <button>
 +
  left
 +
  </button>
 +
  September
 +
  <button onclick="scrollright('September','October')">
 +
  right
 +
  </button>
 +
  </h1>
 +
  <table>
 +
  <tr>
 +
  <th>Mon</th>
 +
  <th>Tue</th>
 +
  <th>Wed</th>
 +
  <th>Thu</th>
 +
  <th>Fri</th>
 +
  <th>Sat</th>
 +
  <th>Sun</th>
 +
  </tr>
 +
    <tr><td class="lastmonth">30</td><td onclick="entry(this,[
 +
    ['hardware',
 +
    'Transformation of DH5-alpha E.coli with the pUC19-plasmid',
 +
    'Transformation protocol for E.coli transformation',
 +
    'Fulanita, Fulanito, Paquito',
 +
    [
 +
    'Forgot to put on ice',
 +
    'Forgot to put plasmid',
 +
    'Forgot to change pipette tips'
 +
    ]
 +
    ],
 +
 
 +
    ['wetlab',
 +
    'hola aksdfhñeiofhasñdiofhañeiofhasñdiof',
 +
    'adios',
 +
    'Matthias, Rob, Ludwig',
 +
    [
 +
    'quetal',
 +
    'como estas'
 +
    ],
 +
    'http://www.animationmagazine.net/wordpress/wp-content/uploads/my-little-pony-post7.jpg',
 +
    ],
 +
 
 +
    ['extraction',
 +
    'hola2',
 +
    'adios2',
 +
    'Hugo, Paco, Luis',
 +
    [
 +
    'asdf',
 +
    'asdfasdfasd',
 +
    'asdfsdfasdf,',
 +
    'sañdfiwehqñweir',
 +
    'ñsdfkhqwpeiqwe',
 +
    'sañdhfñaiehf',
 +
    'ashdñfiqwehñfwe'
 +
    ]
 +
    ],
 +
 
 +
    ['extraction',
 +
    'hola3',
 +
    'adios3',
 +
    'Chris, Jorge, Dawa',
 +
    [
 +
    'pokemon',
 +
    'digimon',
 +
    'torimon',
 +
    'supermon',
 +
    'monmon'
 +
    ]
 +
    ]
 +
    ])">1 <div class="markcontainer"> <div class="hardware"></div><div class="wetlab"></div><div class="extraction"></div></td><td onclick="entry('hola2','adios2','quetal2')">2</td><td>3</td><td class="hastask">4</td><td>5</td><td>6</td></tr>
 +
    <tr><td>7</td><td class="current">8</td><td class="hastask">9</td><td>10</td><td>11</td><td class="hastask">12</td><td>13</td></tr>
 +
    <tr><td>14</td><td class="hastask">15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td></tr>
 +
    <tr><td class="hastask">21</td><td onclick="entry(this,[
 +
 
 +
    ">22</td><td>23</td><td>24</td><td>25</td><td class="hastask">26</td><td>27</td></tr>
 +
    <tr><td>28</td><td>29</td><td class="hastask">30</td><td>31</td><td class="nextmonth">1</td><td>2</td><td>3</td></tr>
 +
  </table>
 +
</div>
 +
<div class="calendar invisible" id="October">
 +
  <h1>
 +
  <button onclick="scrollleft('October','September')">
 +
  left
 +
  </button>
 +
  October
 +
  <button onclick="scrollright('October','November')">
 +
  right
 +
  </button>
 +
  </h1>
 +
  <table>
 +
  <tr>
 +
  <th>Mon</th>
 +
  <th>Tue</th>
 +
  <th>Wed</th>
 +
  <th>Thu</th>
 +
  <th>Fri</th>
 +
  <th>Sat</th>
 +
  <th>Sun</th>
 +
  </tr>
 +
    <tr><td class="lastmonth">30</td><td onclick="entry(this,[
 +
    ['Transformation of DH5-alpha E.coli with the pUC19-plasmid',
 +
    'Transformation protocol for E.coli transformation',
 +
    [
 +
    'Forgot to put on ice',
 +
    'Forgot to put plasmid',
 +
    'Forgot to change pipette tips']
 +
    ],
 +
    ['hola',
 +
    'adios',
 +
    [
 +
    'quetal',
 +
    'como estas']
 +
    ]
 +
    ])">1</td><td onclick="entry('hola2','adios2','quetal2')">2</td><td>3</td><td class="hastask">4</td><td>5</td><td>6</td></tr>
 +
    <tr><td>7</td><td class="current">8</td><td class="hastask">9</td><td>10</td><td>11</td><td class="hastask">12</td><td>13</td></tr>
 +
    <tr><td>14</td><td class="hastask">15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td></tr>
 +
    <tr><td class="hastask">21</td><td>22</td><td>23</td><td>24</td><td>25</td><td class="hastask">26</td><td>27</td></tr>
 +
    <tr><td>28</td><td>29</td><td class="hastask">30</td><td>31</td><td class="nextmonth">1</td><td>2</td><td>3</td></tr>
 +
  </table>
 +
</div>
 +
<div class="calendar invisible" id="November">
 +
  <h1>
 +
  <button onclick="scrollleft('November','October')">
 +
  left
 +
  </button>
 +
  November
 +
  <button >
 +
  right
 +
  </button>
 +
  </h1>
 +
  <table>
 +
  <tr>
 +
  <th>Mon</th>
 +
  <th>Tue</th>
 +
  <th>Wed</th>
 +
  <th>Thu</th>
 +
  <th>Fri</th>
 +
  <th>Sat</th>
 +
  <th>Sun</th>
 +
  </tr>
 +
    <tr><td class="lastmonth">30</td><td onclick="entry(this,[
 +
    ['Transformation of DH5-alpha E.coli with the pUC19-plasmid',
 +
    'Transformation protocol for E.coli transformation',
 +
    [
 +
    'Forgot to put on ice',
 +
    'Forgot to put plasmid',
 +
    'Forgot to change pipette tips']
 +
    ],
 +
    ['hola',
 +
    'adios',
 +
    [
 +
    'quetal',
 +
    'como estas']
 +
    ]
 +
    ])">1</td><td onclick="entry('hola2','adios2','quetal2')">2</td><td>3</td><td class="hastask">4</td><td>5</td><td>6</td></tr>
 +
    <tr><td>7</td><td class="current">8</td><td class="hastask">9</td><td>10</td><td>11</td><td class="hastask">12</td><td>13</td></tr>
 +
    <tr><td>14</td><td class="hastask">15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td></tr>
 +
    <tr><td class="hastask">21</td><td>22</td><td>23</td><td>24</td><td>25</td><td class="hastask">26</td><td>27</td></tr>
 +
    <tr><td>28</td><td>29</td><td class="hastask">30</td><td>31</td><td class="nextmonth">1</td><td>2</td><td>3</td></tr>
 +
  </table>
 +
</div>
 +
</div>
 +
 +
</div>
 +
 
 +
<div  class="column ten wide">
 +
<div id="dayContent"></div>
 +
</div>
 +
</div>
 +
 
 +
</section>
 +
 
 +
 
  
−
</section>
 
 
<script type="text/javascript">
 
<script type="text/javascript">
 
function scrollright(current, nextright){
 
function scrollright(current, nextright){
Line 502: Line 849:
  
 
</script>
 
</script>
−
  </body>
 
  
 +
</body>
 
</html>
 
</html>

Revision as of 10:01, 30 August 2017

Project Computer
Description Interlab
Design
Overall Parts Hardware Software Modeling
Lab
Lab journal Experiments Results Safety
Team
The Team Attributions Collaborations
Human Practices
Awards Medals
Awards
Special prizes Medals
Menu
Project
Description
Interlab
Design
Overall
Parts
Hardware
Software
Modeling
Lab
Lab journal
Experiments
Safety
Team
Team Members
Attributions
Collaboration
Human Practices
Awards
Medals
Awards
Special prizes
Medals
Tablet
Description Interlab
Design
Overall Parts Hardware Software Modeling
Lab
Lab journal Experiments Results Safety
Team
The Team Attributions Collaborations
Human Practices
Awards Medals
Awards
Special prizes Medals

LAB BOOK

intro Picture

According to all known laws of aviation, there is no way a bee should be able to fly. Its wings are too small to get its fat little body off the ground. The bee, of course, flies anyway because bees don't care what humans think is impossible. Yellow, black. Yellow, black. Yellow, black. Yellow, black. Ooh, black and yellow! Let's shake it up a little. Barry! Breakfast is ready! Ooming! Hang on a second. Hello? - Barry? - Adam? - Oan you believe this is happening? - I can't. I'll pick you up. Looking sharp. Use the stairs. Your father paid good money for those. Sorry. I'm excited. Here's the graduate. We're very proud of you, son. A perfect report card, all B's. Very proud. Ma! I got a thing going here. - You got lint on your fuzz. - Ow! That's me! - Wave to us! We'll be in row 118,000. - Bye! Barry, I told you, stop flying in the house! - Hey, Adam. - Hey, Barry. - Is that fuzz gel? - A little. Special day, graduation. Never thought I'd make it. Three days grade school, three days high school. Those were awkward. Three days college. I'm glad I took a day and hitchhiked around the hive. You did come back different. - Hi, Barry. - Artie, growing a mustache? Looks good. - Hear about Frankie? - Yeah. - You going to the funeral? - No, I'm not going. Everybody knows, sting someone, you die. Don't waste it on a squirrel. Such a hothead. I guess he could have just gotten out of the way.

September

Mon Tue Wed Thu Fri Sat Sun
301
23456
78910111213
14151617181920
21222324252627
28293031123