shii.moe

Source for `shii.moe' website.
git clone git://git.knutsen.co/shii.moe
Log | Files | Refs | README | LICENSE

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 %}