Difference between revisions of "Team:HebrewU/Notebook"

 
(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">
 
<!--- Jquery script - ****** remove when uploading to wiki ********** --->
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
  
 
<!--- 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:#EDEADC; }
+
     #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: Calibri;
+
font-family:Tahoma, Geneva, sans-serif;
  
 
}
 
}
Line 72: Line 71:
 
.cal-heatmap-container .graph-label
 
.cal-heatmap-container .graph-label
 
{
 
{
fill: #222;
+
fill: white;
font-size: 20px
+
font-size: 25px;
 +
font-family:Tahoma, Geneva, sans-serif;
 
}
 
}
  
Line 82: Line 82:
 
.cal-heatmap-container .graph-rect
 
.cal-heatmap-container .graph-rect
 
{
 
{
fill: #106375
+
fill: #e6dae5;
 
}
 
}
  
Line 207: Line 207:
  
 
.calpic {
 
.calpic {
text-align:center;
+
text-align:center;
width:200px;
+
}
 +
 
 +
.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: 650px;
+
   height: 360px;
   width: 1000px;
+
   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: 20px;
+
   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("1.fw.png");
+
   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;
 
}
 
}
 
<img src="1.fw.png" width="1720" height="1132">
 
  
 
.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("2.fw.png");
+
   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("3.fw.png");
+
   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("4.fw.png");
+
   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("5.fw.png");
+
   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/Results">Results</a></li>
+
             <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>
+
             <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/Results"><button class="b_huji_small_subnav">Results</button></a>
+
             <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>
+
             <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/Attributionsn"><button class="b_huji_small_subnav">Attributions</button></a>
+
             <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>
  
  
<!--- Up button --->
+
<script>
<div class="fixed">
+
// When the user scrolls down 20px from the top of the document, show the button
<a href="#ddmenu_hebrewu"> ^ </a>
+
window.onscroll = function() {scrollFunction()};
</div>
+
  
 +
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="columnhuji middle">
+
<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 />
 +
 
 +
 
 +
 
  
  <h2 class="ahuji"> Notebook </h2>
 
 
 
 
   <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="F" checked="checked"/>
+
     <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"/>
    <input class="carousel__activator" type="radio" name="carousel" id="H"/>
+
 
    <input class="carousel__activator" type="radio" name="carousel" id="I"/>
+
    <input class="carousel__activator" type="radio" name="carousel" id="J"/>
+
 
     <div class="carousel__controls">
 
     <div class="carousel__controls">
       <label class="carousel__control carousel__control--backward" for="J"></label>
+
       <label class="carousel__control carousel__control--backward" for="G"></label>
       <label class="carousel__control carousel__control--forward" for="G"></label>
+
       <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="F"></label>
+
       <label class="carousel__control carousel__control--backward" for="A"></label>
       <label class="carousel__control carousel__control--forward" for="H"></label>
+
       <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="G"></label>
+
       <label class="carousel__control carousel__control--backward" for="B"></label>
       <label class="carousel__control carousel__control--forward" for="I"></label>
+
       <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="H"></label>
+
       <label class="carousel__control carousel__control--backward" for="c"></label>
       <label class="carousel__control carousel__control--forward" for="J"></label>
+
       <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="I"></label>
+
       <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">
        <h1>7 Highlights</h1>
 
 
       </li>
 
       </li>
 
       <li class="carousel__slide">
 
       <li class="carousel__slide">
        <h1>1#</h1>
 
 
       </li>
 
       </li>
 
       <li class="carousel__slide">
 
       <li class="carousel__slide">
        <h1>2#</h1>
 
 
       </li>
 
       </li>
 
       <li class="carousel__slide">
 
       <li class="carousel__slide">
        <h1>3#</h1>
 
 
       </li>
 
       </li>
 
       <li class="carousel__slide">
 
       <li class="carousel__slide">
        <h1>4#</h1>
+
      </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>
      <label class="carousel__indicator" for="H"></label>
+
 
      <label class="carousel__indicator" for="I"></label>
+
      <label class="carousel__indicator" for="J"></label>
+
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 
</div>
 
</div>
 
  <h2 class="ahuji"> Day-by-Day Calander </h2>
 
  <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: {"1528214203":8},
 
          start: new Date(2018, 2, 1),
 
          cellSize: 12,
 
          cellPadding: 3,
 
          domainGutter: 12,
 
          range: 7,
 
          legend: [2, 4, 6, 8],
 
          legendColors: ["white", "black"],
 
          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>
 
 
<!------------ Leave for debug ------------->
 
  <div id="myid">
 
  </div>
 
 
<!------------ Whre content will come ------------->
 
 
<div id="myid2" style="text-align:left">
 
<div id="date-7-1"> 
 
  <h2 class="ahuji">Monday, June 2nd.</h2>
 
  <p class="ahuji">
 
  <ul>
 
    <li>Lab cleanup, 12:00.</li>
 
    <ul>
 
      <li>Everyone.</li>
 
    </ul>
 
  </ul>
 
  </p>
 
 
</div>
 
</div>
 
+
<br />
</div>
+
 
+
  </div>
+
  </p>
+
   
+
</div>
+
 
+
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 17:31, 12 December 2018

HebrewU HujiGEM 2018