From 165948da05ad8d4de73e9cf5e90fe41f9cb80990 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ondr=CC=8Cej=20Ny=CC=81vlt?= Date: Wed, 16 Aug 2023 19:41:55 +0200 Subject: [PATCH] WIP --- view/static/main.css | 91 ++++++++++++++++++++++++++++++++ view/templates/base.html | 11 +++- view/templates/index.html | 20 +++---- view/templates/parts/footer.html | 4 +- 4 files changed, 109 insertions(+), 17 deletions(-) diff --git a/view/static/main.css b/view/static/main.css index e69de29..a508865 100644 --- a/view/static/main.css +++ b/view/static/main.css @@ -0,0 +1,91 @@ +:root { + --border-color: hsl(0 0% 90%); + --accent-color: red; +} + +html { + box-sizing: border-box; + font-family: system-ui; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + +* { + margin: 0; +} + +body { + line-height: 1.5; +} + +img, +picture, +video, +canvas, +svg { + display: block; + max-width: 100%; +} + +input, +button, +textarea, +select { + font: inherit; +} + +p, +h1, +h2, +h3, +h4, +h5, +h6 { + overflow-wrap: break-word; +} + +body { + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: stretch; +} + +.footer { + margin-top: auto; + padding: 1.5rem 0; + margin-top: 1.5rem; + border-top: 1px solid var(--border-color); +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 0 2rem; +} + +table, +th, +tr, +td { + text-align: inherit; +} + +.pagination { + list-style-type: none; + padding: 0; + display: flex; +} + +.page-link { + display: block; + padding: 0.5em 1em; +} + +.page-item.active { + background-color: var(--accent-color); +} diff --git a/view/templates/base.html b/view/templates/base.html index 23bb11c..b3977e5 100644 --- a/view/templates/base.html +++ b/view/templates/base.html @@ -19,7 +19,16 @@ > - {% block body %}{% endblock %} +
+
+

+ Headliner +

+
+
+
+ {% block body %}{% endblock %} +
{% include 'parts/footer.html' %} diff --git a/view/templates/index.html b/view/templates/index.html index 79f3f0f..a9012d5 100644 --- a/view/templates/index.html +++ b/view/templates/index.html @@ -2,7 +2,7 @@ {% block body %}
-
+
- + >Hledat
@@ -42,11 +40,9 @@ {{ diff.diff_html|safe }} - {{ diff.title_orig|truncate(15) }} {{ diff.title_orig }} - {{ diff.title_new|truncate(15) }} {{ diff.title_new}} @@ -54,11 +50,7 @@
-
-
-
{{ pagination.links }}
-
{{ pagination.info }}
-
-
+ {{ pagination.links }} + {{ pagination.info }}
{% endblock body %} diff --git a/view/templates/parts/footer.html b/view/templates/parts/footer.html index 64bac23..604114a 100644 --- a/view/templates/parts/footer.html +++ b/view/templates/parts/footer.html @@ -1,5 +1,5 @@ -