Team:Evry/Notebook

From 2014.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Evry/Template:HomeIncludes}}
{{:Team:Evry/Template:HomeIncludes}}
 +
{{:Team:Evry/Template:Menu}}
 +
{{:Team:Evry/Template:NotebookTop}}
 +
<html>
<html>
-
<head>
+
<script src="http://codyhouse.co/demo/vertical-timeline/js/modernizr.js"></script>
-
<style>
+
<script src="https://2014.igem.org/Team:Evry/JS/Jqueryui?action=raw&ctype=text/javascript"></script>
-
 
+
<script src="https://2014.igem.org/Team:Evry/JS/timeline?action=raw&ctype=text/javascript"></script>
-
div.week > div {
+
<link rel="stylesheet" href="https://2014.igem.org/Team:Evry/CSS/timeline?action=raw&ctype=text/css" type="text/css" />
-
    border-left-style: solid;
+
-
    border-width: high;
+
-
    border-color: black;
+
-
    padding-left: 20px;
+
-
}
+
-
 
+
-
figure, figure img{
+
-
    display: block;
+
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
    max-width:80%;
+
-
}
+
-
 
+
-
figcaption {
+
-
    text-align: center;
+
-
    font-style: italic;
+
-
    font-size: smaller;
+
-
}
+
-
 
+
-
#checkboxProject {
+
-
    display: block;
+
-
<!--    position: fixed;-->
+
-
    background-color:blue;
+
-
}
+
-
 
+
-
</style>
+
-
 
+
-
</head>
+
-
<body>
+
-
<div id="preloader">
+
-
<div class="loader-gplus"></div>
+
-
</div>
+
-
<div id="st-container" class="st-container">
+
-
<div class="st-pusher">
+
-
<div class="st-content">
+
-
<section id="top-section-hero" class="top-section-title">
+
-
<div class="gradient-overlay"></div>
+
-
<header id="top-header" class="col-lg-10 col-sm-12">
+
-
<svg id="menu-trigger" class="icon icon-menu visible-xs" viewBox="0 0 32 32" data-effect="st-effect">
+
-
<use xlink:href="https://raw.githubusercontent.com/tagazok/zeppelin/master/zeppelin/img/sprites/sprites.svg#icon-menu"></use>
+
-
</svg>
+
-
                                                <img class="logo-header" src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" style="width:80px; height:auto" />
+
-
+
-
<nav class="st-menu st-effect" id="menu">
+
-
<div class="logo-navbar logo-dark visible-xs"></div>
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:Evry">Home</a>
+
-
</li>
+
-
<li><a  href="https://2014.igem.org/Team:Evry/Project">Project</a>
+
-
</li>
+
-
<li><a  href="https://2014.igem.org/Team:Evry/EvryTeam">Team</a>
+
-
</li>
+
-
<li><a  href="https://2014.igem.org/Team:Evry/Model">Model</a>
+
-
</li>
+
-
<li><a  href="https://2014.igem.org/Team:Evry/Biology">Biology</a>
+
-
</li>
+
-
<li><a  href="https://2014.igem.org/Team:Evry/Policy and Practices">Policy and Practices</a>
+
-
</li>
+
-
<li><a class="current" href="https://2014.igem.org/Team:Evry/Notebook">Notebook</a>
+
-
</li>
+
-
                                                                <li><a  href="https://2014.igem.org/Team:Evry/Spon-ge-sors">Spon-ge-sors</a>
+
-
</li>
+
-
</ul>
+
-
</nav>
+
-
</header>
+
-
<div class="jumbotron text-left">
+
-
<div class="animated hiding" data-animation="fadeInLeft" data-delay="500">
+
-
<h1>Notebook</h1>
+
-
</div>
+
-
 
+
-
</div>
+
-
<div id="test123">
+
-
</div>
+
-
 
+
-
<script language="JavaScript">  
+
-
 
+
-
</script>
+
-
 
+
-
<!--
+
-
 
+
-
<script language="JavaScript">
+
-
 
+
-
Horloge qui marche pas
+
-
/*http://blog.niap3d.com/jsSimpleDatePickr*/
+
-
function jsSimpleDatePickr(id){
+
-
var me = this;
+
-
me.dateDisp = new Date();
+
-
me.dateSel = new Date();
+
-
me.dayOrder = '1234560';
+
-
me.dayName = ['D', 'L', 'M', 'M', 'J', 'V', 'S'];
+
-
me.id = id;
+
-
me.funcDateClic = me.classTable = me.classTd = me.classSelection = '';
+
-
me.setDate = function(dateStr){
+
-
if(!dateStr) return 0;
+
-
var dateArr = dateStr.split('/');
+
-
if(isNaN(dateArr[0])) return 0;
+
-
today = new Date();
+
-
if(isNaN(dateArr[1])) dateArr[1] = today.getMonth();
+
-
else dateArr[1] = parseInt(dateArr[1], 10)-1;
+
-
if(isNaN(dateArr[2])) dateArr[2] = today.getFullYear();
+
-
else if(parseInt(dateArr[2], 10)<2000) dateArr[2] = parseInt(dateArr[2], 10)+2000;
+
-
me.dateSel = new Date(dateArr[2], dateArr[1], dateArr[0]);
+
-
me.dateDisp = new Date(dateArr[2], dateArr[1], dateArr[0]);
+
-
}
+
-
me.setMonth = function(val){
+
-
var v = parseInt(val, 10);
+
-
if(val.charAt(0)=='+' || val.charAt(0)=='-') v = me.dateDisp.getMonth()+v;
+
-
me.dateDisp.setMonth(v);
+
-
}
+
-
me.setYear = function(val){
+
-
var v = parseInt(val, 10);
+
-
if(val.charAt(0)=='+' || val.charAt(0)=='-') v = me.dateDisp.getFullYear()+v;
+
-
me.dateDisp.setFullYear(v);
+
-
}
+
-
me.show = function(){
+
-
var nb = today = 0;
+
-
var month = me.dateDisp.getMonth();
+
-
var year = me.dateDisp.getFullYear();
+
-
if(month==me.dateSel.getMonth() && year==me.dateDisp.getFullYear()) today = me.dateDisp.getDate();
+
-
var h = '<table class="'+me.classTable+'"><tr>';
+
-
for(var i in me.dayOrder){
+
-
h += '<th>'+me.dayName[me.dayOrder[i]]+'</th>';
+
-
}
+
-
h += '</tr><tr>';
+
-
var d = new Date(year, month, 1);
+
-
for(nb=0; nb<me.dayOrder.indexOf(d.getDay()); nb++){
+
-
h += '<td> </td>';
+
-
}
+
-
d.setMonth(month+1, 0);
+
-
for(i=1; i<=d.getDate(); i++){
+
-
nb++;
+
-
if(nb>7){
+
-
nb = 1;
+
-
h += '</tr><tr>';
+
-
}
+
-
h += '<td class="'+(i==today ? me.classSelection:me.classTd)+'"><a href="#"'+(me.funcDateClic!='' ? ' onclick="'+me.funcDateClic+'(\''+i+'/'+(month+1)+'/'+year+'\', \''+me.id+'\');return false;"':'')+'>'+i+'</a></td>';
+
-
}
+
-
for(i=nb; i<7; i++){
+
-
h += '<td> </td>';
+
-
}
+
-
h += '</tr></table>';
+
-
document.getElementById(me.id).innerHTML = h
+
-
}
+
-
}
+
-
jsSimpleDatePickr("test123");
+
-
alert("Does it work?");
+
-
</script>
+
-
fin horloge qui marche pas
+
-
-->
+
-
 
+
-
</section>
+
-
<!--
+
-
<section id="speakers">
+
-
</section>
+
-
<div class="content-wrapper">
+
-
<div class="col-lg-10 col-lg-offset-1">
+
-
 
+
-
<gogo>
+
-
</div>
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
<div class="tarace">
+
-
<ul class="drop_down">
+
-
  <li><a href="https://2014.igem.org/Team:Evry/Notebook/RNAseq">RNAseq</a>
+
-
  <ul>
+
-
      <li><a href="https://2014.igem.org/Team:Evry/Notebook/RNAseq/week1" title="">Week 1</a></li>
+
-
      <li><a href="https://2014.igem.org/Team:Evry/Notebook/RNAseq/week2" title="">Week 2</a></li>
+
-
    </ul>
+
-
  </li>
+
-
 
+
-
</ul>
+
-
</div>-->
+
-
 
+
-
+
-
</div>
+
-
</div>
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<section id="speakers">
+
-
<!-- <div class="col-lg-10 col-lg-offset-1"> -->
+
-
<div id="Left-Menu" class="Left-Menu">
+
-
 
+
-
 
+
-
 
+
-
<!--  <h5>RNAseq</h5> -->
+
</html>
</html>
-
<!--
 
-
{{:Team:Evry/Notebook/RNAseq/week1}}
 
-
<h5>Transformation</h5>
+
<!--{{:Team:Evry/Notebook/Bioinfo/08-16-2014}}-->
-
{{:Team:Evry/Notebook/Transformation}}
+
<!--{{:Team:Evry/Notebook/HumanPractice/08-16-2014}}-->
-
 
+
-
<h5>Sensing</h5>
+
-
{{:Team:Evry/Notebook/Sensing}}
+
-
 
+
-
<h5>Cell Characterization</h5>
+
-
{{:Team:Evry/Notebook/CellCharacterization}}
+
-
 
+
-
<h5>Protocols</h5>
+
-
{{:Team:Evry/Notebook/Protocols}}
+
-
 
+
-
<h5>Interlab study</h5> -->
+
-
{{:Team:Evry/Notebook/Interlabstudy}}
+
<html>
<html>
-
  <head>
+
</div>
-
 
+
</section>
-
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
-
<script>
+
-
var main = function() {
+
-
  $('.icon-menu').click(function() {
+
-
    $('.menu').animate({
+
-
      left: "0px"
+
-
    }, 200);
+
-
 
+
-
    $('body').animate({
+
-
      left: "285px"
+
-
    }, 200);
+
-
  });
+
-
 
+
-
 
+
-
  $('.icon-close').click(function() {
+
-
    $('.menu').animate({
+
-
      left: "-285px"
+
-
    }, 200);
+
-
 
+
-
    $('body').animate({
+
-
      left: "0px"
+
-
    }, 200);
+
-
  });
+
-
};
+
-
$(document).ready(main)
+
-
 
+
-
</script>
+
-
   
+
-
 
+
-
<style>
+
-
/* Initial body */
+
-
body {
+
-
  left: 0;
+
-
  margin: 0;
+
-
  overflow: hidden;
+
-
  position: relative;
+
-
}
+
-
 
+
-
/* Initial menu */
+
-
.menu {
+
-
  background: #04084E;
+
-
  left: -285px;  /* start off behind the scenes */
+
-
  height: 25%;
+
-
  position: fixed;
+
-
  width: 285px;
+
-
}
+
-
 
+
-
/* Basic styling */
+
-
 
+
-
.jumbotron {
+
-
 
+
-
 
+
-
/*  background-image: url('/home/wdigan/Desktop/igem/wiki/imagewiki/BernardEvry.JPG'); */
+
-
background: rgb(240,249,255); /* Old browsers */
+
-
background: -moz-linear-gradient(left, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6+ */
+
-
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,249,255,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(161,219,255,1))); /* Chrome,Safari4+ */
+
-
background: -webkit-linear-gradient(left, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10+,Safari5.1+ */
+
-
background: -o-linear-gradient(left, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Opera 11.10+ */
+
-
background: -ms-linear-gradient(left, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* IE10+ */
+
-
background: linear-gradient(to right, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* W3C */
+
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=1 ); /* IE6-9 */
+
-
  height: 100%;
+
-
  -webkit-background-size: cover;
+
-
    -moz-background-size: cover;
+
-
      -o-background-size: cover;
+
-
          background-size: cover;
+
-
}
+
-
 
+
-
.menu ul {
+
-
  border-top: 4px solid #636366;
+
-
  list-style: none;
+
-
  margin: 0;
+
-
  padding: 0;
+
-
}
+
-
 
+
-
.menu li {
+
-
  border-bottom: 1px solid #636366;
+
-
  font-family: 'Open Sans', sans-serif;
+
-
  line-height: 20px;
+
-
  padding-bottom: 3px;
+
-
  padding-left: 20px;
+
-
  padding-top: 3px;
+
-
}
+
-
 
+
-
/*icon tab*/
+
-
.menu a {
+
-
  color: white;
+
-
  font-size: 15px;
+
-
  text-decoration: none;
+
-
  text-transform: uppercase;
+
-
}
+
-
 
+
-
.icon-close {
+
-
  cursor: pointer;
+
-
  padding-left:5px;
+
-
  padding-top: 5px;
+
-
}
+
-
 
+
-
/*contents tab*/
+
-
.icon-menu {
+
-
  color: black;
+
-
  cursor: pointer;
+
-
  font-family: 'Open Sans', sans-serif;
+
-
  font-size: 25px;
+
-
  padding-bottom: 25px;
+
-
  padding-left: 25px;
+
-
  padding-top: 25px;
+
-
  text-decoration: none;
+
-
  text-transform: uppercase;
+
-
}
+
-
 
+
-
.icon-menu i {
+
-
  margin-right: 5px;
+
-
}
+
-
 
+
-
</style>
+
-
  </head>
+
-
  <body>
+
-
 
+
-
    <div class="menu">
+
-
     
+
-
      <!-- Menu icon -->
+
-
      <div class="icon-close">
+
-
        <img src="http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/uber/close.png">
+
-
      </div>
+
-
 
+
-
      <!-- Menu -->
+
-
      <ul>
+
-
        <li><a href="#">Cell characterization</a></li>
+
-
        <li><a href="#">Transformation</a></li>
+
-
        <li><a href="#">RNA sequencing</a></li>
+
-
        <li><a href="#">Sensing</a></li>
+
-
        <li><a href="#">Interlabstudy</a></li>
+
-
        <li><a href="#">Protocols</a></li>
+
-
      </ul>
+
-
    </div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
    <!-- Main body -->
+
-
    <div class="jumbotron">
+
-
 
+
-
      <div class="icon-menu">
+
-
        <i class="fa fa-bars"></i>
+
-
        Contents
+
-
      </div>
+
-
   
+
-
+
-
  </body>
+
-
</html>
+
-
 
+
-
 
+
-
<html>
+
-
</div>
+
-
 
+
-
</section>
+
-
 
+
-
 
+
-
</body>
+
</html>
</html>
{{:Team:Evry/Template:HomeFooter}}
{{:Team:Evry/Template:HomeFooter}}

Latest revision as of 17:24, 24 August 2014

IGEM Evry 2014

Notebook