Difference between revisions of "Team:HebrewU/Notebook"

 
(40 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 --->
 
<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>
  
<!--- Font Awesome Css --->
+
<!--- w3 Css --->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
+
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/w3?action=raw&ctype=text/css">
  
 
<!--- Heatmap files --->
 
<!--- Heatmap files --->
<script src="../Menu games/d3.min.js"></script>
+
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/d3?action=raw&ctype=text/javascript"></script>
<script src="../Menu games/cal-heatmap.js"></script>
+
<script type="text/javascript" src="https://2018.igem.org/Template:HebrewU/cal?action=raw&ctype=text/javascript"></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>
 
<style>
Line 31: 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; }
 +
 +
    .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;
 
}
 
}
 
</style>
 
  
  
 +
/* 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">@import url("https://fonts.googleapis.com/css?family=Roboto:900");
 
  
 +
<style class="cp-pen-styles">
 
/* 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 186: 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 216: 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 229: 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 271: 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 306: 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 321: 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 327: 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 333: 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;
 
}
 
}
</style>
 
  
 +
.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;
 +
}
  
<body>
 
  
 +
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">
+
    <div class="huji_homebutton">
        <a href="javascript:void(0);" class="icon" onClick="show_small_nav()">
+
           
             <i class="fa fa-bars"></i>
+
        <a href="javascript:void(0);" class="icon" onClick="show_small_nav()">
        </a>
+
             <img src="https://static.igem.org/mediawiki/2018/d/dc/T--Hebrewu--huji_small_manu.png" width="20" height="20" padding:"2px">
     <li><img id="huji_logo" src="https://static.igem.org/mediawiki/2018/7/76/T--HebrewU--logo_animation.png" width="109" height="18"></li>
+
        </a>
    </div>  
+
      
 +
        <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 href="https://2018.igem.org/Team:HebrewU/Project">Project</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/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/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/Demonstrate">Results</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>
 
             <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>
    <li><a href="https://2018.igem.org/Team:HebrewU/Team">Team</a>
+
 
         <ul>
 
         <ul>
             <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Design">Yeast Design</a></li>
             <li><a href="https://2018.igem.org/Team:HebrewU/Attributionss">Attributions</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/Photo_Gallery">Photo Gallery</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/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/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/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/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/Industry">Industry</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Open_Source">Open Source</a></li>
 
         </ul>
 
         </ul>
 
     </li>
 
     </li>
 
      
 
      
     <li><a href="https://2018.igem.org/Team:HebrewU/Our Lab">Lab</a>
+
     <li><a>Team</a>
 
         <ul>
 
         <ul>
             <li><a href="https://2018.igem.org/Team:HebrewU/Protocols">Protocols</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
            <li><a href="https://2018.igem.org/Team:HebrewU/Notebook">Notebook</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Attributionss">Attributions</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/Collaborations">Collaborations</a></li>
             <li><a href="https://2018.igem.org/Team:HebrewU/Safety">Safety</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li>
             <li><a href="https://2018.igem.org/Team:HebrewU/Parts">Software</a></li>
+
 
         </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"><i class="fa fa-twitter"></i></a>
+
             <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"><i class="fa fa-facebook"></i></a>
+
             <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/"><i class="fa fa-instagram"></i></a>              
+
             <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 405: 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/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/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/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/Demonstrate"><button class="b_huji_small_subnav">Results</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>
 
             <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">Team</button>
+
     <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 page</button></a>
+
             <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/Members"><button class="b_huji_small_subnav">Members</button></a>
+
            <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/Attributionsn"><button class="b_huji_small_subnav">Attributions</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/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</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/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</button></a>
+
             <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/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/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/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/Industry"><button class="b_huji_small_subnav">Industry</button></a>
+
             <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">Lab</button>
+
 
 +
     
 +
          <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/Lab"><button class="b_huji_small_subnav">Our Lab</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/Protocols"><button class="b_huji_small_subnav">Protocols</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/Notebook"><button class="b_huji_small_subnav">Notebook</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/InterLab"><button class="b_huji_small_subnav">InterLab</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/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>
+
  
 +
        </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 476: 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="columnhuji middle">
+
<div class="w3-blue-gray">
  <h2 class="ahuji"> Notebook </h2>
+
<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="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: 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>
 
 
<!------------ 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