<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />
<meta name="description" content="A satire visual novel RPG with lots of wacky characters">
<meta itemprop="name" content="Elite School Roof Club">
<meta itemprop="description" content="A satire visual novel RPG with lots of wacky characters">
<meta itemprop="image" content="public/static/header.jpg">
<meta property="og:url" content="https://eliteroofschool.club">
<meta property="og:type" content="website">
<meta property="og:title" content="Elite School Roof Club">
<meta property="og:description" content="A satire visual novel RPG with lots of wacky characters">
<meta property="og:image" content="public/static/header.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Elite School Roof Club">
<meta name="twitter:description" content="A satire visual novel RPG with lots of wacky characters">
<meta name="twitter:image" content="public/static/header.jpg">
<meta name="description" content="A satire visual novel RPG with lots of wacky characters" />
<link rel="icon" href="/public/static/favicon.ico" type="image/x-icon" />
<meta name="author" content="Sean McGinty" />
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<title><%= title %> | Elite School Roof Club</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" as="style"
onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"></noscript>
<!-- Overlay Scrollbars-->
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.1/css/OverlayScrollbars.css"
as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.1/css/OverlayScrollbars.css"></noscript>
<!-- Custom CSS -->
<link rel="preload" href="/public/css/styles.css?v=0.0.1" as="style"
onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="/public/css/styles.css?v=0.0.1"></noscript>
<!-- Loader CSS -->
<style>#loader{width:100vw;height:100vh;background:#000;position:fixed;z-index:1031;top:0;left:0;display:flex;align-items:center;justify-content:center}.lds-dual-ring{display:inline-block;width:80px;height:80px}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} 
</style>
<div id="loader"><div class="lds-dual-ring"></div></div>
<script>
    $(window).on('load', function() {
        $('#loader').fadeOut('slow');
        $('html').addClass('loaded');
    });
</script>