benjaminramey/Twain
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix some things in oap theme layout

Browse Source
This commit is contained in:
Benjamin Ramey
2024-02-17 07:50:13 -06:00
parent 58a2c9ac71
commit 1af9d0c411
1 changed files with 72 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/Themes/OapTheme/Views/Layout.liquid
View File

@@ -2,87 +2,91 @@
<html lang="{{ Culture.Name }}"> <html lang="{{ Culture.Name }}">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{% page_title Site.SiteName, position: "before", separator: " - " %}</title> <title>{% page_title Site.SiteName, position: "before", separator: " - " %}</title>
{% resources type: "Meta" %} {% resources type: "Meta" %}
{% link type: "image/x-icon", rel: "shortcut icon", href: "~/OapTheme/assets/favicon.ico" %} {% link type: "image/x-icon", rel: "shortcut icon", href: "~/OapTheme/assets/favicon.ico" %}
{% style name: "oaptheme" %} {% style name: "oaptheme-styles" %}
{% resources type: "HeadLink" %} {% resources type: "HeadLink" %}
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<style type="text/tailwindcss"> <style type="text/tailwindcss">
div.richtext a { div.richtext a {
@apply text-blue-700 underline; @apply text-blue-700 underline;
} }
div.richtext ol, div.richtext ul {
@apply my-2 pl-8; div.richtext ol, div.richtext ul {
} @apply my-2 pl-8;
div.richtext ol li { }
@apply list-decimal my-1;
} div.richtext ol li {
div.richtext ul li { @apply list-decimal my-1;
@apply list-disc my-1; }
}
div.richtext p { div.richtext ul li {
@apply my-4; @apply list-disc my-1;
} }
div.richtext .red {
@apply text-red-500; div.richtext p {
} @apply my-4;
}
span.field-validation-error {
@apply text-sm text-red-600; div.richtext .red {
} @apply text-red-500;
</style> }
{% resources type: "Stylesheet" %}
{% resources type: "HeadScript" %} span.field-validation-error {
@apply text-sm text-red-600;
}
</style>
{% resources type: "Stylesheet" %}
{% resources type: "HeadScript" %}
</head> </head>
<body dir="{{ Culture.Dir }}"> <body dir="{{ Culture.Dir }}">
<header> <header>
<div class="container"> <div class="container">
<div class="d-flex justify-content-between align-item-center"> <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"> <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" <img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar"
width="40" height="40" /> width="40" height="40" />
<span class="ms-2">{{ Site.SiteName }}</span> <span class="ms-2">{{ Site.SiteName }}</span>
</a> </a>
<div class="d-none d-sm-flex flex-column justify-content-around ms-2"> <div class="d-none d-sm-flex flex-column justify-content-around ms-2">
<small>{{ Site.Tagline }}</small> <small>{{ Site.Tagline }}</small>
</div> </div>
</div> </div>
</div> </div>
</header> </header>
<main class="container mx-auto flex flex-col max-w-screen-md p-6"> <main class="container mx-auto flex flex-col max-w-screen-md p-6">
{% render_body %} {% render_body %}
</main> </main>
<footer class="container mx-auto flex flex-row max-w-screen-md p-6"> <footer class="container mx-auto flex flex-row max-w-screen-md p-6">
{% assign year = "now" | date: "%Y" %} {% assign year = "now" | date: "%Y" %}
<span>&copy; <time dateTime="{{ year }}">{{ year }}</time> - Overseas Auto Protection - All rights reserved.</span> <span>&copy; <time dateTime="{{ year }}">{{ year }}</time> - Overseas Auto Protection - All rights reserved.</span>
</footer> </footer>
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<hr /> <hr />
<small> <small>
&copy; &copy;
{% assign year = "now" | date: "%Y" %} {% assign year = "now" | date: "%Y" %}
<time dateTime="{{ year }}">{{ year }}</time> <time dateTime="{{ year }}">{{ year }}</time>
All rights reserved. All rights reserved.
</small> </small>
</div> </div>
</footer> </footer>
{% resources type: "FootScript" %} {% resources type: "FootScript" %}
</body> </body>
</head>
</html> </html>