Difference between revisions of "Team:HebrewU/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{HebrewU}}
+
<html lang="en">
−
<html>
+
<head>
 +
<title>HebrewU HujiGEM 2018</title>
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
  
 +
<!--- Own CSS --->
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css">
  
−
<div class="column full_size">
+
<!--- Jquery script - ****** remove when uploading to wiki ********** --->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  
−
<h1>Notebook</h1>
+
<!--- Main Menu script --->
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/Javascript?action=raw&ctype=text/javascript"></script>
  
 +
<!--- Font Awesome Css --->
 +
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
 +
 +
<!--- Heatmap files --->
 +
<script src="../Menu games/d3.min.js"></script>
 +
<script src="../Menu games/cal-heatmap.js"></script>
 +
  <link rel="stylesheet" href="http://cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.css" />
 +
  <link rel="stylesheet" href="../Menu games/CalCSS.css">
 +
  <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
 +
  <script type="text/javascript" src="http://cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.min.js"></script>
 +
 +
 +
<style>
 +
/* Disable I-GEM defult properties for blank page */
 +
    #sideMenu, #top_title {display:none;}
 +
    #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;}
 +
    #body {background-color:#EDEADC; }
 +
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
li {
 +
    display: inherit;
 +
    text-align: -webkit-match-parent;
 +
}
 +
 +
</style>
 +
 +
 +
 +
 +
<style class="cp-pen-styles">@import url("https://fonts.googleapis.com/css?family=Roboto:900");
 +
 +
/* Page Carousel */
 +
.carousel {
 +
  height: 650px;
 +
  width: 1000px;
 +
  overflow: hidden;
 +
  text-align: center;
 +
  position: relative;
 +
  display:block;
 +
  padding-left: 0;
 +
  list-style: none;
 +
/**
 +
  * Where the magic happens
 +
  */
 +
/**
 +
    * Control element - right/left arrows
 +
  */
 +
/**
 +
    * Element for holding slide indicators
 +
  */
 +
/**
 +
    * Indicator for indicating active slide
 +
  */
 +
/**
 +
    * Create rules for when slides are contained within a track
 +
  */
 +
}
 +
.carousel__controls,
 +
.carousel__activator {
 +
  display: none;
 +
}
 +
.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
 +
  -webkit-transform: translateX(0%);
 +
          transform: translateX(0%);
 +
}
 +
.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
 +
  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(1):checked ~ .carousel__controls:nth-of-type(1) {
 +
  display: block;
 +
  opacity: 1;
 +
}
 +
.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
 +
  opacity: 1;
 +
}
 +
.carousel__activator:nth-of-type(2):checked ~ .carousel__track {
 +
  -webkit-transform: translateX(-100%);
 +
          transform: translateX(-100%);
 +
}
 +
.carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) {
 +
  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(2):checked ~ .carousel__controls:nth-of-type(2) {
 +
  display: block;
 +
  opacity: 1;
 +
}
 +
.carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) {
 +
  opacity: 1;
 +
}
 +
.carousel__activator:nth-of-type(3):checked ~ .carousel__track {
 +
  -webkit-transform: translateX(-200%);
 +
          transform: translateX(-200%);
 +
}
 +
.carousel__activator:nth-of-type(3):checked ~ .carousel__slide:nth-of-type(3) {
 +
  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(3):checked ~ .carousel__controls:nth-of-type(3) {
 +
  display: block;
 +
  opacity: 1;
 +
}
 +
.carousel__activator:nth-of-type(3):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(3) {
 +
  opacity: 1;
 +
}
 +
.carousel__activator:nth-of-type(4):checked ~ .carousel__track {
 +
  -webkit-transform: translateX(-300%);
 +
          transform: translateX(-300%);
 +
}
 +
.carousel__activator:nth-of-type(4):checked ~ .carousel__slide:nth-of-type(4) {
 +
  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(4):checked ~ .carousel__controls:nth-of-type(4) {
 +
  display: block;
 +
  opacity: 1;
 +
}
 +
.carousel__activator:nth-of-type(4):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(4) {
 +
  opacity: 1;
 +
}
 +
.carousel__activator:nth-of-type(5):checked ~ .carousel__track {
 +
  -webkit-transform: translateX(-400%);
 +
          transform: translateX(-400%);
 +
}
 +
.carousel__activator:nth-of-type(5):checked ~ .carousel__slide:nth-of-type(5) {
 +
  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(5):checked ~ .carousel__controls:nth-of-type(5) {
 +
  display: block;
 +
  opacity: 1;
 +
}
 +
.carousel__activator:nth-of-type(5):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(5) {
 +
  opacity: 1;
 +
}
 +
.carousel__control {
 +
  height: 30px;
 +
  width: 30px;
 +
  margin-top: -15px;
 +
  top: 50%;
 +
  position: absolute;
 +
  display: block;
 +
  cursor: pointer;
 +
  border-width: 5px 5px 0 0;
 +
  border-style: solid;
 +
  border-color: #fafafa;
 +
  opacity: 0.35;
 +
  outline: 0;
 +
  z-index: 3;
 +
}
 +
.carousel__control:hover {
 +
  opacity: 1;
 +
}
 +
.carousel__control--backward {
 +
  left: 10px;
 +
  -webkit-transform: rotate(-135deg);
 +
          transform: rotate(-135deg);
 +
}
 +
.carousel__control--forward {
 +
  right: 10px;
 +
  -webkit-transform: rotate(45deg);
 +
          transform: rotate(45deg);
 +
}
 +
.carousel__indicators {
 +
  position: absolute;
 +
  bottom: 20px;
 +
  width: 100%;
 +
  text-align: center;
 +
}
 +
.carousel__indicator {
 +
  height: 15px;
 +
  width: 15px;
 +
  border-radius: 100%;
 +
  display: inline-block;
 +
  z-index: 2;
 +
  cursor: pointer;
 +
  opacity: 0.35;
 +
  margin: 0 2.5px 0 2.5px;
 +
}
 +
.carousel__indicator:hover {
 +
  opacity: 0.75;
 +
}
 +
.carousel__track {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  padding: 0;
 +
  margin: 0;
 +
  transition: -webkit-transform 0.5s ease 0s;
 +
  transition: transform 0.5s ease 0s;
 +
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
 +
}
 +
.carousel__track .carousel__slide {
 +
  display: block;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
  opacity: 1;
 +
}
 +
.carousel__track .carousel__slide:nth-of-type(1) {
 +
  -webkit-transform: translateX(0%);
 +
          transform: translateX(0%);
 +
}
 +
.carousel__track .carousel__slide:nth-of-type(2) {
 +
  -webkit-transform: translateX(100%);
 +
          transform: translateX(100%);
 +
}
 +
.carousel__track .carousel__slide:nth-of-type(3) {
 +
  -webkit-transform: translateX(200%);
 +
          transform: translateX(200%);
 +
}
 +
.carousel__track .carousel__slide:nth-of-type(4) {
 +
  -webkit-transform: translateX(300%);
 +
          transform: translateX(300%);
 +
}
 +
.carousel__track .carousel__slide:nth-of-type(5) {
 +
  -webkit-transform: translateX(400%);
 +
          transform: translateX(400%);
 +
}
 +
.carousel--scale .carousel__slide {
 +
  -webkit-transform: scale(0);
 +
          transform: scale(0);
 +
}
 +
.carousel__slide {
 +
  height: 100%;
 +
  position: absolute;
 +
  overflow-y: auto;
 +
  opacity: 0;
 +
}
 +
/**
 +
  * Theming
 +
*/
 +
 +
.carousel-container {
 +
  display: inline-block;
 +
}
 +
.my-carousel {
 +
  border-radius: 5px;
 +
  margin: 30px;
 +
}
 +
.carousel__slide {
 +
  overflow: hidden;
 +
}
 +
.carousel--thumb .carousel__indicator {
 +
  height: 30px;
 +
  width: 30px;
 +
}
 +
 +
.carousel__indicator {
 +
  background-color: #fafafa;
 +
}
 +
.carousel__slide:nth-of-type(1),
 +
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1) {
 +
  background-image: url("1.fw.png");
 +
  background-size: cover;
 +
  background-position: center;
 +
}
 +
 +
<img src="1.fw.png" width="1720" height="1132">
 +
 +
.carousel__slide:nth-of-type(2),
 +
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) {
 +
  background-image: url("2.fw.png");
 +
  background-size: cover;
 +
  background-position: center;
 +
}
 +
.carousel__slide:nth-of-type(3),
 +
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3) {
 +
  background-image: url("3.fw.png");
 +
  background-size: cover;
 +
  background-position: center;
 +
}
 +
.carousel__slide:nth-of-type(4),
 +
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4) {
 +
  background-image: url("4.fw.png");
 +
  background-size: cover;
 +
  background-position: center;
 +
}
 +
.carousel__slide:nth-of-type(5),
 +
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(5) {
 +
  background-image: url("5.fw.png");
 +
  background-size: cover;
 +
  background-position: center;
 +
}
 +
</style>
 +
 +
 +
 +
<body>
 +
 +
<ul id="ddmenu_hebrewu">
 +
 +
    <div class="huji_homebutton">
 +
        <a href="javascript:void(0);" class="icon" onClick="show_small_nav()">
 +
            <i class="fa fa-bars"></i>
 +
        </a>
 +
    <li><img id="huji_logo" src="https://static.igem.org/mediawiki/2018/7/76/T--HebrewU--logo_animation.png" width="109" height="18"></li>
 +
    </div>
 +
 
 +
    <li><a href="https://2018.igem.org/Team:HebrewU/Project">Project</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Description">Description</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Motivation">Motivation</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Model">Model</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Design">Design</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Plant">Plant Design</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Results">Results</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li>
 +
        </ul>       
 +
    </li>
 +
   
 +
    <li><a href="https://2018.igem.org/Team:HebrewU/Team">Team</a>
 +
        <ul>
 +
            <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/Photo_Gallery">Photo Gallery</a></li>
 +
        </ul>
 +
    </li>
 +
   
 +
    <li><a href="https://2018.igem.org/Team:HebrewU/Human_Practices">Human Practices</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Collaborations">Collaborations</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Ethics">Ethics</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Expert_Interviews">Expert Interviews</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/Industry">Industry</a></li>
 +
        </ul>
 +
    </li>
 +
   
 +
    <li><a href="https://2018.igem.org/Team:HebrewU/Our Lab">Lab</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Protocols">Protocols</a></li>
 +
            <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/Parts">Software</a></li>
 +
        </ul>
 +
       
 +
    </li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Judging">Judging</a></li>
 +
           
 +
    <div class="social_huji">
 +
            <a href="https://twitter.com/GemHuji"><i class="fa fa-twitter"></i></a>
 +
            <a href="https://www.facebook.com/HUJiGEM"><i class="fa fa-facebook"></i></a>
 +
            <a href="https://www.instagram.com/hujigem/"><i class="fa fa-instagram"></i></a>             
 +
    </div> 
 +
</ul>
 +
 +
<!----------- Responsive Navbar --------------->   
 +
<div class="huji_smallnav" id="huji_shownav">
 +
    <button class="huji_small_navbar">Project</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Project"><button class="b_huji_small_subnav">Our project</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/Motivation"><button class="b_huji_small_subnav">Motivation</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/Design"><button class="b_huji_small_subnav">Design</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Plant Design"><button class="b_huji_small_subnav">Plant Design</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/Parts"><button class="b_huji_small_subnav">Parts</button></a>
 +
        </div>
 +
 +
    <button class="huji_small_navbar">Team</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Team"><button class="b_huji_small_subnav">Team page</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/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a>
 +
        </div>
 +
 +
    <button class="huji_small_navbar">Human Practice</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Human_Practices"><button class="b_huji_small_subnav">Human Practice</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/Ethics"><button class="b_huji_small_subnav">Ethics</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Interviews"><button class="b_huji_small_subnav">Expert Interviews</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/Industry"><button class="b_huji_small_subnav">Industry</button></a>
 +
        </div>
 +
 +
    <button class="huji_small_navbar">Lab</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Lab"><button class="b_huji_small_subnav">Our Lab</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Protocols"><button class="b_huji_small_subnav">Protocols</button></a>
 +
            <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/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/Software"><button class="b_huji_small_subnav">Software</button></a>
 +
        </div>
 +
 +
            <a href="https://2018.igem.org/Team:HebrewU/Judging"><button class="huji_small_navbar">Judging</button></a>
 
</div>
 
</div>
−
<div class="clear"></div>
 
  
 +
<!----------- Script 1 for small navbar --------------->
 +
<script>
 +
        function show_small_nav() {
 +
              var x = document.getElementById("huji_shownav");
 +
            if (x.style.display === "none") {
 +
                x.style.display = "block";
 +
            } else {
 +
                x.style.display = "none";
 +
            }
 +
        }
 +
    </script>
  
 +
<!------------ Script 2 for small navbar ------------->
 +
<script>
 +
    var acc = document.getElementsByClassName("huji_small_navbar");
 +
    var i;
 +
   
 +
    for (i = 0; i < acc.length; i++) {
 +
        acc[i].addEventListener("click", function() {
 +
            this.classList.toggle("active");
 +
            var huji_small_navbar_panel = this.nextElementSibling;
 +
            if (huji_small_navbar_panel.style.display === "block") {
 +
                huji_small_navbar_panel.style.display = "none";
 +
            } else {
 +
                huji_small_navbar_panel.style.display = "block";
 +
            }
 +
        });
 +
    }
 +
    </script>
  
−
<div class="column two_thirds_size">
+
<!--- Page content start --->
−
<h3>What should this page have?</h3>
+
<div class="columnhuji middle">
−
<ul>
+
  <h2 class="ahuji"> Notebook </h2>
−
<li>Chronological notes of what your team is doing.</li>
+
 
−
<li> Brief descriptions of daily important events.</li>
+
  <div style="text-align:center">
−
<li>Pictures of your progress. </li>
+
  <div class="carousel-container">
−
<li>Mention who participated in what task.</li>
+
−
</ul>
+
  
 +
  <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="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">
 +
      <label class="carousel__control carousel__control--backward" for="J"></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="H"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="G"></label>
 +
      <label class="carousel__control carousel__control--forward" for="I"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="H"></label>
 +
      <label class="carousel__control carousel__control--forward" for="J"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="I"></label>
 +
      <label class="carousel__control carousel__control--forward" for="F"></label>
 +
    </div>
 +
    <div class="carousel__track">
 +
      <li class="carousel__slide">
 +
        <h1>7 Highlights</h1>
 +
      </li>
 +
      <li class="carousel__slide">
 +
        <h1>1#</h1>
 +
      </li>
 +
      <li class="carousel__slide">
 +
        <h1>2#</h1>
 +
      </li>
 +
      <li class="carousel__slide">
 +
        <h1>3#</h1>
 +
      </li>
 +
      <li class="carousel__slide">
 +
        <h1>4#</h1>
 +
      </li>
 +
    </div>
 +
    <div class="carousel__indicators">
 +
      <label class="carousel__indicator" for="F"></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 class="column third_size">
+
  <h2 class="ahuji"> Day-by-Day Calander </h2>
−
<div class="highlight decoration_A_full">
+
  <div align="center">
−
<h3>Inspiration</h3>
+
    <div id="cal-heatmap"  >
−
<p>You can see what others teams have done to organize their notes:</p>
+
      <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: 4,
 +
          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>
  
−
<ul>  
+
<!------------ Leave for debug ------------->
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
  <div id="myid">
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
  </div>
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
 
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
<!------------ Whre content will come ------------->
−
</ul>
+
 
 +
<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>
 +
 
</div>
 
</div>
  
 +
  </div>
 +
  </p>
 +
   
 +
</div>
 +
 +
 +
 +
</body>
 
</html>
 
</html>

Revision as of 07:09, 7 October 2018

HebrewU HujiGEM 2018

Notebook

  • 7 Highlights

  • 1#

  • 2#

  • 3#

  • 4#

    • Day-by-Day Calander

    Monday, June 2nd.

    • Lab cleanup, 12:00.
      • Everyone.