(37 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="https://2018.igem.org/Template:HebrewU/cal?action=raw&ctype=text/javascript"></script> | <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