Difference between revisions of "Team:Munich/Labbook"

 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Munich/Header}}
 
{{Munich/Header}}
−
{{Munich/Lightbox}}
+
<html>
−
<html>  
+
 
−
  <head>
+
<head>
−
    <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">
+
<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/CSSMainStructure?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css">
−
    <style>
+
 
−
      .resultImg{
+
<style type="text/css">
−
width: 100%;
+
 
−
height: auto;
+
#asdfasdfas#home_logo, #sideMenu { display:none; }
−
      }
+
    #sideMenu, #top_title, .patrollink  {display:none;}
−
#HQ_page .authors{
+
    #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
    body {background-color:white; }
 +
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
    .navigation-bar{
 +
  background-color: white !important;
 +
}
 +
 
 +
  #HQ_page p{
 +
  color: rgb(147,149,152);
 +
  font-family: Helvetica, Arial, sans-serif;
 +
  font-size: initial; 
 +
  }
 +
 
 +
.ui.secondary.menu.navigation-bar > div.ui.item{
 +
  padding: 0;
 +
}
 +
 
 +
 
 +
.cascaid{
 +
  width: 150px;
 +
  height: auto;
 +
}
 +
 
 +
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
 +
.navigation-bar{
 +
background-color: white !important;
 +
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 338:
 
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</div>
−
  <table>
+
            <div class="ui menu" tabindex="-1">
−
  <tr>
+
                <a class="active item">Description <img src="D:\Documentos\IGEM\wiki\icons\Project.svg"></a>
−
  <th>Mon</th>
+
                <a class="disabled item">Design</a>
−
  <th>Tue</th>
+
                <a class="disabled item">Results</a>
−
  <th>Wed</th>
+
                <a class="disabled item">Applications</a>
−
  <th>Thu</th>
+
                <a class="item" href="https://2017.igem.org/Team:Munich/Interlab">Interlab</a>
−
  <th>Fri</th>
+
            </div>
−
  <th>Sat</th>
+
        </div>
−
  <th>Sun</th>
+
        <div class="ui dropdown item" tabindex="0">
−
  </tr>
+
            <div class="text">Wetlab</div>
−
    <tr><td class="lastmonth">30</td><td onclick="entry(this,[
+
            <div class="ui menu" tabindex="-1">
−
    ['Transformation of DH5-alpha E.coli with the pUC19-plasmid',
+
                <a class="item">Protocols</a>
−
    'Transformation protocol for E.coli transformation',
+
                <a class="item">Labjournal</a>
−
    [
+
                <a class="item">Safety</a>
−
    'Forgot to put on ice',
+
                <a class="item">Parts</a>
−
    'Forgot to put plasmid',
+
            </div>
−
    'Forgot to change pipette tips']
+
        </div>
−
    ],
+
        <div class="ui dropdown item" tabindex="0">
−
    ['hola',
+
            <div class="text">Software/Hardware</div>
−
    'adios',
+
            <div class="ui menu" tabindex="-1">
−
    [
+
                <a class="item">Software</a>
−
    'quetal',
+
                <a class="item">Hardware</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">Modelling</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>
−
    <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 class="ui disabled dropdown item" tabindex="0">
−
</div>
+
            <div class="text">Team</div>
−
<div class="calendar invisible" id="November">
+
            <div class="ui menu" tabindex="-1">
−
  <h1>
+
                <a class="item" href="https://2017.igem.org/Team:Munich/Team">Team members</a>
−
  <button onclick="scrollleft('November','October')">
+
                <a class="disabled item">Attributions</a>
−
  left
+
            </div>
−
  </button>
+
        </div>
−
  November
+
 
−
  <button >
+
        <div class="ui dropdown item" tabindex="0">
−
  right
+
            <div class="text">Human Practices</div>
−
  </button>
+
            <div class="ui menu" tabindex="-1">
−
  </h1>
+
                <a class="disabled item">Human Practices</a>
−
  <table>
+
                <a class="disabled item">Integrated Human Practices</a>
−
  <tr>
+
                <a class="disabled item">Public Relationships</a>
−
  <th>Mon</th>
+
                <a class="disabled item">Collaborations</a>
−
  <th>Tue</th>
+
            </div>
−
  <th>Wed</th>
+
 
−
  <th>Thu</th>
+
        </div>
−
  <th>Fri</th>
+
    </div>
−
  <th>Sat</th>
+
    <div class="ui mobile only fixed two item secondary menu row navigation-bar">
−
  <th>Sun</th>
+
      <div class="ui just item">
−
  </tr>
+
            <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">
−
    <tr><td class="lastmonth">30</td><td onclick="entry(this,[
+
        </div>
−
    ['Transformation of DH5-alpha E.coli with the pUC19-plasmid',
+
        <div class="ui dropdown item" tabindex="0">
−
    'Transformation protocol for E.coli transformation',
+
          <div class="text">
−
    [
+
            Menu
−
    'Forgot to put on ice',
+
          </div>
−
    'Forgot to put plasmid',
+
          <div class="ui menu" tabindex="-1">
−
    'Forgot to change pipette tips']
+
            <div class="ui item accordion">
−
    ],
+
              <div class="title">Project</div>
−
    ['hola',
+
              <div class="ui content bulleted list">
−
    'adios',
+
                <div class="">Description</div>
−
    [
+
                <div class="item" href="https://2017.igem.org/Team:Munich/Interlab">Interlab</div>
−
    'quetal',
+
              </div>
−
    'como estas']
+
             
−
    ]
+
              <div class="title">Design</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>
+
              <div class="ui content bulleted list">
−
    <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="">Overall</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="">Parts</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="">Hardware</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="">Software</div>
−
  </table>
+
                <div class="">Modeling</div>
−
</div>
+
              </div>
−
</div>
+
             
−
+
              <div class="title">Wetlab</div>
 +
              <div class="ui content bulleted list">
 +
                <div class="">Labbook</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">
 +
            Project
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="active item">Description</a>
 +
                <a class="disabled item">Design</a>
 +
                <a class="disabled item">Results</a>
 +
                <a class="disabled item">Applications</a>
 +
                <a class="item" href="https://2017.igem.org/Team:Munich/Interlab">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">Wetlab</div>
 +
            <div class="ui menu" tabindex="-1">
 +
                <a class="item">Labbook</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>
 +
 
 +
 
 +
<section id="introduction">
 +
 
 +
  <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 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>
 
</div>
  
−
<div class="column eight wide">
+
</section>
−
<div id="dayContent"></div>
+
<section id="mainContent">
 +
<div id="labjournal" class= "ui grid container">
 +
<div id="calendarColumn" class="column six wide">
 +
 +
<div id="calendarContainer">
 +
<div class="calendar" id="April">
 +
  <h1>
 +
  <button onclick="scrollleft('April','April')">
 +
  left
 +
  </button>
 +
  April
 +
  <button onclick="scrollright('April','May')">
 +
  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">27</td><td class="lastmonth">28</td><td class="lastmonth">29</td><td class="lastmonth">30</td><td class="lastmonth">31</td><td>1</td><td>2</td></tr>
 +
    <tr><td>3</td><td class="current">4</td><td class="hastask">5</td><td>6</td><td>7</td><td class="hastask">8</td><td>9</td></tr>
 +
    <tr><td>10</td><td class="hastask">11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td></tr>
 +
    <tr><td class="hastask">17</td><td>18</td><td>19</td><td>20</td><td>21</td><td class="hastask">22</td><td>23</td></tr>
 +
    <tr><td>24</td><td>25</td><td class="hastask">26</td><td>27</td><td>28</td><td>29</td><td>30</td></tr>
 +
  </table>
 +
</div>
 +
<div class="calendar" id="May">
 +
  <h1>
 +
  <button onclick="scrollleft('May','April')">
 +
  left
 +
  </button>
 +
  April
 +
  <button onclick="scrollright('May','September')">
 +
  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>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr>
 +
    <tr><td>8</td><td class="current">9</td><td class="hastask">10</td><td>11</td><td>12</td><td class="hastask">13</td><td>14</td></tr>
 +
    <tr><td>15</td><td class="hastask">16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td></tr>
 +
    <tr><td class="hastask">22</td><td>23</td><td>24</td><td>25</td><td>26</td><td class="hastask">27</td><td>28</td></tr>
 +
    <tr><td>29</td><td>30</td><td class="hastask">31</td><td class="nextmonth">1</td><td>2</td><td>3</td><td>4</td></tr>
 +
  </table>
 +
</div>
 +
<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>
 
</div>
−
</div>
 
  
−
</section>
+
</section>
 +
 
 +
 
 +
 
 
<script type="text/javascript">
 
<script type="text/javascript">
 
function scrollright(current, nextright){
 
function scrollright(current, nextright){
Line 502: Line 932:
  
 
</script>
 
</script>
−
  </body>
 
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 16:22, 1 September 2017

  1. home_logo, #sideMenu { display:none; }
   #sideMenu, #top_title, .patrollink  {display:none;}
   #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
   body {background-color:white; font-size: 14px; }
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  1. HQ_page #myFooter td{
vertical-align: text-top;

}

body {line-height: initial;}

  1. HQ_page #myContent p{
font-size: medium;

}

  1. HQ_page td not(#myContent){
padding: 0;

}

  1. HQ_page table{
font-size: 14px;

}

  1. myContent *{
color: #444444;

}

hr{ 

height: 1px !important;

}

  1. HQ_page td{
border-style: none ;
vertical-align: middle;

}

  1. HQ_page table{
border-style: none !important;
margin: 0 !important;

}

  1. HQ_page p.header{
font-size: 1.287em;

}

  1. HQ_page h4{
text-align: left;

}

  1. HQ_page h2{
text-align: left;
margin-bottom: 10px;

}

html, body { margin: 0; padding: 0; font-family: "Helvetica", Arial, Serif; } .dropdown { 

   width: 137px;
   margin: auto;
   position: relative;
   display: inline-block;

} 

.dropbtn{
   position: relative;
   padding: 0;
   border: none;
   cursor: pointer;
   cursor: hand;
   width: 137px;
   height: 60px;
   background-color: white;
   overflow: hidden;
   text-align: center;

}

  1. HQ_page .dropbtn p {
  text-align: center;
  color: #51A7F9;

}

  1. HQ_page .dropdown:hover .dropbtn p {
  color: #3c7cb9;

}

.dropbtn img { 

width: 40px;
height: 40px;
display: inline-block; background: url('https://static.igem.org/mediawiki/2017/3/3a/T--Munich--sprite_logos.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;

}


.dropbtnCascAID img{ 

 background: url("T--Munich--Logo_CascAID.png");
 background-size: 137px;
 width: 137px;
 height: 40px;

} .dropbtnCascAID:hover {

}


.dropbtnProject img { 

   background-position: -80px -120px;

} .dropdown:hover .dropbtnProject img { 

   background-position: -40px -120px;

}


.dropbtnWetlab img { 

   background-position: -40px -80px;

} .dropdown:hover .dropbtnWetlab img { 

   background-position: -80px -80px;

}


.dropbtnSoftHardware img { 

   background-position: -40px -40px;

} .dropdown:hover .dropbtnSoftHardware img { 

   background-position: -80px -40px;

}


.dropbtnModel img { 

   background-position: -120px -80px;

} .dropdown:hover .dropbtnModel img { 

   background-position: -0px -120px;

}


.dropbtnHP img { 

   background-position: -120px -40px;

} .dropdown:hover .dropbtnHP img { 

   background-position: -0px -80px;

}


.dropbtnTeam img { 

   background-position: -40px -160px;

} .dropdown:hover .dropbtnTeam img { 

   background-position: -80px -160px;

}

.dropdown-content{ 

   display: none;
   position: absolute;
   height: 36px;
   width: 137px;
   z-index: 1;
   overflow: hidden;
   background-color: white;
   text-align: center;

}

.dropdown-content a{ 

      color: #51A7f9;

}

.dropdown-content:hover a{ 

  color: #3c7cb9;

}

.dropdown:hover .dropdown-content{ 

   display: block;

}

.dropdown-content a{ 

   height: 36px;
   width: 137px;
   padding: 0px 0px;
   text-decoration: none;
   display: block;

}

  1. HQ_page .dropdown-content p {
  display: table-cell;
  text-align: center;
  width: 137px;
  height: 36px;
  vertical-align: middle;

}

.dropdown-contentModel { 

 top: 60px;

}

.dropdown-contentSoftware { 

 top: 94px;

}

.dropdown-contentSoftwareCollaborations { 

 top: 128px;

}


.dropdown-contentTeamMembers { 

 top: 60px;

}

.dropdown-contentTeamMembers:hover { }

.dropdown-contentSponsors { 

   top: 94px;

} .dropdown-contentSponsors:hover { }

.dropdown-contentAttributions { 

   top: 128px;

} .dropdown-contentAttributions:hover { }

.dropdown-contentGallery { 

   top: 162px;

}


.dropdown-contentDescription { 

  top:60px;

} .dropdown-contentDescription:hover {

}

.dropdown-contentDesign { 

   top: 94px;

} .dropdown-contentDesign:hover {

}

.dropdown-contentDemonstration { 

   top: 128px;

} .dropdown-contentDemonstration:hover {

}

.dropdown-contentMeasurement{ 

  top: 160px;

}

.dropdown-contentMeasurement:hover{

}

.dropdown-contentApplication { 

   top: 192px;

} .dropdown-contentApplication:hover {

}

.dropdown-contentFinalResults { 

   top: 224px;

} .dropdown-contentFinalResults:hover {

}

.dropdown-contentAchievements { 

   top: 256px;

}

.dropdown-contentProtocolsMethods { 

   top: 60px;

}

.dropdown-contentProtocolsMethods:hover { }

.dropdown-contentLabJournal { 

   top: 96px;

} .dropdown-contentLabJournal:hover { }

.dropdown-contentSafety { 

   top: 128px;

} .dropdown-contentSafety:hover { }

.dropdown-contentParts { 

   top: 160px;

} .dropdown-contentParts:hover { }

.dropdown-contentImprove { 

   top: 192px;

} .dropdown-contentImprove:hover { }

.dropdown-contentCollection { 

   top: 224px;

} .dropdown-contentCollection:hover { }

.dropdown-contentInterlab { 

   top: 256px;

} .dropdown-contentInterlab:hover { }

.dropdown-contentDetector { 

   top: 60px;

} .dropdown-contentDetector:hover { }

.dropdown-contentQuakeValve { 

   top: 96px;

}

.dropdown-contentQuakeValve:hover { }

.dropdown-contentPaperstrips { 

   top: 128px;

}

.dropdown-contentPaperstrips:hover {

}

.dropdown-contentPCRChip { 

   top: 160px;

}

.dropdown-contentPCRChip:hover { }


.dropdown-contentHPSilver { 

   top: 60px;

} .dropdown-contentHPSilver:hover { }

.dropdown-contentIHPgold { 

   top: 96px;

} .dropdown-contentIHPgold:hover { }

.dropdown-contentPublicEngagement { 

   top: 128px;

} .dropdown-contentPublicEngagement:hover { }

.dropdown-contentCollaborations { 

   top: 160px;

} .dropdown-contentCollaborations:hover { }

.no-padding{ 

padding: 0 !important;

}

  1. HQ_page a.myLink{
color: #51a7f9;
padding: 0;

}

  1. HQ_page a.myLink:hover {
color: #3c7cb9;

}

  1. TopPicture{
margin-bottom: 60px;

}


  1. HQ_page .captionPicture{

}

  1. HQ_page #myContent .captionPicture p{
 color: #787878;
 font-size: small;
 text-align: left;

}

  1. HQ_page .equationDiv img{
height: 40px;
margin-bottom: 10px;

}

  1. HQ_page .equationDiv img.largeEquation{
height: 80px;

}

  1. HQ_page .equationDiv span{
float: right;

}

  1. HQ_page .popup{
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.9);

}

  1. HQ_page .popup:target{
display: block;
opacity: 1;

}

  1. HQ_page .popup img{
height: 80vh;
margin-top: 10vh;

}

  1. HQ_page .verticalColumn {
   vertical-align: top;

}

  1. HQ_page .listResults{
text-align: left;
font-size: 1.2rem;
list-style-type: circle;
margin-left: 40px;

}

  1. HQ_page .menuList{
background-color: #51a7f9;
text-align: center;
border-radius: 3px;

}

  1. HQ_page .menuList li{
display: inline;
padding: 20px;
font-size: 1.71429rem;

}

  1. HQ_page .menuList li a{
color: #ffffff;

}

  1. HQ_page .menuList li a:hover{
color: #3c7cb9;

}

Project
Description Design Results Applications Interlab
Wetlab
Protocols Labjournal Safety Parts
Software/Hardware
Software Hardware
Modelling
Team
Team members Attributions
Human Practices
Human Practices Integrated Human Practices Public Relationships Collaborations
Menu
Project
Description
Interlab
Design
Overall
Parts
Hardware
Software
Modeling
Wetlab
Labbook
Experiments
Safety
Team
Team Members
Attributions
Collaboration
Human Practices
Awards
Medals
Awards
Special prizes
Medals
Project
Description Design Results Applications Interlab
Design
Overall Parts Hardware Software Modeling
Wetlab
Labbook 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.

April

Mon Tue Wed Thu Fri Sat Sun
272829303112
3456789
10111213141516
17181920212223
24252627282930

April

Mon Tue Wed Thu Fri Sat Sun
1234567
891011121314
15161718192021
22232425262728
2930311234

September

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