79 lines
2.2 KiB
HTML
79 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang='en'>
|
|
<head>
|
|
<meta charset='UTF-8'>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
|
|
<title>Event</title>
|
|
|
|
<link href='output.css' rel='stylesheet'>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/qs/6.11.0/qs.js"></script>
|
|
</head>
|
|
<body>
|
|
<header class='flex justify-between p-4 shadow-sm w-screen bg-white z-10'>
|
|
<div class='flex gap-6 items-center flex-wrap'>
|
|
<a href='/'>
|
|
<h1 class='text-3xl'>Trip Schedule</h1>
|
|
</a>
|
|
<nav>
|
|
<ul class='flex gap-4'>
|
|
<li><a href='/' class='hover:underline'>Home</a></li>
|
|
<li><a href='/uploads.html' class='hover:underline'>Uploads</a></li>
|
|
<li><a href='/admin' class='hover:underline'>Admin</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<div id='container' class='min-h-screen z-0 p-8 bg-gray-100'>
|
|
<div id='event' class='drop-shadow-md rounded-md p-4 bg-white relative'>
|
|
<div class='flex gap-4 items-center flex-wrap'>
|
|
<h2 class='event-name text-3xl'></h2>
|
|
<span class='event-type py-0.5 px-3 rounded my-2 inline-block'></span>
|
|
</div>
|
|
|
|
<div class='event-time-container my-4'>
|
|
<h3 class='text-2xl'>Times</h3>
|
|
<div class='event-start text-l'>
|
|
<span>Starts at: </span>
|
|
<span class='event-datetime'></span>
|
|
</div>
|
|
<div class='event-end text-l'>
|
|
<span>Ends at: </span>
|
|
<span class='event-datetime'></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='event-location-container my-4'>
|
|
<h3 class='text-2xl'>Location</h3>
|
|
<div class='event-location-start'>
|
|
<span>Start location: </span>
|
|
</div>
|
|
<div class='event-location-end'>
|
|
<span>End location: </span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='event-notes-container my-4'>
|
|
<h3 class='text-2xl'>Notes</h3>
|
|
<p class='event-notes'>
|
|
</p>
|
|
</div>
|
|
<div class='event-uploads-container my-4'>
|
|
<h3 class='text-2xl'>Uploads</h3>
|
|
<div class='event-uploads'>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src='single.js' type='module'></script>
|
|
</body>
|
|
</html>
|