44 lines
1.1 KiB
HTML
44 lines
1.1 KiB
HTML
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<style>
|
|
@import url("https://styles.alv.cx/colors/gruvbox.css");
|
|
@import url("https://styles.alv.cx/base.css");
|
|
|
|
:root {
|
|
--colorscheme-dark: #000;
|
|
--fg: var(--colorscheme-light);
|
|
--fg-lc: var(--colorscheme-light-darker);
|
|
--bg: var(--colorscheme-dark);
|
|
--bg-lc: var(--colorscheme-dark-lighter);
|
|
}
|
|
|
|
|
|
.messagetypeinfo { background-color: var(--blue); }
|
|
.messagetypeerror { background-color: var(--red); }
|
|
.messagetypewarning { background-color: var(--yellow); }
|
|
|
|
input, select {
|
|
background-color: var(--colorscheme-light);
|
|
color: var(--colorscheme-dark);
|
|
padding: 0.5em;
|
|
border: 0.1em solid var(--colorscheme-dark);
|
|
border-radius: 0.3em;
|
|
}
|
|
|
|
a, a:visited {
|
|
color: #1db954;
|
|
}
|
|
|
|
#message { padding: 1em; }
|
|
</style>
|
|
<title>{% block title %}{% endblock %}</title>
|
|
{% block extrahead %}{% endblock %}
|
|
</head>
|
|
<body>
|
|
<p class="messagetype{{message['type']}}"id="message">{{message['text']}}</p>
|
|
{% block body %}
|
|
{% endblock %}
|
|
<p> built with ❤ by <a href="https://alv.cx">alv</a></p>
|
|
</body>
|
|
|