|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf8">
|
|
|
|
|
<title>{{ title }} - (Generator: LogBot)</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheet.css">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<meta http-equiv="Refresh" content="300">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1>{{ title }}</h1>
|
|
|
|
|
<p> {{ description }} </p>
|
|
|
|
|
(Follow this log: <a href="./feed.rss.xml">RSS</a>)
|
|
|
|
|
<div id="container">
|
|
|
|
|
{% for num in sorted_numbering | reverse %}
|
|
|
|
|
<div id="{{ num }}" class="post">
|
|
|
|
|
<p class="key">{{ num }}</p>
|
|
|
|
|
<p class="date">{{ db[num]['date'] }}</p>
|
|
|
|
|
{% if 'media' in db[num] %}
|
|
|
|
|
<p class="message">
|
|
|
|
|
{% if 'image' in db[num]['media']['type'] %}
|
|
|
|
|
<a href="{{ db[num]['media']['path'] }}"><img class='thumbnail' src="{{ db[num]['media']['data_url'] }}"></a>
|
|
|
|
|
{% elif 'application' in db[num]['media']['type'] %}
|
|
|
|
|
<a href="{{ db[num]['media']['path'] }}" loading="lazy">{{ db[num]['media']['filename']}}</a>
|
|
|
|
|
{% elif 'audio' in db[num]['media']['type'] %}
|
|
|
|
|
<audio src="{{ db[num]['media']['path'] }}" preload="none" controls></audio>
|
|
|
|
|
{% elif 'video' in db[num]['media']['type'] %}
|
|
|
|
|
<video src="{{ db[num]['media']['path'] }}" preload="none" controls></video>
|
|
|
|
|
{% endif %}
|
|
|
|
|
<figcaption>{{ db[num]['media']['caption'] | join("") }}</figcaption>
|
|
|
|
|
</p>
|
|
|
|
|
{% else %}
|
|
|
|
|
<p class="message">{{ db[num]['post'] }}</p>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</div>
|
|
|
|
|
<footer></footer>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
