|
|
| Line 1: |
Line 1: |
| | {{ETH_Zurich}} | | {{ETH_Zurich}} |
| | <html> | | <html> |
| − | <style> | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:ETH_Zurich/Notebook/notebook_calendar.css?action=raw&ctype=text/css" /> |
| − | .expContainer { | + | |
| − | overflow:auto;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| | <script src="https://2015.igem.org/Template:ETH_Zurich/jquery-ui-min.js?action=raw&ctype=text/javascript"></script> | | <script src="https://2015.igem.org/Template:ETH_Zurich/jquery-ui-min.js?action=raw&ctype=text/javascript"></script> |
| | + | |
| | <script> | | <script> |
| | var notes = ""; | | var notes = ""; |
| Line 17: |
Line 15: |
| | | | |
| | $(function() { | | $(function() { |
| | + | |
| | + | $( "#datepicker" ).datepicker({ |
| | | | |
| − | $( "#datepicker" ).datepicker({
| + | inline:true, |
| − | | + | firstDay:1, |
| − | inline:true, | + | showOtherMonths:true, |
| − | firstDay:1, | + | dateFormat: "dd/mm/yy", |
| − | showOtherMonths:true, | + | minDate: "22/06/2015", |
| − | dateFormat: "dd/mm/yy", | + | maxDate: "18/09/2015", |
| − | minDate: "22/06/2015", | + | onSelect: function(dateText,inst) { |
| − | maxDate: "18/09/2015", | + | var re = new RegExp([dateText,".*?(?=<\/p>)"].join("")); |
| − | onSelect: function(dateText,inst) { | + | var toShow = notes.match(re); |
| − | | + | if (toShow == null) { |
| − | var re = new RegExp([dateText,".*?(?=<\/p>)"].join("")); | + | document.getElementById('notes').innerHTML = dateText; |
| − | var toShow = notes.match(re); | + | } else { |
| − | if (toShow == null) { | + | document.getElementById('notes').innerHTML = toShow; |
| − | document.getElementById('notes').innerHTML = dateText + "<br><br>Nothing happened on this day...yes...absolutely nothing."; | + | } |
| − | } else { | + | } |
| − | document.getElementById('notes').innerHTML = toShow; | + | }); |
| − | } | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*
| + | |
| − | $.get("https://2015.igem.org/Team:ETH_Zurich/Notebook/Text?action=raw&ctype=text/javascript", function(response) {
| + | |
| − | response = response.replace(/\n/g,'\t');
| + | |
| − | var re = new RegExp([dateText,".*?(?=<\/p>)"].join(""));
| + | |
| − | var toShow = response.match(re);
| + | |
| − | if (toShow == null) {
| + | |
| − | document.getElementById('notes').innerHTML = dateText + "<br><br>Nothing happened on this day...yes...absolutely nothing.";
| + | |
| − | } else { | + | |
| − | document.getElementById('notes').innerHTML = toShow;
| + | |
| − | }
| + | |
| | }); | | }); |
| − | */
| + | </script> |
| | | | |
| | | | |
| − | | + | <div class="expContainer"> |
| − | | + | |
| − | | + | |
| − | }
| + | |
| − | });
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | <!--<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/jquery-ui-smoothness.css?action=raw&ctype=text/css" />-->
| + | |
| − | <style>
| + | |
| − | #notes {
| + | |
| − | float:left;
| + | |
| − | margin:10px;
| + | |
| − | padding:5px;
| + | |
| − | width:45%;
| + | |
| − | }
| + | |
| − | #datepicker {
| + | |
| − | float:right;
| + | |
| − | margin:10px;
| + | |
| − | width:45%;
| + | |
| − | }
| + | |
| − | .ui-icon {
| + | |
| − | display: block;
| + | |
| − | text-indent: -99999px;
| + | |
| − | overflow: hidden;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | width: 16px;
| + | |
| − | }
| + | |
| − | .ui-datepicker .ui-datepicker-calendar {
| + | |
| − | width:100% !important;
| + | |
| − | }
| + | |
| − | .ui-corner-all {
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − | .ui-datepicker {
| + | |
| − | width: 14%
| + | |
| − | /*padding: .2em .2em 0;*/
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .ui-corner-all,
| + | |
| − | .ui-corner-top,
| + | |
| − | .ui-corner-left,
| + | |
| − | .ui-corner-tl {
| + | |
| − | border-top-left-radius: 4px;
| + | |
| − | }
| + | |
| − | .ui-corner-all,
| + | |
| − | .ui-corner-top,
| + | |
| − | .ui-corner-right,
| + | |
| − | .ui-corner-tr {
| + | |
| − | border-top-right-radius: 4px;
| + | |
| − | }
| + | |
| − | .ui-corner-all,
| + | |
| − | .ui-corner-bottom,
| + | |
| − | .ui-corner-left,
| + | |
| − | .ui-corner-bl {
| + | |
| − | border-bottom-left-radius: 4px;
| + | |
| − | }
| + | |
| − | .ui-corner-all,
| + | |
| − | .ui-corner-bottom,
| + | |
| − | .ui-corner-right,
| + | |
| − | .ui-corner-br {
| + | |
| − | border-bottom-right-radius: 4px;
| + | |
| − | }
| + | |
| − | .ui-widget-content{
| + | |
| − | border: 1px solid #aaaaaa;
| + | |
| − | }
| + | |
| − | .ui-icon-circle-triangle-e { background-position: -48px -192px; }
| + | |
| − | .ui-icon-circle-triangle-w { background-position: -80px -192px; }
| + | |
| − | .ui-icon {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2015/a/aa/Ui-icons_222222_256x240.png");
| + | |
| − | }
| + | |
| − | .ui-datepicker .ui-datepicker-header {
| + | |
| − | position: relative;
| + | |
| − | /*padding: .2em 0;*/
| + | |
| − | }
| + | |
| − | .ui-datepicker .ui-datepicker-prev,
| + | |
| − | .ui-datepicker .ui-datepicker-next {
| + | |
| − | position: absolute;
| + | |
| − | width: 1.8em;
| + | |
| − | height: 100%;
| + | |
| − | cursor: pointer; cursor: hand;
| + | |
| − | }
| + | |
| − | .ui-datepicker .ui-datepicker-prev-hover,
| + | |
| − | .ui-datepicker .ui-datepicker-next-hover {
| + | |
| − | /*top: 1px;*/
| + | |
| − | }
| + | |
| − | .ui-datepicker .ui-datepicker-prev {
| + | |
| − | left: 2px;
| + | |
| − | }
| + | |
| − | .ui-datepicker .ui-datepicker-next {
| + | |
| − | right: 2px;
| + | |
| − | }
| + | |
| − | /*.ui-datepicker .ui-datepicker-prev-hover {
| + | |
| − | left: 1px;
| + | |
| − | }
| + | |
| − | .ui-datepicker .ui-datepicker-next-hover {
| + | |
| − | right: 1px;
| + | |
| − | }*/
| + | |
| − | .ui-datepicker .ui-datepicker-prev span,
| + | |
| − | .ui-datepicker .ui-datepicker-next span {
| + | |
| − | display: block;
| + | |
| − | position: absolute;
| + | |
| − | left: 50%;
| + | |
| − | margin-left: -8px;
| + | |
| − | top: 50%;
| + | |
| − | margin-top: -8px;
| + | |
| − | -webkit-touch-callout: none;
| + | |
| − | -webkit-user-select: none;
| + | |
| − | -khtml-user-select: none;
| + | |
| − | -moz-user-select: none;
| + | |
| − | -ms-user-select: none;
| + | |
| − | user-select: none;
| + | |
| − | }
| + | |
| − | .ui-state-hover {
| + | |
| − | /*border: 1px solid #999999;*/
| + | |
| − | background: #dadada url("https://static.igem.org/mediawiki/2015/4/47/Ui-bg_glass_75_dadada_1x400.png") 50%
| + | |
| − | }
| + | |
| − | .ui-state-default {
| + | |
| − | padding:2px;
| + | |
| − | }
| + | |
| − | .ui-widget-header {
| + | |
| − | background: #cccccc url("https://static.igem.org/mediawiki/2015/f/f8/Ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
| + | |
| − | color: #222222;
| + | |
| − | font-weight: bold;
| + | |
| − | }
| + | |
| − | .ui-datepicker .ui-datepicker-title {
| + | |
| − | margin: 0 2.3em;
| + | |
| − | line-height: 1.8em;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | </style>
| + | |
| − | <!-- Start of content -->
| + | |
| − | <div class="expContainer" > <!--The closing tag for contentContainer should be placed at the bottom of each content page.--> | + | |
| | | | |
| | | | |
| Line 197: |
Line 50: |
| | </div> | | </div> |
| | | | |
| − | <!--
| |
| − | <p> Document the dates you worked on your project.</p>
| |
| − |
| |
| − | <h5>What should this page have?</h5>
| |
| − | <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>
| |
| − |
| |
| − |
| |
| − | <h4>Inspiration</h4>
| |
| − | <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>
| |
| − | <li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
| |
| − | <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>
| |
| − | </ul>-->
| |
| | | | |
| | </div> | | </div> |
| | </html> | | </html> |
Notebook
Select a day to see what our lab did that day.
