You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
3.8 KiB
Django/Jinja
128 lines
3.8 KiB
Django/Jinja
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>kodos-{{ ansible_facts.user_id }}.codesignd.net</title>
|
|
<meta name="robots" content="noindex, nofollow">
|
|
|
|
<style>
|
|
/* Reset */
|
|
html {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*, *::before, *::after {
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
box-sizing: inherit;
|
|
|
|
text-decoration: none;
|
|
list-style: none;
|
|
border: none;
|
|
}
|
|
|
|
/* Container styling */
|
|
html {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
min-height: 100vh;
|
|
|
|
background: #efefef;
|
|
}
|
|
|
|
body {
|
|
min-width: 20rem;
|
|
|
|
background: #fff;
|
|
box-shadow: 0 0 10px #ddd;
|
|
}
|
|
|
|
@media (max-width: 25rem) {
|
|
html {
|
|
align-items: start;
|
|
|
|
background: initial;
|
|
}
|
|
|
|
body {
|
|
min-width: initial;
|
|
width: 100%;
|
|
padding-top: 1rem;
|
|
|
|
box-shadow: initial;
|
|
}
|
|
}
|
|
|
|
main {
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
footer {
|
|
border-top: 2px dotted #efefef;
|
|
padding: 1rem;
|
|
text-align: center;
|
|
}
|
|
|
|
/* General Typography */
|
|
:root {
|
|
font-family: system-ui, sans-serif;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.5rem;
|
|
font-weight: 600;
|
|
line-height: 1.2;
|
|
text-align: center;
|
|
}
|
|
|
|
h1 span {
|
|
font-size: 1.8rem;
|
|
|
|
display: block;
|
|
}
|
|
|
|
svg {
|
|
width: 8rem;
|
|
height: 8rem;
|
|
|
|
display: block;
|
|
margin: 0 auto 1rem;
|
|
}
|
|
|
|
.cog {
|
|
animation: rotate 30s linear infinite;
|
|
transform-origin: 50% 50%;
|
|
}
|
|
@keyframes rotate {
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: #ed8f1b;
|
|
}
|
|
footer a:not(:last-child) {
|
|
margin-right: 0.5em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<svg viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path class="cog" d="M475.28 853.557L408.45 999.43a503.966 503.966 0 0 1-78.883-21.084l15.057-159.725a354.034 354.034 0 0 1-42.828-24.777l-130.73 92.853a510.782 510.782 0 0 1-57.761-57.762l92.853-130.729a354.034 354.034 0 0 1-24.777-42.828L21.655 670.434A503.967 503.967 0 0 1 .57 591.55l145.872-66.831a359.603 359.603 0 0 1-.85-24.72c0-8.31.287-16.553.85-24.72L.57 408.45a503.966 503.966 0 0 1 21.084-78.883l159.725 15.057a354.034 354.034 0 0 1 24.777-42.828l-92.853-130.73a510.782 510.782 0 0 1 57.762-57.761l130.729 92.853a354.034 354.034 0 0 1 42.828-24.777L329.566 21.655A503.967 503.967 0 0 1 408.45.57l66.831 145.872a359.404 359.404 0 0 1 49.44 0L591.55.57a503.966 503.966 0 0 1 78.883 21.084L655.377 181.38a354.034 354.034 0 0 1 42.828 24.777l130.73-92.853a510.782 510.782 0 0 1 57.761 57.762l-92.853 130.729a354.034 354.034 0 0 1 24.777 42.828l159.725-15.057a503.967 503.967 0 0 1 21.084 78.883L853.557 475.28a359.404 359.404 0 0 1 0 49.44l145.873 66.83a503.966 503.966 0 0 1-21.084 78.883L818.62 655.377a354.034 354.034 0 0 1-24.777 42.828l92.853 130.73a510.782 510.782 0 0 1-57.762 57.761l-130.729-92.853a354.034 354.034 0 0 1-42.828 24.777l15.057 159.725a503.967 503.967 0 0 1-78.883 21.084L524.72 853.557a359.404 359.404 0 0 1-49.44 0zM787.356 500c0-158.703-128.653-287.356-287.356-287.356S212.644 341.297 212.644 500 341.297 787.356 500 787.356 787.356 658.703 787.356 500z" fill="#F4B971"/><path stroke="#0BB888" stroke-width="57.471" d="M500 346.743l132.724 76.629v153.256L500 653.257l-132.724-76.629V423.372z"/><circle stroke="#ED8F1B" stroke-width="118.774" cx="500.001" cy="500" r="318.008"/></g></svg>
|
|
<h1><span>kodos-{{ ansible_facts.user_id }}</span>.codesignd.net</h1>
|
|
</main>
|
|
|
|
<footer>
|
|
<a href="https://codesignd.com/contact">Contact</a>
|
|
<a href="https://codesignd.com/legal">Imprint</a>
|
|
</footer>
|
|
</body>
|
|
</html>
|