Difference between revisions of "Team:Munich/Labbook"
(Created page with "<html> <head> <script src = "https://2017.igem.org/Template:Munich/Javascript?action=raw&ctype=text/javascript"></script> <link rel="stylesheet" type="text/css" href...") |
|||
| (14 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | <html> | + | {{Munich/Header}} |
| − | + | <html> | |
| − | + | ||
| − | + | <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"> | |
| − | + | ||
| − | + | <style type="text/css"> | |
| + | |||
| + | #asdfasdfas#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; } | ||
| + | #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{ | .authors{ | ||
font-size: 0.8em; | font-size: 0.8em; | ||
| Line 165: | Line 338: | ||
color: #70BF41 !important; | color: #70BF41 !important; | ||
} | } | ||
| − | </style> | + | |
| − | + | .cascaid{ | |
| − | + | height:auto; | |
| − | <body> | + | width: 150px; |
| + | } | ||
| + | |||
| + | |||
| + | .footer{ | ||
| + | background-color: rgb(0,144,239); | ||
| + | height: 100px; | ||
| + | color: rgb(255,255,255); | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| + | justify-content: center; | ||
| + | flex-direction: row; | ||
| + | margin-top:10%; | ||
| + | } | ||
| + | |||
| + | .resultImg{ | ||
| + | width: 100%; | ||
| + | height: auto; | ||
| + | } | ||
| + | |||
| + | *{ | ||
| + | font-family: Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | |||
| + | |||
| + | </style> | ||
| + | |||
| + | |||
| + | </head> | ||
| + | |||
| + | <body> | ||
<div class=" ui fixed secondary menu grid"> | <div class=" ui fixed secondary menu grid"> | ||
| − | + | <div class="ui computer 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"> | |
| − | + | <div class="text">Project</div> | |
| − | + | <div class="ui menu" tabindex="-1"> | |
| − | + | <a class="active item">Description <img src="D:\Documentos\IGEM\wiki\icons\Project.svg"></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 dropdown item" tabindex="0"> | |
| − | + | <div class="text">Wetlab</div> | |
| − | + | <div class="ui menu" tabindex="-1"> | |
| − | + | <a class="item">Protocols</a> | |
| − | + | <a class="item">Labjournal</a> | |
| − | + | <a class="item">Safety</a> | |
| − | + | <a class="item">Parts</a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="ui dropdown item" tabindex="0"> | |
| − | + | <div class="text">Software/Hardware</div> | |
| − | + | <div class="ui menu" tabindex="-1"> | |
| − | + | <a class="item">Software</a> | |
| − | + | <a class="item">Hardware</a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="ui dropdown item" tabindex="0"> | |
| − | + | <div class="text">Modelling</div> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <div class="ui disabled 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">Team members</a> | |
| − | + | <a class="disabled item">Attributions</a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="ui dropdown item" tabindex="0"> | |
| − | + | <div class="text">Human Practices</div> | |
| − | + | <div class="ui menu" tabindex="-1"> | |
| − | + | <a class="disabled item">Human Practices</a> | |
| − | + | <a class="disabled item">Integrated Human Practices</a> | |
| − | + | <a class="disabled item">Public Relationships</a> | |
| − | + | <a class="disabled item">Collaborations</a> | |
| − | + | </div> | |
| − | + | ||
| − | + | </div> | |
| − | + | </div> | |
| − | + | <div class="ui mobile only fixed two 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"> | |
| − | + | <div class="text"> | |
| + | Menu | ||
| + | </div> | ||
| + | <div class="ui menu" tabindex="-1"> | ||
<div class="ui item accordion"> | <div class="ui item accordion"> | ||
<div class="title">Project</div> | <div class="title">Project</div> | ||
<div class="ui content bulleted list"> | <div class="ui content bulleted list"> | ||
<div class="">Description</div> | <div class="">Description</div> | ||
| − | <div class="">Interlab</div> | + | <div class="item" href="https://2017.igem.org/Team:Munich/Interlab">Interlab</div> |
</div> | </div> | ||
| Line 251: | Line 452: | ||
</div> | </div> | ||
| − | <div class="title"> | + | <div class="title">Wetlab</div> |
<div class="ui content bulleted list"> | <div class="ui content bulleted list"> | ||
| − | <div class=""> | + | <div class="">Labbook</div> |
<div class="">Experiments</div> | <div class="">Experiments</div> | ||
<div class="">Safety</div> | <div class="">Safety</div> | ||
| Line 278: | Line 479: | ||
</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=" | + | <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 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> | |
| − | + | ||
| − | + | <div class="column ten wide"> | |
| − | + | <div id="dayContent"></div> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | + | </section> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
function scrollright(current, nextright){ | function scrollright(current, nextright){ | ||
| Line 670: | Line 932: | ||
</script> | </script> | ||
| − | |||
| + | </body> | ||
</html> | </html> | ||
Latest revision as of 16:22, 1 September 2017
- 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; }
- HQ_page #myFooter td{
vertical-align: text-top;
}
body {line-height: initial;}
- HQ_page #myContent p{
font-size: medium;
}
- HQ_page td not(#myContent){
padding: 0;
}
- HQ_page table{
font-size: 14px;
}
- myContent *{
color: #444444;
}
hr{
height: 1px !important;
}
- HQ_page td{
border-style: none ; vertical-align: middle;
}
- HQ_page table{
border-style: none !important; margin: 0 !important;
}
- HQ_page p.header{
font-size: 1.287em;
}
- HQ_page h4{
text-align: left;
}
- 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;
}
- HQ_page .dropbtn p {
text-align: center; color: #51A7F9;
}
- 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("
");
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;
}
- 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;
}
- HQ_page a.myLink{
color: #51a7f9; padding: 0;
}
- HQ_page a.myLink:hover {
color: #3c7cb9;
}
- TopPicture{
margin-bottom: 60px;
}
- HQ_page .captionPicture{
}
- HQ_page #myContent .captionPicture p{
color: #787878; font-size: small; text-align: left;
}
- HQ_page .equationDiv img{
height: 40px; margin-bottom: 10px;
}
- HQ_page .equationDiv img.largeEquation{
height: 80px;
}
- HQ_page .equationDiv span{
float: right;
}
- HQ_page .popup{
display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.9);
}
- HQ_page .popup:target{
display: block; opacity: 1;
}
- HQ_page .popup img{
height: 80vh; margin-top: 10vh;
}
- HQ_page .verticalColumn {
vertical-align: top;
}
- HQ_page .listResults{
text-align: left; font-size: 1.2rem; list-style-type: circle; margin-left: 40px;
}
- HQ_page .menuList{
background-color: #51a7f9; text-align: center; border-radius: 3px;
}
- HQ_page .menuList li{
display: inline; padding: 20px; font-size: 1.71429rem;
}
- HQ_page .menuList li a{
color: #ffffff;
}
- HQ_page .menuList li a:hover{
color: #3c7cb9;
}
Project
Wetlab
Software/Hardware
Modelling
Team
Human Practices
Menu
Project
Design
Wetlab
Team
Human Practices
Awards
LAB BOOK
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 |
|---|---|---|---|---|---|---|
| 27 | 28 | 29 | 30 | 31 | 1 | 2 |
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
April
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 | 1 | 2 | 3 | 4 |
September
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
| 30 | 1 | 2 | 3 | 4 | 5 | 6 |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 | 1 | 2 | 3 |
October
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
| 30 | 1 | 2 | 3 | 4 | 5 | 6 |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 | 1 | 2 | 3 |
November
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
| 30 | 1 | 2 | 3 | 4 | 5 | 6 |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 | 1 | 2 | 3 |
