diff options
| author | toufic ar <contact@toufy.me> | 2026-05-15 02:24:12 +0300 |
|---|---|---|
| committer | toufic ar <contact@toufy.me> | 2026-05-15 02:24:12 +0300 |
| commit | fda7315f43b02cfae3050ece68a4d7cb26a826b4 (patch) | |
| tree | def28890a3c92cd7c2cb53d01f8e76c74fe362e7 /web/templates/base.html | |
| parent | b36868f1fc3a6df0da4d931f94f3c39f1c50ee59 (diff) | |
| download | makeshiftci-fda7315f43b02cfae3050ece68a4d7cb26a826b4.tar.gz makeshiftci-fda7315f43b02cfae3050ece68a4d7cb26a826b4.zip | |
restructure webUI
Diffstat (limited to 'web/templates/base.html')
| -rw-r--r-- | web/templates/base.html | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/web/templates/base.html b/web/templates/base.html new file mode 100644 index 0000000..81d6a59 --- /dev/null +++ b/web/templates/base.html @@ -0,0 +1,74 @@ +<!doctype html> +<html lang="en"> + <head> + {% block head %} + <meta charset="utf-8" /> + <title>makeshiftci{% block title %}{% endblock %}</title> + <link + rel="shortcut icon" + href="/favicon.ico" + /> + {% endblock %} + <style + type="text/css" + media="all" + > + * { + margin: 0; + padding: 0; + } + html, + body { + height: 100%; + } + :root { + --primary: #de3163; + --secondary: #722f37; + --overlay: #f0ead6; + --blue: #0054b4; + --orange: #f94d00; + --green: #228b22; + --red: #ce2029; + --brown: #6f4e37; + @media (prefers-color-scheme: dark) { + --primary: #ffb7c5; + --secondary: #ddadaf; + --overlay: #534b4f; + --blue: #73c2fb; + --orange: #f28500; + --green: #85bb65; + --red: #e66771; + --brown: #c19a6b; + } + .heading { + top: 0; + left: 0; + position: sticky; + padding: 10px; + background-color: var(--overlay); + color: var(--primary); + } + .content-box { + display: flex; + flex-direction: column; + height: 100%; + } + a { + color: var(--primary); + } + color-scheme: light dark; + } + </style> + {% block extrastyle %}{% endblock %} + </head> + <body> + <div class="content-box"> + <div class="heading"> + <h1><a href="/">makeshiftci</a>{% block path %}{% endblock %}</h1> + {% block headingcontent %}{% endblock %} + </div> + {% block content %}{% endblock %} + </div> + </body> +</html> +<!-- vim: set filetype=jinja: --> |