Difference between revisions of "Team:HebrewU/Notebook"
| (38 intermediate revisions by the same user not shown) | |||
| Line 7: | Line 7: | ||
<!--- Own CSS ---> | <!--- Own CSS ---> | ||
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css"> | <link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css"> | ||
| − | |||
| − | |||
| − | |||
<!--- Main Menu script ---> | <!--- Main Menu script ---> | ||
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/Javascript?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/Javascript?action=raw&ctype=text/javascript"></script> | ||
| − | + | <!--- w3 Css ---> | |
| + | <link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/w3?action=raw&ctype=text/css"> | ||
<!--- Heatmap files ---> | <!--- Heatmap files ---> | ||
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/d3?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/d3?action=raw&ctype=text/javascript"></script> | ||
| − | <script type="text/javascript" src="// | + | <script type="text/javascript" src="https://2018.igem.org/Template:HebrewU/cal?action=raw&ctype=text/javascript"></script> |
| − | + | ||
| − | + | ||
<style> | <style> | ||
| Line 27: | Line 23: | ||
#sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;} | #sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;} | ||
#content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;} | #content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;} | ||
| − | #body {background-color: | + | #body {background-color:w3-blue-gray; } |
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
| + | |||
| + | .w3-container { | ||
| + | overflow: auto; | ||
| + | } | ||
| + | |||
| + | * { | ||
| + | -webkit-box-sizing:content-box ; | ||
| + | -moz-box-sizing:content-box ; | ||
| + | box-sizing:content-box ; | ||
| + | } | ||
| + | |||
| + | |||
| + | .ahuji { | ||
| + | color:black | ||
| + | } | ||
| + | |||
| + | @media (max-width: 1000px) { | ||
| + | .fixed { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .ulogo { display:none; } | ||
| + | } | ||
li { | li { | ||
display: inherit; | display: inherit; | ||
text-align: -webkit-match-parent; | text-align: -webkit-match-parent; | ||
| + | font-family:Tahoma, Geneva, sans-serif; | ||
| + | fpnt-size:20px; | ||
} | } | ||
| − | |||
| − | |||
| + | /* Cal-HeatMap CSS */ | ||
| + | .cal-heatmap-container { | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .graph | ||
| + | { | ||
| + | font-family:Tahoma, Geneva, sans-serif; | ||
| + | |||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .graph-label | ||
| + | { | ||
| + | fill: white; | ||
| + | font-size: 25px; | ||
| + | font-family:Tahoma, Geneva, sans-serif; | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .graph, .cal-heatmap-container .graph-legend rect { | ||
| + | shape-rendering: crispedges | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .graph-rect | ||
| + | { | ||
| + | fill: #e6dae5; | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .graph-subdomain-group rect:hover | ||
| + | { | ||
| + | stroke: #FFFFFF; | ||
| + | stroke-width: 2px | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .subdomain-text { | ||
| + | font-size: 8px; | ||
| + | fill: #999; | ||
| + | pointer-events: none | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .hover_cursor:hover { | ||
| + | cursor: pointer | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .qi { | ||
| + | background-color: #999; | ||
| + | fill: #999 | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | Remove comment to apply this style to date with value equal to 0 | ||
| + | .q0 | ||
| + | { | ||
| + | background-color: #fff; | ||
| + | fill: #fff; | ||
| + | stroke: #ededed | ||
| + | } | ||
| + | */ | ||
| + | |||
| + | .cal-heatmap-container .q1 | ||
| + | { | ||
| + | background-color: #dae289; | ||
| + | fill: #dae289 | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .q2 | ||
| + | { | ||
| + | background-color: #cedb9c; | ||
| + | fill: #9cc069 | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .q3 | ||
| + | { | ||
| + | background-color: #b5cf6b; | ||
| + | fill: #669d45 | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .q4 | ||
| + | { | ||
| + | background-color: #637939; | ||
| + | fill: #637939 | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .q5 | ||
| + | { | ||
| + | background-color: #3b6427; | ||
| + | fill: #3b6427 | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container rect.highlight | ||
| + | { | ||
| + | stroke:#444; | ||
| + | stroke-width:1 | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container text.highlight | ||
| + | { | ||
| + | fill: #444 | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container rect.highlight-now | ||
| + | { | ||
| + | stroke: red | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container text.highlight-now | ||
| + | { | ||
| + | fill: red; | ||
| + | font-weight: 800 | ||
| + | } | ||
| + | |||
| + | .cal-heatmap-container .domain-background { | ||
| + | fill: none; | ||
| + | shape-rendering: crispedges | ||
| + | } | ||
| + | |||
| + | .ch-tooltip { | ||
| + | padding: 10px; | ||
| + | background: #222; | ||
| + | color: #bbb; | ||
| + | font-size: 12px; | ||
| + | line-height: 1.4; | ||
| + | width: 140px; | ||
| + | position: absolute; | ||
| + | z-index: 99999; | ||
| + | text-align: center; | ||
| + | border-radius: 2px; | ||
| + | box-shadow: 2px 2px 2px rgba(0,0,0,0.2); | ||
| + | display: none; | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | |||
| + | .ch-tooltip::after{ | ||
| + | position: absolute; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-color: transparent; | ||
| + | border-style: solid; | ||
| + | content: ""; | ||
| + | padding: 0; | ||
| + | display: block; | ||
| + | bottom: -6px; | ||
| + | left: 50%; | ||
| + | margin-left: -6px; | ||
| + | border-width: 6px 6px 0; | ||
| + | border-top-color: #222; | ||
| + | } | ||
| + | |||
| + | |||
| + | .calpic { | ||
| + | text-align:center; | ||
| + | } | ||
| + | |||
| + | .calpic img{ | ||
| + | padding: 50px; | ||
| + | transition: transform .2s; | ||
| + | width: 30%; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | |||
| + | .calpic img:hover { | ||
| + | -ms-transform: scale(1.5); /* IE 9 */ | ||
| + | -webkit-transform: scale(1.5); /* Safari 3-8 */ | ||
| + | transform: scale(1.5); | ||
| + | } | ||
| + | |||
| + | </style> | ||
| − | |||
| + | <style class="cp-pen-styles"> | ||
/* Page Carousel */ | /* Page Carousel */ | ||
.carousel { | .carousel { | ||
| − | height: | + | height: 360px; |
| − | width: | + | width: 640px; |
overflow: hidden; | overflow: hidden; | ||
text-align: center; | text-align: center; | ||
| Line 182: | Line 367: | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
| + | |||
| + | |||
| + | .carousel__activator:nth-of-type(6):checked ~ .carousel__track { | ||
| + | -webkit-transform: translateX(-500%); | ||
| + | transform: translateX(-500%); | ||
| + | } | ||
| + | .carousel__activator:nth-of-type(5):checked ~ .carousel__slide:nth-of-type(6) { | ||
| + | transition: opacity 0.5s, -webkit-transform 0.5s; | ||
| + | transition: opacity 0.5s, transform 0.5s; | ||
| + | transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | opacity: 1; | ||
| + | -webkit-transform: scale(1); | ||
| + | transform: scale(1); | ||
| + | } | ||
| + | .carousel__activator:nth-of-type(6):checked ~ .carousel__controls:nth-of-type(6) { | ||
| + | display: block; | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .carousel__activator:nth-of-type(6):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(6) { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | |||
| + | .carousel__activator:nth-of-type(7):checked ~ .carousel__track { | ||
| + | -webkit-transform: translateX(-600%); | ||
| + | transform: translateX(-600%); | ||
| + | } | ||
| + | .carousel__activator:nth-of-type(7):checked ~ .carousel__slide:nth-of-type(7) { | ||
| + | transition: opacity 0.5s, -webkit-transform 0.5s; | ||
| + | transition: opacity 0.5s, transform 0.5s; | ||
| + | transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | opacity: 1; | ||
| + | -webkit-transform: scale(1); | ||
| + | transform: scale(1); | ||
| + | } | ||
| + | .carousel__activator:nth-of-type(7):checked ~ .carousel__controls:nth-of-type(7) { | ||
| + | display: block; | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .carousel__activator:nth-of-type(7):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(7) { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
.carousel__control { | .carousel__control { | ||
height: 30px; | height: 30px; | ||
| Line 212: | Line 447: | ||
.carousel__indicators { | .carousel__indicators { | ||
position: absolute; | position: absolute; | ||
| − | bottom: | + | bottom: 80px; |
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
| Line 225: | Line 460: | ||
opacity: 0.35; | opacity: 0.35; | ||
margin: 0 2.5px 0 2.5px; | margin: 0 2.5px 0 2.5px; | ||
| + | |||
} | } | ||
.carousel__indicator:hover { | .carousel__indicator:hover { | ||
| Line 267: | Line 503: | ||
-webkit-transform: translateX(400%); | -webkit-transform: translateX(400%); | ||
transform: translateX(400%); | transform: translateX(400%); | ||
| + | } | ||
| + | |||
| + | .carousel__track .carousel__slide:nth-of-type(6) { | ||
| + | -webkit-transform: translateX(500%); | ||
| + | transform: translateX(500%); | ||
| + | } | ||
| + | |||
| + | .carousel__track .carousel__slide:nth-of-type(7) { | ||
| + | -webkit-transform: translateX(600%); | ||
| + | transform: translateX(600%); | ||
} | } | ||
.carousel--scale .carousel__slide { | .carousel--scale .carousel__slide { | ||
| Line 302: | Line 548: | ||
.carousel__slide:nth-of-type(1), | .carousel__slide:nth-of-type(1), | ||
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1) { | .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1) { | ||
| − | background-image: url(" | + | background-image: url("https://static.igem.org/mediawiki/2018/7/77/T--hebrewu--highlights1.png"); |
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
} | } | ||
| − | |||
| − | |||
.carousel__slide:nth-of-type(2), | .carousel__slide:nth-of-type(2), | ||
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) { | .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) { | ||
| − | background-image: url(" | + | background-image: url("https://static.igem.org/mediawiki/2018/e/e3/T--hebrewu--highlights2.png"); |
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
| Line 317: | Line 561: | ||
.carousel__slide:nth-of-type(3), | .carousel__slide:nth-of-type(3), | ||
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3) { | .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3) { | ||
| − | background-image: url(" | + | background-image: url("https://static.igem.org/mediawiki/2018/9/99/T--hebrewu--highlights3.png"); |
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
| Line 323: | Line 567: | ||
.carousel__slide:nth-of-type(4), | .carousel__slide:nth-of-type(4), | ||
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4) { | .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4) { | ||
| − | background-image: url(" | + | background-image: url("https://static.igem.org/mediawiki/2018/1/17/T--hebrewu--highlights4.png"); |
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
| Line 329: | Line 573: | ||
.carousel__slide:nth-of-type(5), | .carousel__slide:nth-of-type(5), | ||
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(5) { | .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(5) { | ||
| − | background-image: url(" | + | background-image: url("https://static.igem.org/mediawiki/2018/6/61/T--hebrewu--highlights5.png"); |
background-size: cover; | background-size: cover; | ||
background-position: center; | background-position: center; | ||
} | } | ||
| − | |||
| + | .carousel__slide:nth-of-type(6), | ||
| + | .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(6) { | ||
| + | background-image: url("https://static.igem.org/mediawiki/2018/d/dc/T--hebrewu--highlights6.png"); | ||
| + | background-size: cover; | ||
| + | background-position: center; | ||
| + | } | ||
| + | .carousel__slide:nth-of-type(7), | ||
| + | .carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(7) { | ||
| + | background-image: url("https://static.igem.org/mediawiki/2018/9/9e/T--hebrewu--highlights7.png"); | ||
| + | background-size: cover; | ||
| + | background-position: center; | ||
| + | } | ||
| − | |||
| + | h1 { | ||
| + | color:white; | ||
| + | |||
| + | } | ||
| + | </style> | ||
| + | |||
| + | |||
| + | <body> | ||
| + | <div class="w3-blue-gray"> | ||
<ul id="ddmenu_hebrewu"> | <ul id="ddmenu_hebrewu"> | ||
| + | <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li> | ||
| − | + | <div class="huji_homebutton"> | |
| − | + | ||
| − | < | + | <a href="javascript:void(0);" class="icon" onClick="show_small_nav()"> |
| − | + | <img src="https://static.igem.org/mediawiki/2018/d/dc/T--Hebrewu--huji_small_manu.png" width="20" height="20" padding:"2px"> | |
| − | < | + | </a> |
| − | + | ||
| + | <a href="https://2018.igem.org/Team:HebrewU"> | ||
| + | <img class="ulogo" src="https://static.igem.org/mediawiki/2018/d/d3/T--Hebrewu--huji_boiling_logo.png" width="60" height="60" style="margin-left:-27px;"> | ||
| + | </a> | ||
| + | </div> | ||
| − | <li><a | + | <li><a>Project</a> |
<ul> | <ul> | ||
<li><a href="https://2018.igem.org/Team:HebrewU/Description">Description</a></li> | <li><a href="https://2018.igem.org/Team:HebrewU/Description">Description</a></li> | ||
| − | |||
<li><a href="https://2018.igem.org/Team:HebrewU/Model">Model</a></li> | <li><a href="https://2018.igem.org/Team:HebrewU/Model">Model</a></li> | ||
| − | <li><a href="https://2018.igem.org/Team:HebrewU/ | + | <li><a href="https://2018.igem.org/Team:HebrewU/Demonstrate">Results</a></li> |
| − | + | ||
| − | + | ||
<li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li> | <li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:HebrewU/Motivation">MOOLTi</a></li> | ||
| + | |||
</ul> | </ul> | ||
</li> | </li> | ||
| − | + | <li><a>Lab</a> | |
| − | + | ||
<ul> | <ul> | ||
| − | <li><a href="https://2018.igem.org/Team:HebrewU/Team"> | + | <li><a href="https://2018.igem.org/Team:HebrewU/Design">Yeast Design</a></li> |
| − | <li><a href="https://2018.igem.org/Team:HebrewU/ | + | <li><a href="https://2018.igem.org/Team:HebrewU/Plant">Plant Design</a></li> |
| − | <li><a href="https://2018.igem.org/Team:HebrewU/ | + | <li><a href="https://2018.igem.org/Team:HebrewU/Notebook">Notebook</a></li> |
| + | <li><a href="https://2018.igem.org/Team:HebrewU/InterLab">Inter-lab</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:HebrewU/Safety">Safety</a></li> | ||
| + | <li><a href="https://2018.igem.org/Team:HebrewU/Protocols">Protocols</a></li> | ||
| + | |||
</ul> | </ul> | ||
| + | |||
</li> | </li> | ||
| + | |||
<li><a href="https://2018.igem.org/Team:HebrewU/Human_Practices">Human Practices</a> | <li><a href="https://2018.igem.org/Team:HebrewU/Human_Practices">Human Practices</a> | ||
<ul> | <ul> | ||
| − | |||
<li><a href="https://2018.igem.org/Team:HebrewU/Ethics">Ethics</a></li> | <li><a href="https://2018.igem.org/Team:HebrewU/Ethics">Ethics</a></li> | ||
| − | <li><a href="https://2018.igem.org/Team:HebrewU/ | + | <li><a href="https://2018.igem.org/Team:HebrewU/Global_aspects">Global Aspects</a></li> |
<li><a href="https://2018.igem.org/Team:HebrewU/Public_engagment">Public Engagment</a></li> | <li><a href="https://2018.igem.org/Team:HebrewU/Public_engagment">Public Engagment</a></li> | ||
| − | <li><a href="https://2018.igem.org/Team:HebrewU/ | + | <li><a href="https://2018.igem.org/Team:HebrewU/Open_Source">Open Source</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li><a | + | <li><a>Team</a> |
<ul> | <ul> | ||
| − | <li><a href="https://2018.igem.org/Team:HebrewU | + | <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li> |
| − | + | <li><a href="https://2018.igem.org/Team:HebrewU/Attributionss">Attributions</a></li> | |
| − | <li><a href="https://2018.igem.org/Team:HebrewU/ | + | <li><a href="https://2018.igem.org/Team:HebrewU/Collaborations">Collaborations</a></li> |
| − | <li><a href="https://2018.igem.org/Team:HebrewU/ | + | <li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li> |
| − | <li><a href="https://2018.igem.org/Team:HebrewU/ | + | |
</ul> | </ul> | ||
| − | |||
</li> | </li> | ||
| − | <li><a href="https://2018.igem.org/Team:HebrewU/Judging">Judging</a></li> | + | <li ><a href="https://2018.igem.org/Team:HebrewU/Judging">Judging</a></li> |
<div class="social_huji"> | <div class="social_huji"> | ||
| − | <a href="https://twitter.com/GemHuji">< | + | <a href="https://twitter.com/GemHuji"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/3/39/T--Hebrewu--twitter_logo.png" width="25" height="25"></a> |
| − | <a href="https://www.facebook.com/HUJiGEM">< | + | <a href="https://www.facebook.com/HUJiGEM"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/8/8a/T--Hebrewu--facebook_logo.png" width="25" height="25"></a> |
| − | <a href="https://www.instagram.com/hujigem/">< | + | <a href="https://www.instagram.com/hujigem/"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/5/54/T--Hebrewu--insta_logo.png" width="25" height="25"></a> |
| + | <a href="https://www.igem.org/Main_Page"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/1/1a/T--Hebrewu--IGEM_logo.png" width="30"></a> | ||
| + | |||
</div> | </div> | ||
| + | |||
</ul> | </ul> | ||
| Line 401: | Line 673: | ||
<button class="huji_small_navbar">Project</button> | <button class="huji_small_navbar">Project</button> | ||
<div class="huji_small_navbar_panel"> | <div class="huji_small_navbar_panel"> | ||
| − | |||
<a href="https://2018.igem.org/Team:HebrewU/Description"><button class="b_huji_small_subnav">Description</button></a> | <a href="https://2018.igem.org/Team:HebrewU/Description"><button class="b_huji_small_subnav">Description</button></a> | ||
| − | |||
<a href="https://2018.igem.org/Team:HebrewU/Model"><button class="b_huji_small_subnav">Model</button></a> | <a href="https://2018.igem.org/Team:HebrewU/Model"><button class="b_huji_small_subnav">Model</button></a> | ||
| − | <a href="https://2018.igem.org/Team:HebrewU/ | + | <a href="https://2018.igem.org/Team:HebrewU/Demonstrate"><button class="b_huji_small_subnav">Results</button></a> |
| − | + | ||
| − | + | ||
<a href="https://2018.igem.org/Team:HebrewU/Parts"><button class="b_huji_small_subnav">Parts</button></a> | <a href="https://2018.igem.org/Team:HebrewU/Parts"><button class="b_huji_small_subnav">Parts</button></a> | ||
| + | <a href="https://2018.igem.org/Team:HebrewU/Software"><button class="b_huji_small_subnav">MOOLTi</button></a> | ||
</div> | </div> | ||
| − | <button class="huji_small_navbar"> | + | <button class="huji_small_navbar">Lab</button> |
<div class="huji_small_navbar_panel"> | <div class="huji_small_navbar_panel"> | ||
| − | <a href="https://2018.igem.org/Team:HebrewU/Team"><button class="b_huji_small_subnav">Team | + | <a href="https://2018.igem.org/Team:HebrewU/Design"><button class="b_huji_small_subnav">Yeast Design</button></a> |
| − | <a href="https://2018.igem.org/Team:HebrewU/ | + | <a href="https://2018.igem.org/Team:HebrewU/Plant"><button class="b_huji_small_subnav">Plant Design</button></a> |
| − | <a href="https://2018.igem.org/Team:HebrewU/ | + | <a href="https://2018.igem.org/Team:HebrewU/Notebook"><button class="b_huji_small_subnav">Notebook</button></a> |
| − | <a href="https://2018.igem.org/Team:HebrewU/ | + | <a href="https://2018.igem.org/Team:HebrewU/InterLab"><button class="b_huji_small_subnav">InterLab</button></a> |
| + | <a href="https://2018.igem.org/Team:HebrewU/Safety"><button class="b_huji_small_subnav">Safety</button></a> | ||
| + | <a href="https://2018.igem.org/Team:HebrewU/Protocols"><button class="b_huji_small_subnav">Protocols</button></a> | ||
| + | |||
</div> | </div> | ||
<button class="huji_small_navbar">Human Practice</button> | <button class="huji_small_navbar">Human Practice</button> | ||
<div class="huji_small_navbar_panel"> | <div class="huji_small_navbar_panel"> | ||
| − | <a href="https://2018.igem.org/Team:HebrewU/Human_Practices"><button class="b_huji_small_subnav">Human Practice | + | <a href="https://2018.igem.org/Team:HebrewU/Human_Practices"><button class="b_huji_small_subnav">Human Practice - Main Page</button></a> |
| − | + | ||
<a href="https://2018.igem.org/Team:HebrewU/Ethics"><button class="b_huji_small_subnav">Ethics</button></a> | <a href="https://2018.igem.org/Team:HebrewU/Ethics"><button class="b_huji_small_subnav">Ethics</button></a> | ||
| − | <a href="https://2018.igem.org/Team:HebrewU/ | + | <a href="https://2018.igem.org/Team:HebrewU/Global_aspects"><button class="b_huji_small_subnav">Global Aspects</button></a> |
<a href="https://2018.igem.org/Team:HebrewU/Public_Engagment"><button class="b_huji_small_subnav">Public Engagment</button></a> | <a href="https://2018.igem.org/Team:HebrewU/Public_Engagment"><button class="b_huji_small_subnav">Public Engagment</button></a> | ||
| − | <a href="https://2018.igem.org/Team:HebrewU/ | + | <a href="https://2018.igem.org/Team:HebrewU/Open_Source"><button class="b_huji_small_subnav">Open Source</button></a> |
</div> | </div> | ||
| − | + | ||
| + | |||
| + | <button class="huji_small_navbar">Team</button> | ||
<div class="huji_small_navbar_panel"> | <div class="huji_small_navbar_panel"> | ||
| − | <a href="https://2018.igem.org/Team:HebrewU/ | + | <a href="https://2018.igem.org/Team:HebrewU/Members"><button class="b_huji_small_subnav">Members</button></a> |
| − | <a href="https://2018.igem.org/Team:HebrewU/ | + | <a href="https://2018.igem.org/Team:HebrewU/Attributions"><button class="b_huji_small_subnav">Attributions</button></a> |
| − | <a href="https://2018.igem.org/Team:HebrewU/ | + | <a href="https://2018.igem.org/Team:HebrewU/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a> |
| − | <a href="https://2018.igem.org/Team:HebrewU/ | + | <a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a> |
| − | + | ||
| − | + | ||
| − | + | ||
| + | </div> | ||
| + | |||
<a href="https://2018.igem.org/Team:HebrewU/Judging"><button class="huji_small_navbar">Judging</button></a> | <a href="https://2018.igem.org/Team:HebrewU/Judging"><button class="huji_small_navbar">Judging</button></a> | ||
</div> | </div> | ||
| Line 472: | Line 744: | ||
</script> | </script> | ||
| + | <a onClick="topFunction()" id="myBtn_up" title="Go to top"><img src="https://static.igem.org/mediawiki/2018/1/1e/T--hebrewu--arrow_up.png" width="40px" /></a> | ||
| + | |||
| + | |||
| + | <script> | ||
| + | // When the user scrolls down 20px from the top of the document, show the button | ||
| + | window.onscroll = function() {scrollFunction()}; | ||
| + | |||
| + | function scrollFunction() { | ||
| + | if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { | ||
| + | document.getElementById("myBtn_up").style.display = "block"; | ||
| + | } else { | ||
| + | document.getElementById("myBtn_up").style.display = "none"; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // When the user clicks on the button, scroll to the top of the document | ||
| + | function topFunction() { | ||
| + | document.body.scrollTop = 0; | ||
| + | document.documentElement.scrollTop = 0; | ||
| + | } | ||
| + | </script> | ||
| + | <br /><br /> | ||
<!--- Page content start ---> | <!--- Page content start ---> | ||
| − | <div class=" | + | <div class="w3-blue-gray"> |
| − | + | <div class="w3-center"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2018/0/06/T--hebrewU--Notebook_HL.png" width="25%"> | |
| + | </div> <br /> <br /> | ||
| + | |||
| + | |||
| + | |||
| + | |||
<div style="text-align:center"> | <div style="text-align:center"> | ||
| − | <div class="carousel-container"> | + | <div align="center"> |
| + | <div id="cal-heatmap" > | ||
| + | <script type="text/javascript"> | ||
| + | var cal = new CalHeatMap(); | ||
| + | cal.init({ | ||
| + | domain: "month", | ||
| + | subDomain: "x_day", | ||
| + | highlight: ["now", new Date(2018, 10, 22)], | ||
| + | data: { | ||
| + | "1519905600":0, | ||
| + | "1519992000":0, | ||
| + | "1520078400":0, | ||
| + | "1520164800":0, | ||
| + | "1520251200":0, | ||
| + | "1520337600":1, | ||
| + | "1520424000":1, | ||
| + | "1520510400":1, | ||
| + | "1520596800":0, | ||
| + | "1520683200":0, | ||
| + | "1520769600":0, | ||
| + | "1520856000":0, | ||
| + | "1520942400":1, | ||
| + | "1521028800":0, | ||
| + | "1521115200":0, | ||
| + | "1521201600":0, | ||
| + | "1521288000":0, | ||
| + | "1521374400":2, | ||
| + | "1521460800":0, | ||
| + | "1521547200":0, | ||
| + | "1521633600":0, | ||
| + | "1521720000":1, | ||
| + | "1521806400":0, | ||
| + | "1521892800":0, | ||
| + | "1521979200":1, | ||
| + | "1522065600":1, | ||
| + | "1522152000":1, | ||
| + | "1522238400":0, | ||
| + | "1522324800":0, | ||
| + | "1522411200":0, | ||
| + | "1522497600":0, | ||
| + | "1522584000":0, | ||
| + | "1522670400":0, | ||
| + | "1522756800":0, | ||
| + | "1522843200":0, | ||
| + | "1522929600":0, | ||
| + | "1523016000":0, | ||
| + | "1523102400":0, | ||
| + | "1523188800":0, | ||
| + | "1523275200":0, | ||
| + | "1523361600":0, | ||
| + | "1523448000":1, | ||
| + | "1523534400":0, | ||
| + | "1523620800":0, | ||
| + | "1523707200":0, | ||
| + | "1523793600":1, | ||
| + | "1523880000":0, | ||
| + | "1523966400":1, | ||
| + | "1524052800":1, | ||
| + | "1524139200":0, | ||
| + | "1524225600":0, | ||
| + | "1524312000":0, | ||
| + | "1524398400":1, | ||
| + | "1524484800":1, | ||
| + | "1524571200":2, | ||
| + | "1524657600":1, | ||
| + | "1524744000":0, | ||
| + | "1524830400":0, | ||
| + | "1524916800":0, | ||
| + | "1525003200":0, | ||
| + | "1525089600":0, | ||
| + | "1525176000":1, | ||
| + | "1525262400":1, | ||
| + | "1525348800":1, | ||
| + | "1525435200":0, | ||
| + | "1525521600":0, | ||
| + | "1525608000":0, | ||
| + | "1525694400":1, | ||
| + | "1525780800":1, | ||
| + | "1525867200":2, | ||
| + | "1525953600":0, | ||
| + | "1526040000":0, | ||
| + | "1526126400":0, | ||
| + | "1526212800":1, | ||
| + | "1526299200":1, | ||
| + | "1526385600":2, | ||
| + | "1526472000":1, | ||
| + | "1526558400":1, | ||
| + | "1526644800":0, | ||
| + | "1526731200":0, | ||
| + | "1526817600":0, | ||
| + | "1526904000":1, | ||
| + | "1526990400":1, | ||
| + | "1527076800":1, | ||
| + | "1527163200":0, | ||
| + | "1527249600":0, | ||
| + | "1527336000":0, | ||
| + | "1527422400":0, | ||
| + | "1527508800":0, | ||
| + | "1527595200":3, | ||
| + | "1527681600":1, | ||
| + | "1527768000":2, | ||
| + | "1527854400":3, | ||
| + | "1527940800":0, | ||
| + | "1528027200":3, | ||
| + | "1528113600":2, | ||
| + | "1528200000":3, | ||
| + | "1528286400":0, | ||
| + | "1528372800":1, | ||
| + | "1528459200":2, | ||
| + | "1528545600":0, | ||
| + | "1528632000":2, | ||
| + | "1528718400":3, | ||
| + | "1528804800":2, | ||
| + | "1528891200":1, | ||
| + | "1528977600":3, | ||
| + | "1529064000":1, | ||
| + | "1529150400":0, | ||
| + | "1529236800":1, | ||
| + | "1529323200":1, | ||
| + | "1529409600":1, | ||
| + | "1529496000":1, | ||
| + | "1529582400":1, | ||
| + | "1529668800":0, | ||
| + | "1529755200":0, | ||
| + | "1529841600":1, | ||
| + | "1529928000":0, | ||
| + | "1530014400":1, | ||
| + | "1530100800":1, | ||
| + | "1530187200":0, | ||
| + | "1530273600":0, | ||
| + | "1530360000":0, | ||
| + | "1530446400":1, | ||
| + | "1530532800":0, | ||
| + | "1530619200":0, | ||
| + | "1530705600":0, | ||
| + | "1530792000":0, | ||
| + | "1530878400":0, | ||
| + | "1530964800":1, | ||
| + | "1531051200":0, | ||
| + | "1531137600":2, | ||
| + | "1531224000":0, | ||
| + | "1531310400":0, | ||
| + | "1531396800":0, | ||
| + | "1531483200":0, | ||
| + | "1531569600":0, | ||
| + | "1531656000":0, | ||
| + | "1531742400":0, | ||
| + | "1531828800":2, | ||
| + | "1531915200":2, | ||
| + | "1532001600":1, | ||
| + | "1532088000":1, | ||
| + | "1532174400":0, | ||
| + | "1532260800":1, | ||
| + | "1532347200":1, | ||
| + | "1532433600":1, | ||
| + | "1532520000":0, | ||
| + | "1532606400":1, | ||
| + | "1532692800":2, | ||
| + | "1532779200":0, | ||
| + | "1532865600":1, | ||
| + | "1532952000":2, | ||
| + | "1533038400":2, | ||
| + | "1533124800":3, | ||
| + | "1533211200":1, | ||
| + | "1533297600":0, | ||
| + | "1533384000":0, | ||
| + | "1533470400":1, | ||
| + | "1533556800":1, | ||
| + | "1533643200":2, | ||
| + | "1533729600":2, | ||
| + | "1533816000":3, | ||
| + | "1533902400":0, | ||
| + | "1533988800":0, | ||
| + | "1534075200":0, | ||
| + | "1534161600":2, | ||
| + | "1534248000":4, | ||
| + | "1534334400":1, | ||
| + | "1534420800":4, | ||
| + | "1534507200":2, | ||
| + | "1534593600":0, | ||
| + | "1534680000":6, | ||
| + | "1534766400":2, | ||
| + | "1534852800":4, | ||
| + | "1534939200":1, | ||
| + | "1535025600":0, | ||
| + | "1535112000":0, | ||
| + | "1535198400":0, | ||
| + | "1535284800":2, | ||
| + | "1535371200":1, | ||
| + | "1535457600":3, | ||
| + | "1535544000":1, | ||
| + | "1535630400":1, | ||
| + | "1535716800":1, | ||
| + | "1535803200":0, | ||
| + | "1535889600":0, | ||
| + | "1535976000":1, | ||
| + | "1536062400":1, | ||
| + | "1536148800":1, | ||
| + | "1536235200":1, | ||
| + | "1536321600":0, | ||
| + | "1536408000":0, | ||
| + | "1536494400":1, | ||
| + | "1536580800":0, | ||
| + | "1536667200":0, | ||
| + | "1536753600":1, | ||
| + | "1536840000":1, | ||
| + | "1536926400":3, | ||
| + | "1537012800":0, | ||
| + | "1537099200":3, | ||
| + | "1537185600":2, | ||
| + | "1537272000":1, | ||
| + | "1537358400":1, | ||
| + | "1537444800":1, | ||
| + | "1537531200":1, | ||
| + | "1537617600":0, | ||
| + | "1537704000":0, | ||
| + | "1537790400":0, | ||
| + | "1537876800":0, | ||
| + | "1537963200":5, | ||
| + | "1538049600":2, | ||
| + | "1538136000":1, | ||
| + | "1538222400":0, | ||
| + | "1538308800":4, | ||
| + | "1538395200":1, | ||
| + | "1538481600":1, | ||
| + | "1538568000":3, | ||
| + | "1538654400":1, | ||
| + | "1538740800":0, | ||
| + | "1538827200":1, | ||
| + | "1538913600":1, | ||
| + | "1539000000":2, | ||
| + | "1539086400":1, | ||
| + | "1539172800":1, | ||
| + | "1539259200":1, | ||
| + | "1539345600":1, | ||
| + | "1539432000":1, | ||
| + | "1539518400":1, | ||
| + | "1539604800":1, | ||
| + | "1539691200":0, | ||
| + | "1539777600":0, | ||
| + | "1539864000":0, | ||
| + | "1539950400":0, | ||
| + | "1540036800":0, | ||
| + | "1540123200":0, | ||
| + | "1540209600":0, | ||
| + | |||
| + | }, | ||
| + | start: new Date(2018, 2, 1), | ||
| + | cellSize: 16, | ||
| + | cellPadding: 3, | ||
| + | domainGutter: 12, | ||
| + | range: 8, | ||
| + | legend: [1, 2, 3, 4], | ||
| + | legendColors: ["#e6dae5", "#ad37a0"], | ||
| + | //subDomainTextFormat: "%d", | ||
| + | onClick: function(date, value) { | ||
| + | var month = date.getMonth() + 1; | ||
| + | var day = date.getDate(); | ||
| + | var pid = "date-" + month + "-" + day; | ||
| + | // $("#myid").html(pid); | ||
| + | $("#myid2").load('https://2018.igem.org/Team:HebrewU/notebookdates.html #'+pid); | ||
| + | //, function () {alert ("moishe")} | ||
| + | }, | ||
| + | |||
| + | }); | ||
| + | |||
| + | </script> | ||
| + | |||
| + | <div class="w3-blue-gray"> | ||
| + | |||
| + | |||
| + | <!------------ Whre content will come -------------> | ||
| + | |||
| + | <div id="myid2" class="w3-blue-gray" style="text-align:justify;padding-left:200px;paddig-right:200px; height:auto;"> | ||
| + | </div> | ||
| + | |||
| + | <br /> <br /> | ||
| + | |||
| + | <div class="w3-center"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/9/9c/T--HebrewU--Picture14.png" width="25%"> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div align="center"> | ||
| + | <div class="carousel-container"> | ||
<div class="carousel my-carousel carousel--translate"> | <div class="carousel my-carousel carousel--translate"> | ||
| − | <input class="carousel__activator" type="radio" name="carousel" id=" | + | <input class="carousel__activator" type="radio" name="carousel" id="A" checked="checked"/> |
| + | <input class="carousel__activator" type="radio" name="carousel" id="B"/> | ||
| + | <input class="carousel__activator" type="radio" name="carousel" id="c"/> | ||
| + | <input class="carousel__activator" type="radio" name="carousel" id="D"/> | ||
| + | <input class="carousel__activator" type="radio" name="carousel" id="E"/> | ||
| + | <input class="carousel__activator" type="radio" name="carousel" id="F"/> | ||
<input class="carousel__activator" type="radio" name="carousel" id="G"/> | <input class="carousel__activator" type="radio" name="carousel" id="G"/> | ||
| − | + | ||
| − | + | ||
| − | + | ||
<div class="carousel__controls"> | <div class="carousel__controls"> | ||
| − | <label class="carousel__control carousel__control--backward" for=" | + | <label class="carousel__control carousel__control--backward" for="G"></label> |
| − | <label class="carousel__control carousel__control--forward" for=" | + | <label class="carousel__control carousel__control--forward" for="B"></label> |
</div> | </div> | ||
<div class="carousel__controls"> | <div class="carousel__controls"> | ||
| − | <label class="carousel__control carousel__control--backward" for=" | + | <label class="carousel__control carousel__control--backward" for="A"></label> |
| − | <label class="carousel__control carousel__control--forward" for=" | + | <label class="carousel__control carousel__control--forward" for="c"></label> |
</div> | </div> | ||
<div class="carousel__controls"> | <div class="carousel__controls"> | ||
| − | <label class="carousel__control carousel__control--backward" for=" | + | <label class="carousel__control carousel__control--backward" for="B"></label> |
| − | <label class="carousel__control carousel__control--forward" for=" | + | <label class="carousel__control carousel__control--forward" for="D"></label> |
</div> | </div> | ||
<div class="carousel__controls"> | <div class="carousel__controls"> | ||
| − | <label class="carousel__control carousel__control--backward" for=" | + | <label class="carousel__control carousel__control--backward" for="c"></label> |
| − | <label class="carousel__control carousel__control--forward" for=" | + | <label class="carousel__control carousel__control--forward" for="E"></label> |
</div> | </div> | ||
<div class="carousel__controls"> | <div class="carousel__controls"> | ||
| − | <label class="carousel__control carousel__control--backward" for=" | + | <label class="carousel__control carousel__control--backward" for="D"></label> |
<label class="carousel__control carousel__control--forward" for="F"></label> | <label class="carousel__control carousel__control--forward" for="F"></label> | ||
| + | </div> | ||
| + | <div class="carousel__controls"> | ||
| + | <label class="carousel__control carousel__control--backward" for="E"></label> | ||
| + | <label class="carousel__control carousel__control--forward" for="G"></label> | ||
| + | </div> | ||
| + | <div class="carousel__controls"> | ||
| + | <label class="carousel__control carousel__control--backward" for="F"></label> | ||
| + | <label class="carousel__control carousel__control--forward" for="A"></label> | ||
</div> | </div> | ||
<div class="carousel__track"> | <div class="carousel__track"> | ||
<li class="carousel__slide"> | <li class="carousel__slide"> | ||
| − | |||
</li> | </li> | ||
<li class="carousel__slide"> | <li class="carousel__slide"> | ||
| − | |||
</li> | </li> | ||
<li class="carousel__slide"> | <li class="carousel__slide"> | ||
| − | |||
</li> | </li> | ||
<li class="carousel__slide"> | <li class="carousel__slide"> | ||
| − | |||
</li> | </li> | ||
<li class="carousel__slide"> | <li class="carousel__slide"> | ||
| − | + | </li> | |
| + | <li class="carousel__slide"> | ||
| + | </li> | ||
| + | <li class="carousel__slide"> | ||
| + | </li> | ||
| + | <li class="carousel__slide"> | ||
</li> | </li> | ||
</div> | </div> | ||
<div class="carousel__indicators"> | <div class="carousel__indicators"> | ||
| + | <label class="carousel__indicator" for="A"></label> | ||
| + | <label class="carousel__indicator" for="B"></label> | ||
| + | <label class="carousel__indicator" for="c"></label> | ||
| + | <label class="carousel__indicator" for="D"></label> | ||
| + | <label class="carousel__indicator" for="E"></label> | ||
<label class="carousel__indicator" for="F"></label> | <label class="carousel__indicator" for="F"></label> | ||
<label class="carousel__indicator" for="G"></label> | <label class="carousel__indicator" for="G"></label> | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
| − | + | <br /> | |
| − | </ | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 17:31, 12 December 2018
