diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/feed.html | 52 | ||||
| -rw-r--r-- | templates/post.html | 29 |
2 files changed, 64 insertions, 17 deletions
diff --git a/templates/feed.html b/templates/feed.html index ee1411e..b8fc4bf 100644 --- a/templates/feed.html +++ b/templates/feed.html @@ -4,20 +4,48 @@ <head> <meta charset="UTF-8"> - <title>Blog</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="title" content="blog.ilvokhin.com"> + + <title>blog.ilvokhin.com</title> + <link rel="stylesheet" type="text/css" href="style.css"/> </head> -<body> - {% if posts %} - <ul> - {% for post in posts %} - <li> - <a href="{{ post.name }}">{{ post.metadata.title }}</a> - ({{ post.metadata.date }}) - </li> - {% endfor %} - </ul> - {% endif %} +<body class="feed"> +<header> +<a class="title" href="/"> + <h1>blog.ilvokhin.com</h1> +</a> +</header> + +<main> +<content> + +{% if posts %} + <ul class="posts"> + {% for post in posts %} + + <li> + <span> + <i> + <time datetime="{{ post.metadata.date }}" pubdate> + {{ post.metadata.date }} + </time> + </i> + </span> + <a href="{{ post.name }}"> + {{ post.metadata.title }} + {% if post.is_draft() %} + (Draft) + {% endif %} + </a> + </li> + {% endfor %} + </ul> +{% endif %} + +</content> +</main> </body> </html> diff --git a/templates/post.html b/templates/post.html index 088b2f6..82250f8 100644 --- a/templates/post.html +++ b/templates/post.html @@ -4,14 +4,33 @@ <head> <meta charset="UTF-8"> - <title>{{ title }}</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="title" content="{{ title }}"> + + <title>{{ title }} | blog.ilvokhin.com</title> + <link rel="stylesheet" type="text/css" href="style.css" /> </head> -<body> - <h1>{{ title }}</h1> - <h3>{{ date }}</h3> +<body class="post"> +<header> +<a class="title" href="/"> + <h1>blog.ilvokhin.com</h1> +</a> +</header> + +<main> +<center> +<h1>{{ title }}</h1> +<p><i><time datetime="{{ date }}" pubdate> +{{ date }} +</time></i></p> +</center> + +<content> + {{ content|safe }} +</content> - {{ body|safe }} +</main> </body> </html> |