Skip to content

Instantly share code, notes, and snippets.

@jcamachott

jcamachott/test.html

Created March 1, 2016 00:26
Show Gist options
  • Save jcamachott/04a75f6afe21d214fd9e to your computer and use it in GitHub Desktop.
Save jcamachott/04a75f6afe21d214fd9e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test.html
<div id="mini-calendar">
<div class="clndr">
<div class="clndr-controls">
<div class="clndr-control-button"><span class="clndr-previous-button">previous</span>
</div>
<div class="month">February 2016</div>
<div class="clndr-control-button rightalign"><span class="clndr-next-button">next</span>
</div>
</div>
<table class="clndr-table" border="0" cellspacing="0" cellpadding="0">
<thead>
<tr class="header-days">
<td class="header-day">S</td>
<td class="header-day">M</td>
<td class="header-day">T</td>
<td class="header-day">W</td>
<td class="header-day">T</td>
<td class="header-day">F</td>
<td class="header-day">S</td>
</tr>
</thead>
<tbody>
<tr>
<td class="day past adjacent-month last-month calendar-day-2016-01-31 calendar-dow-0">
<div class="day-contents">31</div>
</td>
<td class="day past calendar-day-2016-02-01 calendar-dow-1">
<div class="day-contents">1</div>
</td>
<td class="day past calendar-day-2016-02-02 calendar-dow-2">
<div class="day-contents">2</div>
</td>
<td class="day past calendar-day-2016-02-03 calendar-dow-3">
<div class="day-contents">3</div>
</td>
<td class="day past calendar-day-2016-02-04 calendar-dow-4">
<div class="day-contents">4</div>
</td>
<td class="day past calendar-day-2016-02-05 calendar-dow-5">
<div class="day-contents">5</div>
</td>
<td class="day past calendar-day-2016-02-06 calendar-dow-6">
<div class="day-contents">6</div>
</td>
</tr>
<tr>
<td class="day past calendar-day-2016-02-07 calendar-dow-0">
<div class="day-contents">7</div>
</td>
<td class="day past calendar-day-2016-02-08 calendar-dow-1">
<div class="day-contents">8</div>
</td>
<td class="day past calendar-day-2016-02-09 calendar-dow-2">
<div class="day-contents">9</div>
</td>
<td class="day past calendar-day-2016-02-10 calendar-dow-3">
<div class="day-contents">10</div>
</td>
<td class="day past calendar-day-2016-02-11 calendar-dow-4">
<div class="day-contents">11</div>
</td>
<td class="day past calendar-day-2016-02-12 calendar-dow-5">
<div class="day-contents">12</div>
</td>
<td class="day past calendar-day-2016-02-13 calendar-dow-6">
<div class="day-contents">13</div>
</td>
</tr>
<tr>
<td class="day past calendar-day-2016-02-14 calendar-dow-0">
<div class="day-contents">14</div>
</td>
<td class="day past calendar-day-2016-02-15 calendar-dow-1">
<div class="day-contents">15</div>
</td>
<td class="day past calendar-day-2016-02-16 calendar-dow-2">
<div class="day-contents">16</div>
</td>
<td class="day past calendar-day-2016-02-17 calendar-dow-3">
<div class="day-contents">17</div>
</td>
<td class="day past calendar-day-2016-02-18 calendar-dow-4">
<div class="day-contents">18</div>
</td>
<td class="day past calendar-day-2016-02-19 calendar-dow-5">
<div class="day-contents">19</div>
</td>
<td class="day past calendar-day-2016-02-20 calendar-dow-6">
<div class="day-contents">20</div>
</td>
</tr>
<tr>
<td class="day past calendar-day-2016-02-21 calendar-dow-0">
<div class="day-contents">21</div>
</td>
<td class="day past calendar-day-2016-02-22 calendar-dow-1">
<div class="day-contents">22</div>
</td>
<td class="day past calendar-day-2016-02-23 calendar-dow-2">
<div class="day-contents">23</div>
</td>
<td class="day past calendar-day-2016-02-24 calendar-dow-3">
<div class="day-contents">24</div>
</td>
<td class="day past calendar-day-2016-02-25 calendar-dow-4">
<div class="day-contents">25</div>
</td>
<td class="day past event calendar-day-2016-02-26 calendar-dow-5">
<div class="day-contents">26</div>
</td>
<td class="day past calendar-day-2016-02-27 calendar-dow-6">
<div class="day-contents">27</div>
</td>
</tr>
<tr>
<td class="day past calendar-day-2016-02-28 calendar-dow-0">
<div class="day-contents">28</div>
</td>
<td class="day today event calendar-day-2016-02-29 calendar-dow-1">
<div class="day-contents">29</div>
<div class="eventinfo">
<h1>title</h1>
<h2>Description</h2>
</div>
</td>
<td class="day adjacent-month next-month calendar-day-2016-03-01 calendar-dow-2">
<div class="day-contents">1</div>
</td>
<td class="day adjacent-month next-month calendar-day-2016-03-02 calendar-dow-3">
<div class="day-contents">2</div>
</td>
<td class="day adjacent-month next-month calendar-day-2016-03-03 calendar-dow-4">
<div class="day-contents">3</div>
</td>
<td class="day adjacent-month next-month calendar-day-2016-03-04 calendar-dow-5">
<div class="day-contents">4</div>
</td>
<td class="day adjacent-month next-month calendar-day-2016-03-05 calendar-dow-6">
<div class="day-contents">5</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment