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 }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta charset="utf-8">
<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" %}
<script src="https://cdn.tailwindcss.com"></script>
<style type="text/tailwindcss">
div.richtext a {
@apply text-blue-700 underline;
}
div.richtext ol, div.richtext ul {
@apply my-2 pl-8;
}
div.richtext ol li {
@apply list-decimal my-1;
}
div.richtext ul li {
@apply list-disc my-1;
}
div.richtext p {
@apply my-4;
}
div.richtext .red {
@apply text-red-500;
}
span.field-validation-error {
@apply text-sm text-red-600;
}
</style>
{% resources type: "Stylesheet" %}
{% resources type: "HeadScript" %}
{% resources type: "HeadLink" %}
<script src="https://cdn.tailwindcss.com"></script>
<style type="text/tailwindcss">
div.richtext a {
@apply text-blue-700 underline;
}
div.richtext ol, div.richtext ul {
@apply my-2 pl-8;
}
div.richtext ol li {
@apply list-decimal my-1;
}
div.richtext ul li {
@apply list-disc my-1;
}
div.richtext p {
@apply my-4;
}
div.richtext .red {
@apply text-red-500;
}
span.field-validation-error {
@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>
</header>
<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>
</header>
<main class="container mx-auto flex flex-col max-w-screen-md p-6">
{% render_body %}
</main>
<main class="container mx-auto flex flex-col max-w-screen-md p-6">
{% render_body %}
</main>
<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="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>
</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>
</footer>
{% resources type: "FootScript" %}
{% resources type: "FootScript" %}
</body>
</head>
</html>