diff options
| -rw-r--r-- | comic/assets/css/comic.css | 23 | ||||
| -rw-r--r-- | comic/assets/image/banner_placeholder.png (renamed from comic/assets/images/banner_placeholder.png) | bin | 13661 -> 13661 bytes | |||
| -rw-r--r-- | comic/assets/image/rss.svg | 1 | ||||
| -rw-r--r-- | comic/templates/issue.html.j2 | 7 |
4 files changed, 28 insertions, 3 deletions
diff --git a/comic/assets/css/comic.css b/comic/assets/css/comic.css index a828323..1811c3f 100644 --- a/comic/assets/css/comic.css +++ b/comic/assets/css/comic.css @@ -61,6 +61,26 @@ ul.navigation li a:hover { text-decoration: none; } +.icon-text { + display: flex; + flex-flow: row; + align-items: center; + margin-top: 0.2rem; + margin-bottom: 0.2rem; +} + +.icon-text > :first-child { + margin-right: 0.3rem; +} + +.svg-icon { + max-width: 1.5rem; + max-height: 1.5rem; + border: none; + width: 1.5rem; + height: 1.5rem; +} + img.banner { width: 100%; } @@ -71,8 +91,9 @@ img.comic { } p { - text-align: center; + font-size: 1rem; margin: 0.2rem; + text-align: center; } a { diff --git a/comic/assets/images/banner_placeholder.png b/comic/assets/image/banner_placeholder.png Binary files differindex 64bff87..64bff87 100644 --- a/comic/assets/images/banner_placeholder.png +++ b/comic/assets/image/banner_placeholder.png diff --git a/comic/assets/image/rss.svg b/comic/assets/image/rss.svg new file mode 100644 index 0000000..45f911c --- /dev/null +++ b/comic/assets/image/rss.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#801396" d="M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19 7.38 20 6.18 20C5 20 4 19 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27zm0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93z"/></svg> diff --git a/comic/templates/issue.html.j2 b/comic/templates/issue.html.j2 index a25d616..679b778 100644 --- a/comic/templates/issue.html.j2 +++ b/comic/templates/issue.html.j2 @@ -14,7 +14,7 @@ <div class="bootstrap-wrapper"> <div class="container"> <a href="/" class="row dont-bother"> - <header class="col-md-9" role="banner"><img class="banner" src="{{ site.assets_path }}/images/banner_placeholder.png" alt="banner"/></header> + <header class="col-md-9" role="banner"><img class="banner" src="{{ site.assets_path }}/image/banner_placeholder.png" alt="banner"/></header> </a> <div class="row"> <main class="col-md-9"> @@ -41,7 +41,10 @@ <p>Image url: <a href="{{ url }}/comic.png">{{ url }}/comic.png</a></p> <p>{{ issue.get_publish_time() }}</p> <hr> - <p><a href="/feed.xml">RSS feed</a></p> + <a href="/feed.xml" class="icon-text" target="_blank"> + <img src="/assets/image/rss.svg" class="svg-icon" /> + <span>RSS feed</span> + </a> <hr> <p>This comic series is heavily inspired by <a href="https://xkcd.com">XKCD</a></p> <hr> |
