diff options
| author | toufic ar <contact@toufy.me> | 2026-05-11 19:43:18 +0300 |
|---|---|---|
| committer | toufic ar <contact@toufy.me> | 2026-05-11 19:43:18 +0300 |
| commit | 1817d117d020318ba5fcd281708015eaad3f092c (patch) | |
| tree | d921291bbe95524eff1ff628591426e25541c0dc /templates/base.html | |
| parent | ebbdc72f0a4c9bcf38526520a7728221f05eaedb (diff) | |
| download | makeshiftci-1817d117d020318ba5fcd281708015eaad3f092c.tar.gz makeshiftci-1817d117d020318ba5fcd281708015eaad3f092c.zip | |
initial web UI
Diffstat (limited to 'templates/base.html')
| -rw-r--r-- | templates/base.html | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..81d6a59 --- /dev/null +++ b/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: --> |