<!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"> <style> .propic-container {max-width:6em;margin:0 auto;} .propic-container img {display:block;} .propic {width:100%;border-radius:0.4em;margin:0 auto;border:4px solid #546e7a;} .propic-flag {max-width:2em;margin-top:-1em;margin-left:auto;transform:translateX(0.7em);margin-right:0em;border-radius:2px;} .propic-super {border:4px solid #fb8c00;} .propic-normal {border:4px solid #8e24aa;} .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>