-
Notifications
You must be signed in to change notification settings - Fork 170
/
index.njk
49 lines (49 loc) · 1.57 KB
/
index.njk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
---
layout: layout.njk
---
{% starterMessage %}
<div class="starter-message">
<style>
.starter-message {
background-color: hsla(0, 0%, 0%, .4);
border: 2px solid hsla(60, 100%, 2%, 1);
border-radius: .5em;
padding: 2rem;
margin: 2rem auto;
max-width: 40em;
}
.starter-message h3 {
margin-top: 0;
}
.starter-message ol {
margin: 0;
}
</style>
<h3>Quick Guide to Speedlify</h3>
<ol>
<li>Add your own URLs to test in a <code>_data/sites/*.js</code> configuration file. Look at the existing samples (Make sure you use <code>skip: false</code>). You can delete the existing ones after you’ve made your own</li>
<li>Remove this message from <code>index.njk</code></li>
</ol>
</div>
{% endstarterMessage %}
<table class="leaderboard leaderboard-list">
<caption>Choose a category</caption>
<thead data-sr-only>
<tr>
<th>Category</th>
<th>Site Count</th>
<th>Last Run Date</th>
</tr>
</thead>
<tbody>
{%- for key, category in sites %}
{%- if not category.hide %}
<tr>
<td><a href="{{ ('/' + (category.name or key) | lower | slug + '/') | url }}">{{ category.description or category.name or key }}</a></td>
<td><span class="count">×{{ category.urls.length }}<span class="leaderboard-hide-sm"> site{% if category.urls.length != 1 %}s{% endif %}</span></span></td>
<td class="leaderboard-hide-sm">{% if lastruns[key].timestamp %}<span class="small"><timestamp-ago timestamp="{{ lastruns[key].timestamp }}">{{ lastruns[key].timestamp | displayDate | safe }}</timestamp-ago></span>{% endif %}</td>
</tr>
{%- endif %}
{%- endfor %}
</tbody>
</table>