summaryrefslogtreecommitdiff
diff refs
from: back
to: back
| flip
diff options
context:
space:
mode:
Diffstat
-rw-r--r--internal/lightgallery/html_renderer.go2
-rw-r--r--static/input.css46
-rw-r--r--static/output.css48
-rw-r--r--views/layouts/blog-page.html12
4 files changed, 19 insertions, 89 deletions
diff --git a/internal/lightgallery/html_renderer.go b/internal/lightgallery/html_renderer.go
index bd73eac..fb65b06 100644
--- a/internal/lightgallery/html_renderer.go
+++ b/internal/lightgallery/html_renderer.go
@@ -87,7 +87,7 @@ function createLightLibrary%s() {
closable: false,
showMaximizeIcon: true,
appendSubHtmlTo: ".lg-sub-html",
- isMobile: () => false,
+ isMobile: () => { return false; },
slideDelay: 0,
plugins: [lgZoom, lgThumbnail],
thumbWidth: 160,
diff --git a/static/input.css b/static/input.css
index e1dd950..c105d8f 100644
--- a/static/input.css
+++ b/static/input.css
@@ -124,21 +124,13 @@
background-size: 10vw;
}
-body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom {
- display: none !important;
-}
-
.mobile-topbar-custom {
width: 90vw;
- height: 8%;
- background-size: 16vh;
+ height: 10vh;
+ background-size: 20vh;
margin-left: 5vw;
}
-body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
- display: none !important;
-}
-
.logo-custom {
width: 3.5vw;
height: 20vw;
@@ -322,18 +314,10 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
.lg-backdrop {
background-color: var(--background-light-color);
- opacity: 0.8 !important;
-}
-
-.lg-container:not([class~="lg-inline"]) .lg-outer {
- width: 80%;
- height: 80%;
- margin: 10%;
}
.lg-thumb-outer {
background-color: var(--background-light-color) !important;
- opacity: 0.8 !important;
}
.lg-prev {
@@ -354,19 +338,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
height: 1vmax;
}
-.lg-container:not([class~="lg-inline"]) .lg-counter {
- font-size: 2vmax;
- height: 2vmax;
-}
-
-.lg-content {
- top: 3vmax !important;
-}
-
-.lg-container:not([class~="lg-inline"]) .lg-content {
- top: 4vmax !important;
-}
-
.lg-toolbar .lg-icon {
padding: 0 0.7vmax;
font-size: 1.5vmax !important;
@@ -375,11 +346,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
color: var(--main-dark-color);
}
-.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon {
- font-size: 3vmax !important;
- height: 3vmax;
-}
-
.lg-toolbar .lg-icon:hover {
color: var(--main-medium-color);
}
@@ -465,16 +431,16 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
}
.nav-icon-custom {
- font-size: 5vh !important;
+ font-size: 6vh !important;
-webkit-text-stroke: 0.1vh var(--sidebar-stroke-color);
- width: 8vh;
- height: 8vh;
+ width: 10vh;
+ height: 10vh;
align-content: center;
text-align: center;
}
.nav-icon-custom:hover {
- font-size: 7vh;
+ font-size: 8vh;
}
.bg-pattern-body {
diff --git a/static/output.css b/static/output.css
index da5e51b..b07fd94 100644
--- a/static/output.css
+++ b/static/output.css
@@ -181,9 +181,6 @@
.relative {
position: relative;
}
- .sticky {
- position: sticky;
- }
.z-0 {
z-index: 0;
}
@@ -244,18 +241,12 @@
.flex {
display: flex;
}
- .h-\[92vh\] {
- height: 92vh;
- }
.h-auto {
height: auto;
}
.h-screen {
height: 100vh;
}
- .max-h-\[80\%\] {
- max-height: 80%;
- }
.max-w-full {
max-width: 100%;
}
@@ -517,18 +508,12 @@
width: 5vw;
background-size: 10vw;
}
-body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom {
- display: none !important;
-}
.mobile-topbar-custom {
width: 90vw;
- height: 8%;
- background-size: 16vh;
+ height: 10vh;
+ background-size: 20vh;
margin-left: 5vw;
}
-body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
- display: none !important;
-}
.logo-custom {
width: 3.5vw;
height: 20vw;
@@ -668,16 +653,9 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
}
.lg-backdrop {
background-color: var(--background-light-color);
- opacity: 0.8 !important;
-}
-.lg-container:not([class~="lg-inline"]) .lg-outer {
- width: 80%;
- height: 80%;
- margin: 10%;
}
.lg-thumb-outer {
background-color: var(--background-light-color) !important;
- opacity: 0.8 !important;
}
.lg-prev {
background-color: var(--background-light-color);
@@ -694,16 +672,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
padding-top: 0;
height: 1vmax;
}
-.lg-container:not([class~="lg-inline"]) .lg-counter {
- font-size: 2vmax;
- height: 2vmax;
-}
-.lg-content {
- top: 3vmax !important;
-}
-.lg-container:not([class~="lg-inline"]) .lg-content {
- top: 4vmax !important;
-}
.lg-toolbar .lg-icon {
padding: 0 0.7vmax;
font-size: 1.5vmax !important;
@@ -711,10 +679,6 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
width: auto;
color: var(--main-dark-color);
}
-.lg-container:not([class~="lg-inline"]) .lg-toolbar .lg-icon {
- font-size: 3vmax !important;
- height: 3vmax;
-}
.lg-toolbar .lg-icon:hover {
color: var(--main-medium-color);
}
@@ -781,15 +745,15 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
display: none;
}
.nav-icon-custom {
- font-size: 5vh !important;
+ font-size: 6vh !important;
-webkit-text-stroke: 0.1vh var(--sidebar-stroke-color);
- width: 8vh;
- height: 8vh;
+ width: 10vh;
+ height: 10vh;
align-content: center;
text-align: center;
}
.nav-icon-custom:hover {
- font-size: 7vh;
+ font-size: 8vh;
}
.bg-pattern-body {
background-size: 10vh;
diff --git a/views/layouts/blog-page.html b/views/layouts/blog-page.html
index 427f33e..c52e0e4 100644
--- a/views/layouts/blog-page.html
+++ b/views/layouts/blog-page.html
@@ -24,7 +24,7 @@
</style>
</head>
-<body data-theme="night" class="font-spectral text-main-dark overflow-hidden bg-interlocked-hexagons h-screen flex">
+<body data-theme="olive" class="font-spectral text-main-dark overflow-hidden bg-interlocked-hexagons h-screen flex">
<script>
function switchTheme(theme) {
@@ -40,11 +40,11 @@
document.body.setAttribute('data-theme', theme);
}
- const savedTheme = localStorage.getItem('theme') || 'night';
+ const savedTheme = localStorage.getItem('theme') || 'olive';
switchTheme(savedTheme);
</script>
- <div class="desktop-sidebar-custom sticky bg-squares-and-triangles bg-repeat flex-col items-center shadow-2xl z-20 h-screen desktop">
+ <div class="desktop-sidebar-custom fixed bg-squares-and-triangles bg-repeat flex-col items-center shadow-2xl z-20 h-screen desktop">
<div class="logo-custom text-sidebar font-patua font-extrabold text-center relative z-20">
saya.today
</div>
@@ -56,7 +56,7 @@
</div>
</div>
- <div class="bg-background-dark z-10 h-screen desktop">
+ <div class="bg-background-dark z-10 h-screen desktop" style="padding-left: 5vw;">
<div class="border-left-custom bg-background-dark"></div>
<div class="content-square flex flex-col bg-background-dark relative mt-vmin1-6 mx-vmin1-6">
@@ -104,7 +104,7 @@
</div>
</div>
- <div class="bg-background-dark flex-row z-10 w-vw90 h-[92vh] mobile" style="margin-left: 5vw; margin-top: 8vh;">
+ <div class="bg-background-dark flex-row z-10 w-vw90 h-vh90 mobile" style="margin-left: 5vw; margin-top: 10vh;">
<div class="border-left-custom bg-background-dark"></div>
<div class="content-square flex flex-col bg-background-dark relative mt-vmin1-6 mx-vmin1-6">
@@ -116,7 +116,7 @@
</div>
<hr class="border-t-4 border-dotted border-main-dark mb-vmin0-8">
- <div class="bg-background-light flex flex-col overflow-y-auto inset-shadow p-vmin2-4 max-h-[80%]">
+ <div class="bg-background-light flex flex-col flex-1 overflow-y-auto inset-shadow p-vmin2-4">
{{ .ParsedMarkdownMobile }}
{{- if .MapLocationX }}
<hr class="border-t-4 border-dotted border-main-dark mt-vmin0-8 mb-vmin0-8 w-p80 ml-auto mr-auto">
generated by cgitext v1.3.1+17 (git 2.54.0) at 2026-10-06 03:57:52 +0000