diff options
Diffstat (limited to 'comic')
| -rw-r--r-- | comic/assets/css/comic.css | 26 | ||||
| -rw-r--r-- | comic/assets/images/banner_placeholder.png | bin | 0 -> 13661 bytes | |||
| -rw-r--r-- | comic/templates/comic_feed.xml.j2 | 24 | ||||
| -rw-r--r-- | comic/templates/issue.html.j2 | 10 |
4 files changed, 57 insertions, 3 deletions
diff --git a/comic/assets/css/comic.css b/comic/assets/css/comic.css index f571a16..9449cab 100644 --- a/comic/assets/css/comic.css +++ b/comic/assets/css/comic.css @@ -21,6 +21,20 @@ main, footer { margin-top: 0.5rem; } +footer { + padding-top: 1rem !important; + padding-bottom: 1rem !important;; +} + +hr { + width: 30%; + color: #e9d3ff; +} + +img.banner { + width: 100%; +} + img.comic { width: 100%; border: 0.1rem solid black; @@ -31,6 +45,16 @@ p { margin: 0.2rem; } +a { + color: #801396; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + p.description { - margin-top: 3rem; + margin-top: 2rem; + margin-bottom: 2rem; }
\ No newline at end of file diff --git a/comic/assets/images/banner_placeholder.png b/comic/assets/images/banner_placeholder.png Binary files differnew file mode 100644 index 0000000..64bff87 --- /dev/null +++ b/comic/assets/images/banner_placeholder.png diff --git a/comic/templates/comic_feed.xml.j2 b/comic/templates/comic_feed.xml.j2 new file mode 100644 index 0000000..eeb177d --- /dev/null +++ b/comic/templates/comic_feed.xml.j2 @@ -0,0 +1,24 @@ +<?xml version="1.0" encoding="UTF-8"?> +<rss version="2.0"> +<channel> + <title>{{ comic.comic_name }}</title> + <link>https://comic.wazul.moe/feed.xml</link> + <description>Silly comic ideas by Wazul</description> + <language>en</language> + <lastBuildDate>{{ build_date }}</lastBuildDate> + {% for issue in issues %} + <item> + <title>{{ issue.title() }}</title> + <link>{{ issue.get_link() }}</link> + <description> + <img src="{{ issue.get_link() }}/comic.png"/> + <br> + <p>{{ issue.description() }}</p> + </description> + <guid>{{ issue.get_link() }}</guid> + <author>contact@wazul.moe</author> + <pubDate>{{ issue.get_publish_time_rfc2822() }}</pubDate> + </item> + {% endfor %} + </channel> +</rss>
\ No newline at end of file diff --git a/comic/templates/issue.html.j2 b/comic/templates/issue.html.j2 index 7eca898..70b4745 100644 --- a/comic/templates/issue.html.j2 +++ b/comic/templates/issue.html.j2 @@ -14,12 +14,12 @@ <div class="bootstrap-wrapper"> <div class="container"> <a href="/" class="row dont-bother"> - <header class="col-md-7" role="banner">TITLE</header> + <header class="col-md-7" role="banner"><img class="banner" src="{{ site.assets_path }}/images/banner_placeholder.png" alt="banner"/></header> </a> <div class="row"> <main class="col-md-7"> <h1>{{ issue.title() }}</h1> - <img class="comic" src="{{ url }}/comic.png" /> + <img class="comic" src="{{ url }}/comic.png" alt="comic"/> <p class="description">{{ issue.description() }}</p> </main> </div> @@ -27,6 +27,12 @@ <footer class="col-md-7"> <p>Permalink to this comic: <a href="{{ url }}">{{ url }}</a></p> <p>Image url: <a href="{{ url }}/comic.png">{{ url }}/comic.png</a></p> + <hr> + <p><a href="/feed.xml">RSS feed</a></p> + <hr> + <p>This comic series is heavily inspired by <a href="https://xkcd.com">XKCD</a></p> + <hr> + <p>The comic is licenced under <a href="https://creativecommons.org/licenses/by-nc/4.0/legalcode.en">Creative Commons Attribution-NonCommercial 4.0</a></p> </footer> </div> </div> |
