matt/summer-dci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add nav bar and fix spacing issues

Browse Source
This commit is contained in:
matt
2022-07-25 22:04:54 +00:00
parent 4f20c073cc
commit 91d16ced01
2 changed files with 28 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
public/index.html
View File

@@ -16,13 +16,22 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/qs/6.11.0/qs.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/qs/6.11.0/qs.js"></script>
</head> </head>
<body> <body>
<header class='fixed flex justify-between p-4 shadow-sm w-screen bg-white z-10'> <header class='flex justify-between p-4 shadow-sm w-screen bg-white z-10'>
<a href='/'> <div class='flex gap-6 items-center flex-wrap'>
<h1 class='text-3xl'>Trip Schedule</h1> <a href='/'>
</a> <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> </header>
<div id='container' class='min-h-screen z-0 p-8 pt-16 bg-gray-100'> <div id='container' class='min-h-screen z-0 p-8 bg-gray-100'>
</div> </div>
<template id='events-container'> <template id='events-container'>

19
public/single.html
View File

@@ -16,13 +16,22 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/qs/6.11.0/qs.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/qs/6.11.0/qs.js"></script>
</head> </head>
<body> <body>
<header class='fixed flex justify-between p-4 shadow-sm w-screen bg-white z-10'> <header class='flex justify-between p-4 shadow-sm w-screen bg-white z-10'>
<a href='/'> <div class='flex gap-6 items-center flex-wrap'>
<h1 class='text-3xl'>Trip Schedule</h1> <a href='/'>
</a> <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> </header>
<div id='container' class='min-h-screen z-0 p-8 pt-20 bg-gray-100'> <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 id='event' class='drop-shadow-md rounded-md p-4 bg-white relative'>
<div class='flex gap-4 items-center flex-wrap'> <div class='flex gap-4 items-center flex-wrap'>
<h2 class='event-name text-3xl'></h2> <h2 class='event-name text-3xl'></h2>