|
|
(38 intermediate revisions by one other user not shown) |
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/notebookCalendarCSS?action=raw&ctype=text/css" /> |
− | #contentContainer {
| + | |
− | min-height:500px;
| + | |
− | }
| + | |
− | </style>
| + | |
− | <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
| + | |
− | <script>
| + | |
− | $(function() {
| + | |
| | | |
− | $( "#datepicker" ).datepicker({
| + | <script src="https://2015.igem.org/Template:ETH_Zurich/jqueryuiminJS?action=raw&ctype=text/javascript"></script> |
− | inline:true,
| + | |
− | firstDay:1,
| + | |
− | showOtherMonths:true,
| + | |
− | dateFormat: "dd/mm/yy",
| + | |
− | minDate: "22/06/2015",
| + | |
− | maxDate: "18/09/2015",
| + | |
− | onSelect: function(dateText,inst) {
| + | |
| | | |
− | $.get("https://2015.igem.org/Team:ETH_Zurich/Notebook/Text?action=raw&ctyle=text/javascript", function(response) {
| + | <script> |
− | response = response.replace(/\n/g,'\t');
| + | var notes = ""; |
− | var re = new RegExp([dateText,".*?(?=<\/p>)"].join(""));
| + | var datePicker; |
− | var toShow = response.match(re); | + | var notePad; |
− | if (toShow == null) {
| + | |
− | document.getElementById('notes').innerHTML = dateText;
| + | |
− | document.getElementById('notes').innerHTML += "<br><br>Nothing happened on this day...yes...absolutely nothing.";
| + | |
− | } else {
| + | |
− | document.getElementById('notes').innerHTML = toShow;
| + | |
− | }
| + | |
| | | |
| + | $(function() { |
| + | $.get("https://2015.igem.org/Team:ETH_Zurich/Notebook/Text?action=raw&ctype=text/javascript", function(response) { |
| + | notes = response.replace(/\n/g,'\t'); |
| + | }); |
| + | datePicker = $( "#datepicker" ); |
| + | notePad = document.getElementById('notes'); |
| + | }); |
| | | |
| + | $(function() { |
| + | datePicker.datepicker({ |
| | | |
| + | inline:true, |
| + | firstDay:1, |
| + | showOtherMonths:true, |
| + | dateFormat: "dd/mm/yy", |
| + | minDate: "22/06/2015", |
| + | maxDate: "18/09/2015", |
| + | onSelect: function(dateText,inst) { |
| + | var re = new RegExp(dateText + ".*?(?=<\/p>)"); |
| + | var toShow = notes.match(re); |
| + | notePad.innerHTML = (toShow == null) ? dateText+"<br><br><p>We did nothing on this day...yes...absolutely nothing...</p>" : toShow; |
| + | } |
| + | }); |
| }); | | }); |
| + | </script> |
| | | |
| | | |
| + | <div class="expContainer" style=position:relative> |
| | | |
| | | |
| + | <h1>Notebook</h1> |
| | | |
| + | <!--[if gte IE 9]><!--> |
| + | <!--<div class="imgBox">--> |
| + | <a href="https://static.igem.org/mediawiki/2015/f/f7/Notebook.svg"> |
| + | <object class="svg" data="https://static.igem.org/mediawiki/2015/f/f7/Notebook.svg" type="image/svg+xml" width="12%" style="position:absolute;top:100px;right:44%"> |
| + | </object></a> |
| + | <!--</div>--> |
| + | <!--<![endif]--> |
| + | <!--[if lte IE 8]> |
| + | <![endif]--> |
| + | <p></p> |
| + | <p></p> |
| + | <p></p> |
| | | |
− | }
| + | <p></p> |
− | });
| + | <p></p> |
− | });
| + | <p></p> |
− | </script>
| + | <p></p> |
− | <!--<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:ETH_Zurich/jquery-ui-smoothness.css?action=raw&ctype=text/css" />--> | + | <p></p> |
− | <style> | + | <p></p> |
− | #notes {
| + | <p></p> |
− | float:left;
| + | <p></p> |
− | margin:10px;
| + | <p></p> |
− | padding:5px;
| + | <p></p> |
− | width:45%;
| + | <p></p> |
− | }
| + | <p></p> |
− | #datepicker {
| + | |
− | float:right;
| + | |
− | margin:10px;
| + | |
− | width:45%;
| + | |
− | }
| + | |
− | .ui-icon {
| + | |
− | display: block;
| + | |
− | text-indent: -99999px;
| + | |
− | overflow: hidden;
| + | |
− | background-repeat: no-repeat;
| + | |
− | width: 16px;
| + | |
− | height: 100%;
| + | |
− | }
| + | |
− | .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("http://download.jqueryui.com/themeroller/images/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;
| + | |
− | top: 2px;
| + | |
− | width: 1.8em;
| + | |
− | height: 1.8em;
| + | |
− | }
| + | |
− | .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;
| + | |
− | }
| + | |
− | .ui-state-hover {
| + | |
− | border: 1px solid #999999;
| + | |
− | background: #dadada url("http://download.jqueryui.com/themeroller/images/ui-bg_glass_75_dadada_1x400.png") 50%
| + | |
− | }
| + | |
− | .ui-widget-header {
| + | |
− | border: 1px solid #aaaaaa;
| + | |
− | background: #cccccc url("http://download.jqueryui.com/themeroller/images/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 id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
| |
− |
| |
− |
| |
− | <h2>Notebook</h2>
| |
| | | |
| <div id="datepicker"> | | <div id="datepicker"> |
Line 171: |
Line 74: |
| <div id="notes" class="ui-corner-all ui-widget-content"> | | <div id="notes" class="ui-corner-all ui-widget-content"> |
| Select a day to see what our lab did that day. | | Select a day to see what our lab did that day. |
| + | </div> |
| </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> |
| + | {{:Template:ETH_Zurich/footer}} |
Notebook
Select a day to see what our lab did that day.