summaryrefslogtreecommitdiff
path: root/views/index.html
diff options
from:
to:
context:
space:
mode:
authorGravatar SayaAndy <montferrat@tuta.io> 2025-08-03 17:00:42 +0700
committerGravatar SayaAndy <montferrat@tuta.io> 2025-08-03 17:00:42 +0700
commitcf7199ef78a132e2661df417174c2ced0411a828 (patch)
tree1cba5efcf63b3d59999d0aff311ea493885ccbc0 /views/index.html
parent2ebf45bfab8ec91d790c1581d5301442473ba9ef (diff)
downloadweb-cf7199ef78a132e2661df417174c2ced0411a828.tar.gz
web-cf7199ef78a132e2661df417174c2ced0411a828.zip
refactor: use tailwind classes wherever possible
Diffstat (limited to 'views/index.html')
-rw-r--r--views/index.html14
1 files changed, 7 insertions, 7 deletions
diff --git a/views/index.html b/views/index.html
index ce80db6..731def6 100644
--- a/views/index.html
+++ b/views/index.html
@@ -44,7 +44,7 @@
</style>
</head>
-<body data-theme="night" class="font-spectral text-main-dark text-vmax1-5 overflow-hidden bg-interlocked-hexagons h-screen flex flex-col">
+<body data-theme="night" class="font-spectral text-main-dark text-[1.5vmax] overflow-hidden bg-interlocked-hexagons h-screen flex flex-col">
<div class="absolute star z-0">*</div>
<div class="absolute star z-0">*</div>
@@ -91,21 +91,21 @@
</script>
<div class="menu-outer-body p-4 z-1 bg-background-dark flex flex-col mx-auto my-auto opacity-70">
- <p class="font-patua mx-auto text-vmax2-5 mt-vmin0-8 mb-vmin1-6">saya.today</p>
- <div class="menu-inner-body grow bg-background-light flex flex-col mx-auto mb-vmin1-6 overflow-y-auto opacity-100">
+ <p class="font-patua mx-auto text-[2.5vmax] mt-[0.8vmin] mb-[1.6vmin]">saya.today</p>
+ <div class="menu-inner-body grow bg-background-light flex flex-col mx-auto mb-[1.6vmin] overflow-y-auto opacity-100">
{{- range .BlogPages }}
<div class="m-2 flex flex-row justify-center justify-items-center gap-4">
- <img onclick="location.href='/blog/{{ .Link }}';" style="flex-grow: 0;" class="flex-1 cursor-pointer object-cover rounded-4xl select-none w-vmax4 h-vmax4" src="https://f003.backblazeb2.com/file/sayana-photos/thumbnails/{{ .Thumbnail }}.webp">
+ <img onclick="location.href='/blog/{{ .Link }}';" style="flex-grow: 0;" class="flex-1 cursor-pointer object-cover rounded-4xl select-none w-[4vmax] h-[4vmax]" src="https://f003.backblazeb2.com/file/sayana-photos/thumbnails/{{ .Thumbnail }}.webp">
<div class="flex-5 justify-self-center flex-col border-r-1 border-dashed border-opacity-50 border-main-medium">
<a href="/blog/{{ .Link }}" class="block font-extrabold">{{ .Title }}</a>
- <a href="/blog/{{ .Link }}" class="block italic text-vmax1 text-secondary">{{ .ActionDate }}</a>
+ <a href="/blog/{{ .Link }}" class="block italic text-[1vmax] text-secondary">{{ .ActionDate }}</a>
<p>{{ .ShortDescription }}</p>
</div>
<div class="flex-3 justify-self-center flex flex-col text-right">
- <p class="grow text-vmax1">
+ <p class="grow text-[1vmax]">
Тэги: {{ .Tags }}
</p>
- <p class="italic text-secondary text-vmax1">
+ <p class="italic text-secondary text-[1vmax]">
{{ .PublishedTime }}
</p>
</div>