mirror of https://github.com/snachodog/mybuddy.git
Create a mockup of a couple of days of sleep data using progress bars.
This commit is contained in:
parent
faaa67995f
commit
4e7f80cd2e
|
@ -3,5 +3,46 @@
|
||||||
{% block title %}Sleep Report - {{ object }}{% endblock %}
|
{% block title %}Sleep Report - {{ object }}{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
<div>
|
||||||
Sleep report for {{ object }}.
|
Sleep report for {{ object }}.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pull-left p-1">
|
||||||
|
<strong>8 Aug</strong>
|
||||||
|
</div>
|
||||||
|
<div class="progress" style="height: 32px; border-radius: 0;">
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 5%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 2%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 15%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 6%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 3%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 10%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 5%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 2%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 15%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 6%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 3%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 10%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 8%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 10%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-left p-1">
|
||||||
|
<strong>7 Aug</strong>
|
||||||
|
</div>
|
||||||
|
<div class="progress" style="height: 32px; border-radius: 0;">
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 5%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 2%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 3%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 10%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 5%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 2%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 15%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 6%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 3%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 10%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 8%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 10%"></div>
|
||||||
|
<div class="progress-bar" role="progressbar" style="width: 15%; background: none;"></div>
|
||||||
|
<div class="progress-bar bg-info" role="progressbar" style="width: 6%"></div>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
Loading…
Reference in New Issue