|
|
| Line 2: |
Line 2: |
| | {{ManchesterMobile}} | | {{ManchesterMobile}} |
| | <html> | | <html> |
| − | <head>
| |
| − | <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
| |
| − | <script type="text/javascript" src="http://cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.min.js"></script>
| |
| − | <link rel="stylesheet" href="http://cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.css" />
| |
| − |
| |
| − | <style>
| |
| − | .btn {
| |
| − | opacity: .5;
| |
| − | cursor: url(https://static.igem.org/mediawiki/2017/d/df/T--Manchester--Bee_Cursor_sting.png), auto;
| |
| − | }
| |
| − |
| |
| − | .btn:hover {
| |
| − | opacity: 1
| |
| − | }
| |
| − |
| |
| − | .column50 {
| |
| − | width: 50%;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | h1 {
| |
| − | font-size: 22px !important;
| |
| − | width: 99%;
| |
| − | }
| |
| − |
| |
| − | .calendarcontainer {
| |
| − | width:100%;
| |
| − | }
| |
| − |
| |
| − | .floatylefty {
| |
| − | float: left
| |
| − | }
| |
| − |
| |
| − | .floatyrighty {
| |
| − | float: right
| |
| − | }
| |
| − |
| |
| − | .subdomain-text {
| |
| − | fill: black!important;
| |
| − | font-size: 100%!important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .graph-label {
| |
| − | fill: #999;
| |
| − | font-size: 100%!important;
| |
| − | }
| |
| − |
| |
| − | .container {
| |
| − | width: 99%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | @media (max-width: 1000px) {
| |
| − | .column50 {
| |
| − | width: 100%!important;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .container {
| |
| − | display: block
| |
| − | }
| |
| − |
| |
| − | .floatylefty {
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | .floatyrighty {
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | .clearfix {
| |
| − | overflow: auto;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | </head>
| |
| − |
| |
| | <body> | | <body> |
| | | | |
| − | <div class="clear"><br/></div> | + | <object data="File:T--Manchester--test.pdf" type="application/pdf" width="100%" height="100%"> |
| − | | + | <p><b>Example fallback content</b>: This browser does not support PDFs. Please download the PDF to view it: <a href="File:T--Manchester--test.pdf">Download PDF</a>.</p> |
| − | <h2 style="font-size: 50px">DIARY entry <em><small>click on the date!</small></em></h1>
| + | </object> |
| − | | + | |
| − | <div class="clear"><br/></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div class="floatylefty column50">
| + | |
| − | | + | |
| − | <center>
| + | |
| − | | + | |
| − | <button class="btn" id="animationDuration-previous">Previous</button>
| + | |
| − | <button class="btn" id="animationDuration-next">Next</button>
| + | |
| − | | + | |
| − | <div><br/></div>
| + | |
| − | | + | |
| − | <div class="calendarcontainer" id="cal-heatmap">
| + | |
| − | <script type="text/javascript">
| + | |
| − | var cal = new CalHeatMap();
| + | |
| − | cal.init({
| + | |
| − | domain: "month",
| + | |
| − | subDomain: "x_day",
| + | |
| − | data: "https://static.igem.org/mediawiki/2017/f/f5/T--Manchester--diary.txt",
| + | |
| − | start: new Date(2000, 5),
| + | |
| − | cellSize: 50,
| + | |
| − | cellPadding: 5,
| + | |
| − | domainGutter: 20,
| + | |
| − | range: 1,
| + | |
| − | legend: [40, 60, 80, 200],
| + | |
| − | displayLegend: false,
| + | |
| − | legendColors: ["#E1CFEE", "#551A8B"],
| + | |
| − | minDate: new Date(2000, 5),
| + | |
| − | maxDate: new Date(2000, 9),
| + | |
| − | previousSelector: "#animationDuration-previous",
| + | |
| − | nextSelector: "#animationDuration-next",
| + | |
| − | | + | |
| − | subDomainTextFormat: "%d",
| + | |
| − | onClick: function(date, count) {
| + | |
| − | var month = date.getMonth() + 1;
| + | |
| − | var day = date.getDate();
| + | |
| − | var pid = "date-" + month + "-" + day;
| + | |
| − | $("#myid").load("https://2017.igem.org/Team:Manchester/Notebook/data.html #" + pid);
| + | |
| − | }
| + | |
| − | });
| + | |
| − | </script>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <button class="btn" id="-">Show All Entries <em><small>COMING SOON</small></em></button>
| + | |
| − | | + | |
| − | </center>
| + | |
| − | | + | |
| − | </div> | + | |
| − | | + | |
| − | | + | |
| − | <div class="floatyrighty column50">
| + | |
| − | | + | |
| − | <div class="container clearfix">
| + | |
| − | <div id="myid">
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="clear"><br/></div>
| + | |
| − | | + | |
| − | <script src="http://code.jquery.com/jquery-1.6.min.js"></script>
| + | |
| − | | + | |
| − | <script type="text/javascript"> | + | |
| − | (function() {
| + | |
| − | var removeTitle = function() {
| + | |
| − | | + | |
| − | var elements = document.getElementsByTagName('a');
| + | |
| − | | + | |
| − | for (var i = 0, len = elements.length; i < len; i++)
| + | |
| − | {
| + | |
| − | elements[i].removeAttribute('title');
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | if (document.body) removeTitle();
| + | |
| − | else document.addEventListener('load', removeTitle, false);
| + | |
| − | | + | |
| − | })();
| + | |
| − | </script> | + | |
| | | | |
| | </body> | | </body> |
