{{ $style := resources.Get "css/calendar.css" | resources.ToCSS | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $style.RelPermalink }}">

{{ $js := resources.Get "js/calendar.js" | resources.Fingerprint }}
<script src="{{ $js.RelPermalink }}" defer></script>

<div class="calendar-container">
    <div id="calendar">
      <div id="calendar-controls">
        <button id="prev-month">&larr;</button>
        <span id="current-month"></span>
        <button id="next-month">&rarr;</button>
      </div>
      <table id="calendar-table">
        <thead>
          <tr>
            <th>Mo</th>
            <th>Di</th>
            <th>Mi</th>
            <th>Do</th>
            <th>Fr</th>
            <th>Sa</th>
            <th>So</th>
          </tr>
        </thead>
        <tbody id="calendar-body"></tbody>
      </table>
    </div>
  <div id="event-panel">
    <div id="event-date"></div>
    <div id="event-details"></div>
  </div>
</div>