(33 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 ---> | ||
Line 26: | 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; } | ||
Line 55: | Line 52: | ||
display: inherit; | display: inherit; | ||
text-align: -webkit-match-parent; | text-align: -webkit-match-parent; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | fpnt-size:20px; | ||
} | } | ||
Line 66: | Line 65: | ||
.cal-heatmap-container .graph | .cal-heatmap-container .graph | ||
{ | { | ||
− | font-family: | + | font-family:Tahoma, Geneva, sans-serif; |
} | } | ||
Line 72: | Line 71: | ||
.cal-heatmap-container .graph-label | .cal-heatmap-container .graph-label | ||
{ | { | ||
− | fill: | + | fill: white; |
− | font-size: | + | font-size: 25px; |
+ | font-family:Tahoma, Geneva, sans-serif; | ||
} | } | ||
Line 82: | Line 82: | ||
.cal-heatmap-container .graph-rect | .cal-heatmap-container .graph-rect | ||
{ | { | ||
− | fill: # | + | fill: #e6dae5; |
} | } | ||
Line 207: | Line 207: | ||
.calpic { | .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); | ||
} | } | ||
Line 217: | Line 229: | ||
/* Page Carousel */ | /* Page Carousel */ | ||
.carousel { | .carousel { | ||
− | height: | + | height: 360px; |
− | width: | + | width: 640px; |
overflow: hidden; | overflow: hidden; | ||
text-align: center; | text-align: center; | ||
Line 355: | 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 385: | Line 447: | ||
.carousel__indicators { | .carousel__indicators { | ||
position: absolute; | position: absolute; | ||
− | bottom: | + | bottom: 80px; |
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
Line 398: | 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 440: | 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 475: | 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 490: | 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 496: | 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 502: | 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> | </style> | ||
Line 510: | Line 601: | ||
<body> | <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> | <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li> | ||
Line 528: | Line 620: | ||
<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"> | + | <li><a href="https://2018.igem.org/Team:HebrewU/Motivation">MOOLTi</a></li> |
</ul> | </ul> | ||
Line 583: | Line 675: | ||
<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"> | + | <a href="https://2018.igem.org/Team:HebrewU/Software"><button class="b_huji_small_subnav">MOOLTi</button></a> |
</div> | </div> | ||
Line 613: | Line 705: | ||
<div class="huji_small_navbar_panel"> | <div class="huji_small_navbar_panel"> | ||
<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/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/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a> | <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/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a> | <a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a> | ||
Line 652: | 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