Fix some layout things

This commit is contained in:
2024-02-18 20:53:38 -06:00
parent 1af9d0c411
commit 5f815b73d2
4 changed files with 19 additions and 34 deletions

View File

@@ -34,7 +34,8 @@
</div>
</header>
{% shape "menu", alias: "alias:main", cache_id: "main-menu", cache_fixed_duration: "00:05:00", cache_tag: "alias:main" %}
{% shape "menu", alias: "alias:main", cache_id: "main-menu", cache_fixed_duration: "00:05:00", cache_tag: "alias:main"
%}
<main>
<div class="container">
@@ -56,6 +57,5 @@
{% resources type: "FootScript" %}
</body>
</head>
</html>
</html>

View File

@@ -14,6 +14,7 @@
{% style name: "oaptheme-styles" %}
{% resources type: "HeadLink" %}
<script src="https://cdn.tailwindcss.com"></script>
<style type="text/tailwindcss">
div.richtext a {
@@ -44,24 +45,14 @@
@apply text-sm text-red-600;
}
</style>
{% resources type: "Stylesheet" %}
{% resources type: "HeadScript" %}
</head>
<body dir="{{ Culture.Dir }}">
<header>
<div class="container">
<div class="d-flex justify-content-between align-item-center">
<a href="/" class="d-flex justify-content-start align-items-center me-2 text-decoration-none" title="Home">
<img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar"
width="40" height="40" />
<span class="ms-2">{{ Site.SiteName }}</span>
</a>
<div class="d-none d-sm-flex flex-column justify-content-around ms-2">
<small>{{ Site.Tagline }}</small>
</div>
</div>
</div>
here is the header
</header>
<main class="container mx-auto flex flex-col max-w-screen-md p-6">
@@ -70,23 +61,11 @@
<footer class="container mx-auto flex flex-row max-w-screen-md p-6">
{% assign year = "now" | date: "%Y" %}
<span>&copy; <time dateTime="{{ year }}">{{ year }}</time> - Overseas Auto Protection - All rights reserved.</span>
</footer>
<footer class="footer">
<div class="container">
<hr />
<small>
&copy;
{% assign year = "now" | date: "%Y" %}
<time dateTime="{{ year }}">{{ year }}</time>
All rights reserved.
</small>
</div>
<span>&copy; <time dateTime="{{ year }}">{{ year }}</time> - Overseas Auto Protection - All rights
reserved.</span>
</footer>
{% resources type: "FootScript" %}
</body>
</html>
</html>

View File

@@ -1,4 +0,0 @@
<h1>Page Not Found</h1>
<p>
Page not found, sorry.
</p>

View File

@@ -0,0 +1,10 @@
<article class="page">
<h1 class="page-title">404 : Page not found</h1>
<p>
Sorry, we&apos;ve misplaced that URL or it&apos;s pointing to something that doesn&apos;t exist.
</p>
<p>
<a href="/">Head back home</a>
<span>to try finding it again.</span>
</p>
</article>