diff options
-rw-r--r-- | htdocs/logo.png | bin | 0 -> 14287 bytes | |||
-rw-r--r-- | htdocs/page.css | 59 | ||||
-rw-r--r-- | templates/base.html | 59 |
3 files changed, 118 insertions, 0 deletions
diff --git a/htdocs/logo.png b/htdocs/logo.png Binary files differnew file mode 100644 index 0000000..3d9ec59 --- /dev/null +++ b/htdocs/logo.png diff --git a/htdocs/page.css b/htdocs/page.css new file mode 100644 index 0000000..57c6071 --- /dev/null +++ b/htdocs/page.css @@ -0,0 +1,59 @@ +body { + background: #f5f5f5; + padding: 20px; + margin: 0px; + text-align: center; +} + +#content { + width: 70%; + min-width: 800px; + background: #ddd; + margin: auto; + border-radius: 15px; + padding: 20px; +} + +h2 { + margin-bottom: 0; +} + +.source { + font-size: 0.6em; + margin: 0; + padding: 0; +} + +.title { + font-size: 0.9em; + margin: 0; + padding: 0; +} + +#pagination { + text-align: center; + margin: 1.5em 0 0; +} + +#pagination a { + display: block; + border: 1px solid #000; + color: #000; + padding: 12px; + text-decoration: none; + width: 100px; + margin: auto; +} + +#pagination a:hover { + border-width: 3px; + padding: 10px; +} + +#pagination a.prev { + float: left; +} + +#pagination a.next { + float: right; +} diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..860bf9e --- /dev/null +++ b/templates/base.html @@ -0,0 +1,59 @@ +<!DOCTYPE html> +<html> + <head> + <title>Comics vom {{date.day}}.{{date.month}}.{{date.year}}</title> + <meta charset="utf-8" /> + <link rel="stylesheet" type="text/css" href="/page.css"> + {% if prev -%} + <link rel="prev" href="{{ prev.strftime("/sites/%Y/%m/%d.html") }}"> + {%- endif %} + {% if next -%} + <link rel="next" href="{{ next.strftime("/sites/%Y/%m/%d.html") }}"> + {%- endif %} + <link rel="home" href="/index.html"> + </head> + <body> + <img src="/logo.png" alt="spline logo" width="300" > + <h1>comics.spline.de </h1> + + <div id="content"> + <h1>{{date.day}}.{{date.month}}.{{date.year}}</h1> + + {%- for entry in entries %} + <h2> + {{ entry.comic.name }} + </h2> + <span class="source"> + <a target="_blank" href="{{entry.comic.url}}">Originalseite</a> + </span><br /> + <img src="{{ entry.path }}" {%- if entry.alt -%} title="{{entry.alt|safe}}" {%- endif -%} /> + + {%- if entry.title %} + <br /> + <span class="title"> {{ entry.title }} </span> + {% endif %} + {% endfor -%} + + {%- if next or prev %} + <div id="pagination"> + {% if prev %} + <a class="prev" href="{{ prev.strftime("/sites/%Y/%m/%d.html") }}"> + ← früher + </a> + {% endif -%} + + {%- if next %} + <a class="next" href="{{ next.strftime("/sites/%Y/%m/%d.html") }}"> + später → + </a> + {% endif %} + + <span> + <a href="/index.html">heute</a> + </span> + </div> + {% endif %} + </div> + </body> +</html> + |