Difference between revisions of "Team:Tec-Monterrey/Notebook"

m
m
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
−
<!---------------------------------------- cal-heatmap css----------------------------------------------->
+
  <style>
−
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
+
  .notebook-wrapper {
−
   <link rel="stylesheet" href="https://2018.igem.org/Team:Tec-Monterrey/CSS/calheatmap?action=raw&ctype=text/css"/>
+
    width: 90%;
−
  <script type="text/javascript" src="http://cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.min.js"></script>
+
    background: white;
−
   <link rel="stylesheet" href="http://cdn.jsdelivr.net/cal-heatmap/3.3.10/cal-heatmap.css" />
+
    margin: 0.5% auto;
 +
    padding: 2% 5%;
 +
    border-radius: 40px;
 +
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
 +
  }
 +
  .notebook-wrapper ul {
 +
    padding: 0;
 +
    margin: 0;
 +
    border: none;
 +
  }
 +
  .notebook-wrapper ul > li {
 +
    list-style-type: none;
 +
    margin: 0 1%;
 +
    transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 +
    -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 +
  }
 +
  .notebook-wrapper ul > li.active {
 +
    margin: 1% 0;
 +
  }
 +
   .collapsible-header {
 +
    cursor: pointer;
 +
    line-height: 1.5em;
 +
    padding: 1rem;
 +
    background: rgb(10,23,24);
 +
  }
 +
   .collapsible-body {
 +
    padding: 2rem;
 +
  }
 +
  ul.collapsible-list {
 +
    margin: 0;
 +
    padding-left: 0;
 +
    list-style-type: none;
 +
  }
 +
  </style>
 
</head>
 
</head>
 
<body>
 
<body>
Line 39: Line 72:
 
       </div>
 
       </div>
 
   </header>
 
   </header>
−
 
+
 
−
  <!-- Calendar -->
+
   <section class="notebook-wrapper">
−
   <section id="calendar">
+
     <ul>
−
     <div class="container">
+
       <li>
−
       <div class="body-tittle">Calendar</div>
+
        <div class="collapsible-header">Test 1</div>
−
      <div id="cal-heatmap">
+
        <div class="collapsible-body">
−
        <script>
+
          <ul class="collapsible-list">
−
        var cal = new CalHeatMap();
+
            <li>
−
        cal.init({
+
              <div class="collapsible-header">Test 1.1</div>
−
          domain: "month",
+
              <div class="collapsible-body">
−
          subDomain: "x_day",
+
                This is text
−
          data: "https://2014.igem.org/Team:Tec-Monterrey/ITESM14_notebook_data.json?action=raw&ctype=text/html",
+
              </div>
−
          start: new Date(2018, 1),
+
            </li>
−
          cellSize: 20,
+
          </ul>
−
          cellPadding: 5,
+
        </div>
−
          domainGutter: 20,
+
      </li>
−
          range: 5,
+
     </ul>
−
          legend: [2, 4, 6, 8],
+
−
          legendColors: ["#d3edf2", "#2f3661"],
+
−
          onClick: function(date, count) {
+
−
            var month = date.getMonth() + 1;
+
−
            var day = date.getDate();
+
−
            var pid = "date-" + month + "-" + day;
+
−
            $("#myid").load("https://2014.igem.org/Team:Tec-Monterrey/ITESM14_notebook_data.html #" + pid);
+
−
          }
+
−
        });
+
−
        </script>
+
−
      </div>
+
−
    </div>
+
−
    <div id="myid">
+
−
     </div>
+
 
   </section>
 
   </section>
−
 
−
<div class="column full_size">
 
−
 
−
<h1>Notebook</h1>
 
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
 
−
 
−
</div>
 
−
<div class="clear"></div>
 
−
 
−
 
−
 
−
<div class="column two_thirds_size">
 
−
<h3>What should this page have?</h3>
 
−
<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>
 
−
 
−
</div>
 
−
 
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<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>
 
−
 
−
<!---------------------------------------- cal-heatmap js----------------------------------------------->
 
−
<script type="text/javascript" src="https://2018.igem.org/Team:Tec-Monterrey/Javascript/calheatmapmin?action=raw&ctype=text/javascript"></script>
 
−
 
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}}
 
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}}

Revision as of 12:37, 14 October 2018

Notebook
Everyday activities by the team
  • Test 1
    • Test 1.1
      This is text

Contact Us

Av. Eugenio Garza Sada 2501

64849 Monterrey, Mexico

Sponsors