Initial commit

templates/countdown.html

@@ -0,0 +1,33 @@
+
+{% extends "base.html" %}
+{% block content %}
+  <section class="card {{ 'shadow-' + shadow if shadow != 'none' else '' }}">
+    <h1 class="title">{{ title }}</h1>
+    <p class="subtitle">
+      Target: <code id="targetText"></code>
+    </p>
+
+    <div id="countdown" 
+         class="countdown"
+         data-target="{{ target }}"
+         data-show-millis="{{ millis }}"
+         data-rounded-unit="{{ rounded_unit }}">
+      <!-- JS populates these -->
+      <div class="unit"><span id="d">--</span><label>days</label></div>
+      <div class="unit"><span id="h">--</span><label>hours</label></div>
+      <div class="unit"><span id="m">--</span><label>minutes</label></div>
+      <div class="unit"><span id="s">--</span><label>seconds</label></div>
+      <div class="unit millis" id="millisWrap" hidden><span id="ms">---</span><label>ms</label></div>
+    </div>
+
+    <div class="share">
+      <button id="copyLink">Copy sharable link</button>
+      <a id="editLink" href="{{ url_for('index') }}?{{ request.query_string.decode('utf-8') }}">Edit</a>
+    </div>
+
+    <p id="status" class="muted"></p>
+  </section>
+{% endblock %}
+{% block scripts %}
+  <script src="{{ url_for('static', filename='js/countdown.js') }}"></script>
+{% endblock %}