34 lines
1.2 KiB
HTML
34 lines
1.2 KiB
HTML
|
|
{% 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 %}
|