Diffstat (limited to 'views/index.html')
| -rw-r--r-- | views/index.html | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/views/index.html b/views/index.html index 6d4bc2f..ce80db6 100644 --- a/views/index.html +++ b/views/index.html @@ -21,6 +21,10 @@ } @media (max-aspect-ratio: 1.2/1) { + .menu-outer-body { + border-radius: 5%; + } + .menu-inner-body { width: 92.5%; } @@ -30,6 +34,7 @@ .menu-outer-body { width: 100vw; height: 80vh; + border-radius: 0; } .menu-inner-body { @@ -90,7 +95,7 @@ <div class="menu-inner-body grow bg-background-light flex flex-col mx-auto mb-vmin1-6 overflow-y-auto opacity-100"> {{- range .BlogPages }} <div class="m-2 flex flex-row justify-center justify-items-center gap-4"> - <img style="flex-grow: 0;" class="flex-1 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-vmax4 h-vmax4" 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> |