Difference between revisions of "Team:HebrewU/Notebook"

(Prototype team page)
 
 
(41 intermediate revisions by the same user not shown)
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">
+
<!--- Main Menu script --->
 +
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/Javascript?action=raw&ctype=text/javascript"></script>
  
−
<h1>Notebook</h1>
+
<!--- w3 Css --->
−
<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>
+
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/w3?action=raw&ctype=text/css">
  
 +
<!--- Heatmap files --->
 +
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/d3?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:HebrewU/cal?action=raw&ctype=text/javascript"></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:w3-blue-gray; }
 +
    #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 {
 +
    display: inherit;
 +
    text-align: -webkit-match-parent;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
fpnt-size:20px;
 +
}
 +
 +
 +
/* Cal-HeatMap CSS */
 +
 +
.cal-heatmap-container {
 +
display: block;
 +
}
 +
 +
.cal-heatmap-container .graph
 +
{
 +
font-family:Tahoma, Geneva, sans-serif;
 +
 +
}
 +
 +
.cal-heatmap-container .graph-label
 +
{
 +
fill: white;
 +
font-size: 25px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 +
.cal-heatmap-container .graph, .cal-heatmap-container .graph-legend rect {
 +
shape-rendering: crispedges
 +
}
 +
 +
.cal-heatmap-container .graph-rect
 +
{
 +
fill: #e6dae5;
 +
}
 +
 +
.cal-heatmap-container .graph-subdomain-group rect:hover
 +
{
 +
stroke: #FFFFFF;
 +
stroke-width: 2px
 +
}
 +
 +
.cal-heatmap-container .subdomain-text {
 +
font-size: 8px;
 +
fill: #999;
 +
pointer-events: none
 +
}
 +
 +
.cal-heatmap-container .hover_cursor:hover {
 +
cursor: pointer
 +
}
 +
 +
.cal-heatmap-container .qi {
 +
background-color: #999;
 +
fill: #999
 +
}
 +
 +
/*
 +
Remove comment to apply this style to date with value equal to 0
 +
.q0
 +
{
 +
background-color: #fff;
 +
fill: #fff;
 +
stroke: #ededed
 +
}
 +
*/
 +
 +
.cal-heatmap-container .q1
 +
{
 +
background-color: #dae289;
 +
fill: #dae289
 +
}
 +
 +
.cal-heatmap-container .q2
 +
{
 +
background-color: #cedb9c;
 +
fill: #9cc069
 +
}
 +
 +
.cal-heatmap-container .q3
 +
{
 +
background-color: #b5cf6b;
 +
fill: #669d45
 +
}
 +
 +
.cal-heatmap-container .q4
 +
{
 +
background-color: #637939;
 +
fill: #637939
 +
}
 +
 +
.cal-heatmap-container .q5
 +
{
 +
background-color: #3b6427;
 +
fill: #3b6427
 +
}
 +
 +
.cal-heatmap-container rect.highlight
 +
{
 +
stroke:#444;
 +
stroke-width:1
 +
}
 +
 +
.cal-heatmap-container text.highlight
 +
{
 +
fill: #444
 +
}
 +
 +
.cal-heatmap-container rect.highlight-now
 +
{
 +
stroke: red
 +
}
 +
 +
.cal-heatmap-container text.highlight-now
 +
{
 +
fill: red;
 +
font-weight: 800
 +
}
 +
 +
.cal-heatmap-container .domain-background {
 +
fill: none;
 +
shape-rendering: crispedges
 +
}
 +
 +
.ch-tooltip {
 +
padding: 10px;
 +
background: #222;
 +
color: #bbb;
 +
font-size: 12px;
 +
line-height: 1.4;
 +
width: 140px;
 +
position: absolute;
 +
z-index: 99999;
 +
text-align: center;
 +
border-radius: 2px;
 +
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
 +
display: none;
 +
box-sizing: border-box;
 +
}
 +
 +
.ch-tooltip::after{
 +
position: absolute;
 +
width: 0;
 +
height: 0;
 +
border-color: transparent;
 +
border-style: solid;
 +
content: "";
 +
padding: 0;
 +
display: block;
 +
bottom: -6px;
 +
left: 50%;
 +
margin-left: -6px;
 +
    border-width: 6px 6px 0;
 +
    border-top-color: #222;
 +
}
 +
 +
 +
.calpic {
 +
text-align:center;
 +
}
 +
 +
.calpic img{
 +
    padding: 50px;
 +
    transition: transform .2s;
 +
    width: 30%;
 +
    margin: 0 auto;
 +
}
 +
 +
.calpic img:hover {
 +
    -ms-transform: scale(1.5); /* IE 9 */
 +
    -webkit-transform: scale(1.5); /* Safari 3-8 */
 +
    transform: scale(1.5);
 +
}
 +
 +
</style>
 +
 +
 +
<style class="cp-pen-styles">
 +
/* Page Carousel */
 +
.carousel {
 +
  height: 360px;
 +
  width: 640px;
 +
  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__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 {
 +
  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: 80px;
 +
  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__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 {
 +
  -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("https://static.igem.org/mediawiki/2018/7/77/T--hebrewu--highlights1.png");
 +
  background-size: cover;
 +
  background-position: center;
 +
}
 +
 +
.carousel__slide:nth-of-type(2),
 +
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) {
 +
  background-image: url("https://static.igem.org/mediawiki/2018/e/e3/T--hebrewu--highlights2.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("https://static.igem.org/mediawiki/2018/9/99/T--hebrewu--highlights3.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("https://static.igem.org/mediawiki/2018/1/17/T--hebrewu--highlights4.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("https://static.igem.org/mediawiki/2018/6/61/T--hebrewu--highlights5.png");
 +
  background-size: cover;
 +
  background-position: center;
 +
}
 +
 +
.carousel__slide:nth-of-type(6),
 +
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(6) {
 +
  background-image: url("https://static.igem.org/mediawiki/2018/d/dc/T--hebrewu--highlights6.png");
 +
  background-size: cover;
 +
  background-position: center;
 +
}
 +
 +
.carousel__slide:nth-of-type(7),
 +
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(7) {
 +
  background-image: url("https://static.igem.org/mediawiki/2018/9/9e/T--hebrewu--highlights7.png");
 +
  background-size: cover;
 +
  background-position: center;
 +
}
 +
 +
 +
h1 {
 +
color:white;
 +
 +
}
 +
</style>
 +
 +
 +
<body>
 +
<div class="w3-blue-gray">
 +
<ul id="ddmenu_hebrewu">
 +
            <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li>
 +
 +
    <div class="huji_homebutton">
 +
           
 +
        <a href="javascript:void(0);" class="icon" onClick="show_small_nav()">
 +
            <img src="https://static.igem.org/mediawiki/2018/d/dc/T--Hebrewu--huji_small_manu.png" width="20" height="20" padding:"2px">
 +
        </a>
 +
   
 +
        <a href="https://2018.igem.org/Team:HebrewU">
 +
                <img class="ulogo" src="https://static.igem.org/mediawiki/2018/d/d3/T--Hebrewu--huji_boiling_logo.png" width="60" height="60" style="margin-left:-27px;">
 +
                </a>
 +
  </div>
 +
 
 +
    <li><a>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/Model">Model</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/Motivation">MOOLTi</a></li>
 +
 +
        </ul>       
 +
    </li>
 +
    <li><a>Lab</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Design">Yeast 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/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>
 +
       
 +
    </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/Ethics">Ethics</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/Open_Source">Open Source</a></li>
 +
        </ul>
 +
    </li>
 +
   
 +
    <li><a>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/Collaborations">Collaborations</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/Judging">Judging</a></li>
 +
           
 +
    <div class="social_huji">
 +
            <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"> <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/"> <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> 
 +
 +
</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/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/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/Software"><button class="b_huji_small_subnav">MOOLTi</button></a>
 +
        </div>
 +
 +
    <button class="huji_small_navbar">Lab</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <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/Plant"><button class="b_huji_small_subnav">Plant Design</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/Protocols"><button class="b_huji_small_subnav">Protocols</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 - Main Page</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Ethics"><button class="b_huji_small_subnav">Ethics</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/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/Open_Source"><button class="b_huji_small_subnav">Open Source</button></a>
 +
        </div>
 +
 +
 +
     
 +
          <button class="huji_small_navbar">Team</button>
 +
        <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/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/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a>
 +
 +
        </div>
 +
       
 +
            <a href="https://2018.igem.org/Team:HebrewU/Judging"><button class="huji_small_navbar">Judging</button></a>
 
</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">
+
<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>
−
<h3>What should this page have?</h3>
+
−
<ul>
+
−
<li>Chronological notes of what your team is doing.</li>
+
−
<li> Brief descriptions of daily important events.</li>
+
−
<li>Pictures of your progress. </li>
+
−
<li>Mention who participated in what task.</li>
+
−
</ul>
+
  
 +
 +
<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 --->
 +
<div class="w3-blue-gray">
 +
<div class="w3-center">
 +
            <img src="https://static.igem.org/mediawiki/2018/0/06/T--hebrewU--Notebook_HL.png" width="25%">
 +
</div>  <br /> <br />
 +
 +
 +
 +
 +
  <div style="text-align:center">
 +
  <div 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>
 
</div>
 +
   
 +
<br /> <br />
  
−
<div class="column third_size">
+
<div class="w3-center">
−
<div class="highlight decoration_A_full">
+
            <img src="https://static.igem.org/mediawiki/2018/9/9c/T--HebrewU--Picture14.png" width="25%">
−
<h3>Inspiration</h3>
+
</div>
−
<p>You can see what others teams have done to organize their notes:</p>
+
  
−
<ul>  
+
 
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<div align="center">
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
<div class="carousel-container">
−
<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>
+
  <div class="carousel my-carousel carousel--translate">
−
</ul>
+
    <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"/>
 +
 
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="G"></label>
 +
      <label class="carousel__control carousel__control--forward" for="B"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="A"></label>
 +
      <label class="carousel__control carousel__control--forward" for="c"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="B"></label>
 +
      <label class="carousel__control carousel__control--forward" for="D"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="c"></label>
 +
      <label class="carousel__control carousel__control--forward" for="E"></label>
 +
    </div>
 +
    <div class="carousel__controls">
 +
      <label class="carousel__control carousel__control--backward" for="D"></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 class="carousel__track">
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
      <li class="carousel__slide">
 +
      </li>
 +
    </div>
 +
    <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="G"></label>
 +
 
 +
    </div>
 +
  </div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 +
<br />
 +
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 17:31, 12 December 2018

HebrewU HujiGEM 2018