Styling updates
This commit is contained in:
@@ -7,7 +7,11 @@
|
|||||||
<script src="/script.js" defer></script>
|
<script src="/script.js" defer></script>
|
||||||
<script>
|
<script>
|
||||||
const handleThemeChange = () => {
|
const handleThemeChange = () => {
|
||||||
const theme = localStorage.getItem("theme");
|
let theme = localStorage.getItem("theme");
|
||||||
|
if (theme === null) {
|
||||||
|
localStorage.setItem("theme", "system");
|
||||||
|
theme = "system";
|
||||||
|
}
|
||||||
if (
|
if (
|
||||||
theme === "dark" ||
|
theme === "dark" ||
|
||||||
(theme === "system" &&
|
(theme === "system" &&
|
||||||
@@ -306,44 +310,31 @@
|
|||||||
|
|
||||||
<main class="flex flex-col space-y-3">
|
<main class="flex flex-col space-y-3">
|
||||||
{{ if not .Success}}
|
{{ if not .Success}}
|
||||||
<h1
|
<h1>
|
||||||
class="text-3xl sm:text-4xl font-extrabold text-slate-900 tracking-tight dark:text-slate-200"
|
|
||||||
>
|
|
||||||
Error
|
Error
|
||||||
</h1>
|
</h1>
|
||||||
<p
|
<p>
|
||||||
class="leading-7 [&:not(:first-child)]:mt-6 text-slate-900 dark:text-slate-200"
|
|
||||||
>
|
|
||||||
There was a problem querying
|
There was a problem querying
|
||||||
<a
|
<a href="{{ .Params }}">{{ .Params }}</a>
|
||||||
href="{{ .Params }}"
|
|
||||||
class="hover:text-blue-500 hover:underline underline-offset-2 transition-colors duration-300"
|
|
||||||
>{{ .Params }}</a
|
|
||||||
>
|
|
||||||
</p>
|
</p>
|
||||||
<code
|
<code class="text-red-500 dark:text-red-400">
|
||||||
class="m-auto text-red-500 dark:text-red-400 relative rounded bg-slate-200 dark:bg-slate-800 px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold"
|
{{ .Error }}
|
||||||
>
|
|
||||||
{{ .Type }}: {{ .Message }}
|
|
||||||
<div class="my-2">Cause:</div>
|
|
||||||
{{ .Cause }}
|
|
||||||
</code>
|
</code>
|
||||||
{{else}}
|
{{else}}
|
||||||
<div class="flex flex-col gap-1 mt-3">
|
<div class="flex flex-col gap-1 mt-3">
|
||||||
<h1
|
<h1>
|
||||||
class="text-3xl sm:text-4xl font-extrabold text-slate-900 tracking-tight dark:text-slate-200"
|
<a href="{{ .Url }}" class="text-slate-900 dark:text-slate-200"> {{ .Title }} </a>
|
||||||
>
|
|
||||||
<a href="{{.Url}}"> {{.Title}} </a>
|
|
||||||
</h1>
|
</h1>
|
||||||
{{ if ne .Date "" }}
|
{{ if ne .Date "" }}
|
||||||
<small
|
<small
|
||||||
class="text-sm font-medium leading-none text-slate-600 dark:text-slate-400"
|
class="text-sm font-medium leading-none text-slate-600 dark:text-slate-400"
|
||||||
>{{.date}}</small
|
>{{ .Date }}</small
|
||||||
>
|
>
|
||||||
{{ end }} {{ if ne .Author "" }}
|
{{ end }}
|
||||||
|
{{ if ne .Author "" }}
|
||||||
<small
|
<small
|
||||||
class="text-sm font-medium leading-none text-slate-600 dark:text-slate-400"
|
class="text-sm font-medium leading-none text-slate-600 dark:text-slate-400"
|
||||||
>{{.Author}}</small
|
>{{ .Author }}</small
|
||||||
>
|
>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
@@ -351,15 +342,13 @@
|
|||||||
<div class="flex flex-col space-y-3">
|
<div class="flex flex-col space-y-3">
|
||||||
<div>
|
<div>
|
||||||
<div class="grid grid-cols-1 justify-items-center">
|
<div class="grid grid-cols-1 justify-items-center">
|
||||||
<div><img src="{{.Image}}"/></div>
|
<div><img src="{{ .Image }}" alt="{{ .Description }}" class="h-auto w-auto object-cover max-w-full mx-auto rounded-md shadow-md dark:shadow-slate-700"/></div>
|
||||||
<div class="text-xs text-gray-800">{{.Description}}</div>
|
<div class="text-xs text-gray-800">{{ .Description }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>{{ .Body }}</div>
|
<div>{{ .Body }}</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<!-- Trick Tailwind into compiling these styles into styles.css -->
|
|
||||||
<!-- <div class="hidden text-xs text-sm text-base text-xl text-2xl text-3xl text-4xl sm:text-3xl sm:text-4xl sm:text-5xl"></div> -->
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<div class="my-2"></div>
|
<div class="my-2"></div>
|
||||||
|
|||||||
Reference in New Issue
Block a user