diff options
| author | Botond Hende <nettingman@gmail.com> | 2025-12-23 00:40:57 +0100 |
|---|---|---|
| committer | Botond Hende <nettingman@gmail.com> | 2025-12-23 00:40:57 +0100 |
| commit | 71c7de032edca8bfd00871e0f0fe986bbd9e60a5 (patch) | |
| tree | d4735895b56c6679c5f30af2f22b708da5ceaf97 /comic | |
| parent | b189fb816abf0e7b0f7c85f8b465916d8ba5ff63 (diff) | |
comic basic layout
Diffstat (limited to 'comic')
| -rw-r--r-- | comic/assets/css/comic.css | 18 | ||||
| -rw-r--r-- | comic/issues/001/meta.json | 5 | ||||
| -rw-r--r-- | comic/issues/1/comic.png (renamed from comic/issues/001/comic.png) | bin | 243107 -> 243107 bytes | |||
| -rw-r--r-- | comic/issues/1/meta.json | 5 | ||||
| -rw-r--r-- | comic/templates/issue.html.j2 | 30 |
5 files changed, 53 insertions, 5 deletions
diff --git a/comic/assets/css/comic.css b/comic/assets/css/comic.css new file mode 100644 index 0000000..c647875 --- /dev/null +++ b/comic/assets/css/comic.css @@ -0,0 +1,18 @@ +img.comic { + width: 100%; +} + +header { + margin: auto; +} + +main, header { + display: flex; + flex-flow: column; + align-items: center; + margin: auto; +} + +div.huge-vertical-spacer-at-the-bottom { + height: 10rem; +}
\ No newline at end of file diff --git a/comic/issues/001/meta.json b/comic/issues/001/meta.json deleted file mode 100644 index 34d084a..0000000 --- a/comic/issues/001/meta.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "title" : "Hestia: the homemade home assistant", - "publish_date" : "2025-01-29", - "description" : "Hestia: the homemade home assistant" -} diff --git a/comic/issues/001/comic.png b/comic/issues/1/comic.png Binary files differindex f3e10c6..f3e10c6 100644 --- a/comic/issues/001/comic.png +++ b/comic/issues/1/comic.png diff --git a/comic/issues/1/meta.json b/comic/issues/1/meta.json new file mode 100644 index 0000000..e3079db --- /dev/null +++ b/comic/issues/1/meta.json @@ -0,0 +1,5 @@ +{ + "title" : "The beginning", + "publish_date" : "2025-11-28", + "description" : "I have like twenty comic ideas figured out but not the title of the series." +} diff --git a/comic/templates/issue.html.j2 b/comic/templates/issue.html.j2 new file mode 100644 index 0000000..9281ec0 --- /dev/null +++ b/comic/templates/issue.html.j2 @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html dir="ltr" lang="en"> +<head> + <meta charset="utf-8"/> + <title>{{ issue.title() }} - {{ comic.comic_name }}</title> + <meta name="viewport" content="width=device-width, initial-scale=1"/> + <meta property="og:title" content="{{ issue.title() }}" /> + <meta property="og:type" content="article" /> + <meta property="og:url" content="{{ url }}" /> + <link rel="stylesheet" href="{{ site.assets_path_static }}/css/bootstrap-grid.min.css" /> + <link rel="stylesheet" href="{{ site.assets_path }}/css/comic.css" /> +</head> +<body> +<div class="bootstrap-wrapper"> + <div class="container"> + <a href="/" class="row dont-bother"> + <header class="col-md-6" role="banner">TITLE</header> + </a> + <div class="row"> + <main class="col-md-6"> + <h1>{{ issue.title() }}</h1> + <img class="comic" src="{{ url }}/comic.png" /> + <p>{{ issue.description() }}</p> + </main> + </div> + </div> +</div> +<div class="huge-vertical-spacer-at-the-bottom"></div> +</body> +</html> |
