107 lines
3.9 KiB
HTML
107 lines
3.9 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>{% block title %}{% endblock %}</title>
|
|
<meta name="viewport" content="width=400rem" />
|
|
<meta name="supported-color-schemes" content="light dark">
|
|
<link rel="stylesheet" href="/res/pico.min.css">
|
|
<link rel="stylesheet" href="/res/styles/base.css">
|
|
<style>
|
|
.people div {text-align:center;}
|
|
.people h3, .people p, .people h5 {margin:0;}
|
|
.people {grid-auto-flow:row;}
|
|
.people img {display:block;}
|
|
|
|
main {min-height: 30em;}
|
|
|
|
mark {background:#0f0;}
|
|
h1 img {max-height:1.4em;}
|
|
.notice {padding:0.8em;border-radius:3px;background:#e53935;color:#eee;}
|
|
.notice a {color:#eee;text-decoration:underline;}
|
|
.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));}}
|
|
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);}
|
|
}
|
|
|
|
nav {justify-content: normal;padding:0 0.5em;background:var(--card-background-color);}
|
|
nav a {display:inline-block;padding:0 0.6em;line-height:2em;margin:0;white-space:nowrap}
|
|
nav img {height:1.2em;display:inline;vertical-align:middle;box-sizing: border-box;}
|
|
nav {display:block;}
|
|
|
|
body .grid.people { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important }
|
|
.status {float:right;}
|
|
|
|
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;}
|
|
|
|
.tag {background:var(--primary);color:var(--contrast);font-size:0.8em;font-weight:600;padding:0.1em 0.3em;border-radius:3px;}
|
|
</style>
|
|
|
|
<!-- Matomo -->
|
|
<script>
|
|
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);
|
|
})();
|
|
</script>
|
|
<noscript><p><img src="https://y.foxo.me/matomo.php?idsite=2&rec=1" style="border:0;" alt="" /></p></noscript>
|
|
<!-- End Matomo Code -->
|
|
</head>
|
|
<body>
|
|
<nav id="topbar">
|
|
{% if order %}
|
|
<a href="/manage/welcome">Your Booking</a>
|
|
{% endif %}
|
|
<a href="/manage/nosecount">Nose Count</a>
|
|
<a href="/manage/fursuitcount">Fursuit Count</a>
|
|
{% if order %}
|
|
<a href="/manage/carpooling">Carpooling</a>
|
|
<a style="float:right;" href="/manage/logout">Logout</a>
|
|
<a style="float:right;color: #b1b1b1;">Logged in as <i>{{order.ans('fursona_name')}}</i></a>
|
|
{% endif %}
|
|
<br clear="both" />
|
|
</nav>
|
|
{% block main %}{% endblock %}
|
|
|
|
<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>
|
|
<footer>
|
|
Made in 🇮🇹 by <img src="/res/icons/silhouette.svg" class="icon" /> · <a href="/manage/privacy">Privacy</a>
|
|
</footer>
|
|
</body>
|
|
</html>
|