static deps
This commit is contained in:
parent
173a903e78
commit
d4d0f21f7d
|
|
@ -1 +0,0 @@
|
|||
Subproject commit e027a9f53a602127925ca6e6bd7c9fe825f2a04e
|
||||
|
|
@ -0,0 +1,171 @@
|
|||
/*
|
||||
* GENERAL
|
||||
*/
|
||||
:root {
|
||||
--s0: 1px;
|
||||
--s1: 2px;
|
||||
--s2: 4px;
|
||||
--s3: 8px;
|
||||
--s4: 16px;
|
||||
}
|
||||
html {
|
||||
font-family: monospace;
|
||||
font-size: 16px;
|
||||
line-height: calc(1em + var(--spacing-2));
|
||||
}
|
||||
body {
|
||||
min-height: 100vh;
|
||||
max-width: 100%;
|
||||
background-color: black;
|
||||
color: #eceff4;
|
||||
margin: 0;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
main {
|
||||
border: 1px solid white;
|
||||
padding: var(--s3);
|
||||
max-width: calc(100% - 2*var(--s3) - 2*var(--s0));
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--s4);
|
||||
|
||||
}
|
||||
|
||||
.watermark {
|
||||
position: fixed;
|
||||
right: 0.25rem;
|
||||
bottom: 0.25rem;
|
||||
filter: invert();
|
||||
height: 1em;
|
||||
color: white;
|
||||
}
|
||||
.watermark img {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/*
|
||||
* LAYOUT
|
||||
*/
|
||||
.container {
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.container {
|
||||
max-width: 540px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
max-width: 720px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.container {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1140px;
|
||||
}
|
||||
}
|
||||
|
||||
.centered {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*
|
||||
* TYPOGRAPHY
|
||||
*/
|
||||
h1,h2,h3,h4,h5,h6,p {
|
||||
margin: 0;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
h5 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
h6 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
small {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/*
|
||||
* COMPONENTS
|
||||
*/
|
||||
pre {
|
||||
border-width: var(--s0) var(--s0) var(--s0) var(--s2);
|
||||
border-color: #e5e9f0;
|
||||
border-style: solid;
|
||||
padding-left: var(--s1);
|
||||
font-size: 0.8rem;
|
||||
overflow-x: auto;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
article {
|
||||
border: var(--s0) solid #e5e9f0;
|
||||
padding: var(--s3);
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: white;
|
||||
color: black;
|
||||
border: 1px solid white;
|
||||
font-weight: bold;
|
||||
padding: 0.5em;
|
||||
font-size: 1.1em;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
button:active, input[type="file"]::file-selector-button:active {
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/*
|
||||
* Form
|
||||
*/
|
||||
form{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--s3);
|
||||
}
|
||||
|
||||
input[type="file"] {
|
||||
display: block;
|
||||
border: 1px solid white;
|
||||
font-weight: bold;
|
||||
width: calc(100% - 2px);
|
||||
cursor: pointer;
|
||||
}
|
||||
input[type="file"]::file-selector-button {
|
||||
background-color: white;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
padding: 0.5em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="34mm"
|
||||
height="15mm"
|
||||
viewBox="0 0 34 15"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="zettoIT_new.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
inkscape:zoom="3.659624"
|
||||
inkscape:cx="94.95511"
|
||||
inkscape:cy="25.002569"
|
||||
inkscape:window-width="1916"
|
||||
inkscape:window-height="2110"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1">
|
||||
<inkscape:grid
|
||||
type="xygrid"
|
||||
id="grid4316"
|
||||
empspacing="4"
|
||||
originx="0"
|
||||
originy="0" />
|
||||
</sodipodi:namedview>
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Ebene 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
|
||||
d="M 1.0583328,3.175 H 17.991667 l -1e-6,-2.1166667 h 2.116667 V 3.175 h 2.116666 l -1e-6,-2.1166667 h 2.116667 V 3.175 h 2.116667 6.35 v 10.583333 h -6.35 V 6.35 l 2.116666,-10e-8 10e-7,5.2916661 h 2.116666 V 5.2916666 h -6.35 v 8.4666664 h -2.116667 l 1e-6,-8.4666664 h -2.116666 v 8.4666664 h -2.116667 l 1e-6,-8.4666664 -6.350001,-2e-7 v 2.1166667 l 3.175,2e-7 v 2.116667 c -2.245125,-3e-6 -1.763889,0 -3.175,0 v 2.1166657 h 4.233333 v 2.116667 H 9.5249988 V 5.2916664 l -8.466666,2e-7 z"
|
||||
id="path13059"
|
||||
sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccc" />
|
||||
<path
|
||||
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 1.0583328,11.641666 v 2.116667 h 6.35 V 11.641666 H 3.1749995 L 5.2916662,6.35 l -2.1166667,-10e-8 c 0,0 -2.1166667,5.2916661 -2.1166667,5.2916661 z"
|
||||
id="path13061"
|
||||
sodipodi:nodetypes="cccccccc" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
|
|
@ -3,7 +3,8 @@
|
|||
<head>
|
||||
<title>zettoIT ARS</title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="/static/zettoit-style/zettoit.css">
|
||||
<link rel="stylesheet" href="/static/zettoit.css">
|
||||
<link rel="icon" type="image/svg" href="/static/zettoit.svg"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -39,7 +40,7 @@ correct = 0
|
|||
</button>
|
||||
</form>
|
||||
</main>
|
||||
<a class="watermark" href="https://git2.zettoit.eu/zettoit"><img src="/static/zettoit-style/zettoit.svg" alt="zettoIT Logo"></a>
|
||||
<a class="watermark" href="https://git2.zettoit.eu/zettoit"><img src="/static/zettoit.svg" alt="zettoIT Logo"></a>
|
||||
<script src="/static/htmx.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,8 @@
|
|||
<head>
|
||||
<title>zettoIT ARS</title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="/static/zettoit-style/zettoit.css">
|
||||
<link rel="stylesheet" href="/static/zettoit.css">
|
||||
<link rel="icon" type="image/svg" href="/static/zettoit.svg"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -24,7 +25,7 @@
|
|||
|
||||
<% if !htmx { %>
|
||||
</main>
|
||||
<a class="watermark" href="https://git2.zettoit.eu/zettoit"><img src="/static/zettoit-style/zettoit.svg" alt="zettoIT Logo"></a>
|
||||
<a class="watermark" href="https://git2.zettoit.eu/zettoit"><img src="/static/zettoit.svg" alt="zettoIT Logo"></a>
|
||||
<script src="/static/htmx.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,8 @@
|
|||
<head>
|
||||
<title>zettoIT ARS</title>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="/static/zettoit-style/zettoit.css">
|
||||
<link rel="stylesheet" href="/static/zettoit.css">
|
||||
<link rel="icon" type="image/svg" href="/static/zettoit.svg"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
.qrcode svg{
|
||||
|
|
@ -45,7 +46,7 @@
|
|||
<% } %>
|
||||
<% if !htmx { %>
|
||||
</main>
|
||||
<a class="watermark" href="https://git2.zettoit.eu/zettoit"><img src="/static/zettoit-style/zettoit.svg" alt="zettoIT Logo"></a>
|
||||
<a class="watermark" href="https://git2.zettoit.eu/zettoit"><img src="/static/zettoit.svg" alt="zettoIT Logo"></a>
|
||||
<script src="/static/htmx.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue