107 lines
3.1 KiB
HTML
107 lines
3.1 KiB
HTML
<DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" type="text/css" href="stylesheet.css">
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
|
|
<!-- -->
|
|
<h1>circulations (1)</h1>
|
|
{% for post_dir, post in db.items() %}
|
|
<div class="post">
|
|
<pre>---</pre>
|
|
<strong>{{ post.frontmatter.title }}</strong>
|
|
<div>
|
|
<a href="{{ post_dir }}">aggregated</a>
|
|
<a href="{{ post.frontmatter.original_link }}">source</a>
|
|
</div>
|
|
<small>{{ post.frontmatter.feed_name }}</small><br>
|
|
<small>{{ post.frontmatter.date }}</small><br>
|
|
<small>{{ post.frontmatter.author }}</small>
|
|
<details>
|
|
<summary>
|
|
<small>post</small>
|
|
</summary>
|
|
<iframe src="{{ post_dir }}"></iframe>
|
|
</details>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<br>
|
|
<br>
|
|
<hr>
|
|
|
|
<!-- -->
|
|
<h1>circulations (2)</h1>
|
|
<table id="circulations">
|
|
<thead>
|
|
<tr>
|
|
<th onclick="sortTable(0)">title</th>
|
|
<th onclick="sortTable(1)">post</th>
|
|
<th onclick="sortTable(2)">tags</th>
|
|
<th onclick="sortTable(3)">feed</th>
|
|
<th onclick="sortTable(4)">date</th>
|
|
<th onclick="sortTable(5)">through</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for post_dir, post in db.items() %}
|
|
<tr>
|
|
<td>{{ post.frontmatter.title }}</td>
|
|
<td>
|
|
<a href="{{ post_dir }}">aggregated</a>
|
|
<a href="{{ post.frontmatter.original_link }}">source</a>
|
|
</td>
|
|
<td>{% for tag in post.frontmatter.tags %}{{ tag }} {% endfor %}</td>
|
|
<td>{{ post.frontmatter.feed_name }}</td>
|
|
<td>{{ post.frontmatter.date }}</td>
|
|
<td>{{ post.frontmatter.author }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
<script>
|
|
function sortTable(n) {
|
|
var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;
|
|
table = document.getElementById("circulations");
|
|
switching = true;
|
|
dir = "asc";
|
|
while (switching) {
|
|
switching = false;
|
|
rows = table.rows;
|
|
for (i = 1; i < (rows.length - 1); i++) {
|
|
shouldSwitch = false;
|
|
x = rows[i].getElementsByTagName("TD")[n];
|
|
y = rows[i + 1].getElementsByTagName("TD")[n];
|
|
if (dir == "asc") {
|
|
if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
|
|
shouldSwitch = true;
|
|
break;
|
|
}
|
|
} else if (dir == "desc") {
|
|
if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
|
|
shouldSwitch = true;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
if (shouldSwitch) {
|
|
rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
|
|
switching = true;
|
|
switchcount ++;
|
|
} else {
|
|
if (switchcount == 0 && dir == "asc") {
|
|
dir = "desc";
|
|
switching = true;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html> |