2022-12-18 16:40:39 +00:00
<!doctype html>
< html >
< head >
< meta charset = "utf-8" / >
< title > {% block title %}{% endblock %}< / title >
2023-01-08 20:23:52 +00:00
< meta name = "viewport" content = "width=400rem" / >
< meta name = "supported-color-schemes" content = "light dark" >
2022-12-18 17:19:30 +00:00
< link rel = "stylesheet" href = "/res/pico.min.css" >
2024-01-03 16:18:31 +00:00
< link rel = "stylesheet" href = "/res/styles/base.css" >
2024-01-08 21:02:27 +00:00
< link rel = "icon" type = "image/x-icon" href = "/res/icons/favicon.ico" >
2022-12-18 16:40:39 +00:00
< style >
.people div {text-align:center;}
2023-01-08 20:23:52 +00:00
.people h3, .people p, .people h5 {margin:0;}
2022-12-19 21:08:33 +00:00
.people {grid-auto-flow:row;}
2023-01-08 20:23:52 +00:00
.people img {display:block;}
2023-02-02 21:48:40 +00:00
main {min-height: 30em;}
2022-12-18 16:40:39 +00:00
mark {background:#0f0;}
h1 img {max-height:1.4em;}
.notice {padding:0.8em;border-radius:3px;background:#e53935;color:#eee;}
2022-12-21 19:58:54 +00:00
.notice a {color:#eee;text-decoration:underline;}
2022-12-19 21:08:33 +00:00
.container {max-width:40em;padding:1em;box-sizing:border-box;}
td > a[role=button] {padding: 0.3em 0.7em;}
td {padding-left: 0.2em;padding-right: 0.2em;}
a[role=button] {margin: 0.25em 0;}
td > input[type=file] {margin:0;padding:0;}
section {margin-bottom:3em;}
@media (min-width: 500px) {body .grid {grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));}}
2023-01-08 20:23:52 +00:00
details {margin-bottom:0;}
header img {display:block;margin: 0 auto;}
summary[role=button] {background:var(--primary-focus);color:var(--contrast);}
summary img, td img {height:1.2em;width:2em;box-sizing: border-box;}
@media only screen and (prefers-color-scheme: dark) {
.icon {filter: invert(1);}
}
2023-02-02 21:48:40 +00:00
nav {justify-content: normal;padding:0 0.5em;background:var(--card-background-color);}
2023-05-11 22:12:43 +00:00
nav a {display:inline-block;padding:0 0.6em;line-height:2em;margin:0;white-space:nowrap}
2023-02-02 21:48:40 +00:00
nav img {height:1.2em;display:inline;vertical-align:middle;box-sizing: border-box;}
2023-05-11 22:12:43 +00:00
nav {display:block;}
2023-01-08 20:23:52 +00:00
body .grid.people { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important }
.status {float:right;}
2023-02-02 21:48:40 +00:00
footer {opacity:0.4;margin:0;padding:0;max-width:40em;text-align:center;transition:opacity .4s;}
footer:hover {opacity:1;}
footer img {height:1.3em;}
2023-02-15 21:38:22 +00:00
.tag {background:var(--primary);color:var(--contrast);font-size:0.8em;font-weight:600;padding:0.1em 0.3em;border-radius:3px;}
2024-01-04 11:14:43 +00:00
2024-01-10 13:04:04 +00:00
.grid_2x2 {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
}
2024-01-04 11:14:43 +00:00
.rainbow-text {
2024-01-04 12:38:41 +00:00
background-image: repeating-linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff);
2024-01-04 11:14:43 +00:00
text-align: center;
2024-01-04 12:38:41 +00:00
background-size: 2000% 2000%;
2024-01-04 11:14:43 +00:00
color: transparent;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: rainbow 4s linear infinite;
}
@keyframes rainbow {
0%{background-position:0% 0%}
2024-01-04 12:38:41 +00:00
100%{background-position:57.75% 0%}
2024-01-04 11:14:43 +00:00
}
2022-12-18 16:40:39 +00:00
< / style >
2023-01-17 21:34:05 +00:00
<!-- Matomo -->
< script >
2023-01-17 21:51:27 +00:00
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setCampaignNameKey", "private_area"]);
{% if order %}
_paq.push(['setUserId', '{{order.code}}']);
{% endif %}
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://y.foxo.me/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '2']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
2023-01-17 21:34:05 +00:00
< / script >
< noscript > < p > < img src = "https://y.foxo.me/matomo.php?idsite=2&rec=1" style = "border:0;" alt = "" / > < / p > < / noscript >
<!-- End Matomo Code -->
2022-12-18 16:40:39 +00:00
< / head >
< body >
2023-01-08 20:23:52 +00:00
< nav id = "topbar" >
{% if order %}
< a href = "/manage/welcome" > Your Booking< / a >
{% endif %}
< a href = "/manage/nosecount" > Nose Count< / a >
2023-12-30 10:27:42 +00:00
< a href = "/manage/fursuitcount" > Fursuit Count< / a >
2024-01-04 11:14:43 +00:00
< a href = "/manage/sponsorcount" class = "rainbow-text" > Sponsor Count< / a >
2023-01-17 21:51:27 +00:00
{% if order %}
2023-05-08 21:04:15 +00:00
< a href = "/manage/carpooling" > Carpooling< / a >
2023-01-17 21:51:27 +00:00
< a style = "float:right;" href = "/manage/logout" > Logout< / a >
2024-01-08 21:02:27 +00:00
{% if order.isAdmin() %}< a style = "float:right;" href = "/manage/admin" > Admin panel< / a > {% endif %}
2023-12-30 10:27:42 +00:00
< a style = "float:right;color: #b1b1b1;" > Logged in as < i > {{order.ans('fursona_name')}}< / i > < / a >
2023-01-17 21:51:27 +00:00
{% endif %}
2023-05-11 22:12:43 +00:00
< br clear = "both" / >
2023-01-08 20:23:52 +00:00
< / nav >
2022-12-18 16:40:39 +00:00
{% block main %}{% endblock %}
2023-01-08 20:23:52 +00:00
< script type = "text/javascript" >
document.addEventListener("DOMContentLoaded", function(event) {
var anchor = window.location.hash;
if (anchor) {
var element = document.querySelector(anchor);
if (element & & element.tagName === "DETAILS") {
element.setAttribute("open", "");
}
}
});
< / script >
2023-02-02 21:48:40 +00:00
< footer >
2024-01-11 17:44:48 +00:00
Made in 🇮🇹 by < a href = "https://lab.foxo.me" > < img src = "/res/icons/silhouette.svg" class = "icon" / > < / a > and maintained by < a href = "https://twitter.com/stranckV2" > Stranck< / a > and < a href = "https://about.woffo.ovh/" > DrewThaWoof< / a > < br > < a href = "/manage/privacy" > Privacy< / a >
2023-02-02 21:48:40 +00:00
< / footer >
2022-12-18 16:40:39 +00:00
< / body >
< / html >