|
|
(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}} |