Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
{% extends "base.html" %}
{% block title %}Dashboard{% endblock title %}
{% block head %}
<style>
.dashboard-count {
list-style-type: none;
margin: 0;
padding: 0;
vertical-align: bottom;
}
.dashboard-count li {
float: left;
width: 130px;
margin-right: 10px;
height: 100px;
vertical-align: middle;
}
.dashboard-count li div.notitle {
margin-top: 20px;
}
.dashboard-count li div {
border-radius: 13px;
background: purple;
width: 70px;
margin: auto;
color: white;
text-align: center;
}
.dashboard-count li div span {
font-size: 1.5em;
}
</style>
{% endblock head %}
{% block content %}
<table class="table bigtable bordered-cells">
<tr>
<th class="title">
<span class="ss-icon">&#x1F514;</span> Announcements
</th>
</tr>
<tr>
<td><p style="white-space: normal;">{{ config.MOTD }}</p></td>
</tr>
</table>
<ul class="dashboard-count">
<li>
<div class="notitle">Import Samples</div>
</li>
<li>
<div class="notitle">New Sample</div>
</li>
<li>
Awaiting Results
<div><span>47</span><br>Pending</div>
</li>
<li>
Awaiting Results
<div><span>47</span><br>Pending</div>
</li>
<li>
Awaiting Results
<div><span>47</span><br>Pending</div>
</li>
</ul>
<center><img src="{{ STATIC_URL }}img/dashboard-mockup.jpg" alt="" class="top-20" style="width: 90%;"></center>
{% endblock content %}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.