blogindex.html (1894B)
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 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
{% extends 'layout.html' %} {% block head %} <style> .blog-posts { margin: 0; padding: 0; list-style: none; } .blog-listing a { display: flex; justify-content: space-between; padding: 0.7em 1em; margin: 0.3em 0; border-radius: 5pt; transition: all .05s ease; text-decoration: none; } .blog-listing a:hover { background-color: #679dd727; transform: scale(1.01); } .blog-listing .title { text-decoration: underline; } .blog-listing .published { opacity: 0.4; } #atomfeed { text-align: right; margin: .5em 0; } #atomfeed img { vertical-align: middle; margin-left: .25em; } #atomfeed a { text-decoration: none; display: inline-block; padding: .25em .5em; background: rgba(0, 50, 255, 0.07); border-radius: .25em; } </style> {% endblock %} {% block header %} <a href="/"><h1>{% block title %}Blog List{% endblock %}!!</h1></a> {% endblock %} {% block content %} <div id="atomfeed"> <a href="/rss.xml"> RSS Feed <img src="https://validator.w3.org/feed/images/valid-atom.png" alt="Valid Atom Feed"> </a> </div> <ul class="blog-posts"> {% for post in posts %} {% if not post['slug'].startswith('.') %} <li class="blog-listing"> <a href="/blog/{{ post['slug'] }}"> <span class="title">{{ post['title'] }}</span> <span class="published"> (<time datetime="{{ post['pubdatetime'] }}">{{ post['pubdate'] }}</time>) </span> </a> </li> {% endif %} {% endfor %} </ul> {% endblock %}