From 9c49207891dcd8b9b4249a5377750b4a0ec2fcc1 Mon Sep 17 00:00:00 2001 From: SayaAndy Date: Sun, 3 May 2026 15:44:14 +0700 Subject: feat: overhaul sidebar feat: attach desktop content to sidebar, leaving only right space open feat: update sidebar info on home page --- views/layouts/general-page.html | 212 ++++++++++++++++++++++++---------------- views/pages/global-map.html | 179 +++++++++++++++++++++------------ views/pages/home-page.html | 20 ++-- 3 files changed, 256 insertions(+), 155 deletions(-) (limited to 'views') diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html index 0bd3454..b435402 100644 --- a/views/layouts/general-page.html +++ b/views/layouts/general-page.html @@ -64,8 +64,58 @@ + + + @@ -80,7 +130,10 @@ newPathname = newPathname.replace(/\/[^\/]+$/, ""); path = path.slice(0, -3); } - const newPath = toAppend ? `${newPathname}${path}` : `${path}`; + newPath = toAppend ? `${newPathname}${path}` : `${path}`; + if (newPath.length == 0) { + newPath = "/"; + } history.pushState( {}, @@ -286,83 +339,76 @@ Intl.DateTimeFormat().resolvedOptions().timeZone; -
- -
-
+
@@ -574,7 +620,7 @@ - -- cgit v1.3.1+13 From bc52b4ea0efca1a444310f1750bff0542abf8102 Mon Sep 17 00:00:00 2001 From: SayaAndy Date: Sun, 3 May 2026 16:20:00 +0700 Subject: feat: accent button active property refactor: combine sidebar buttons' properties in accent-button class --- static/input.css | 38 ++++++++++++++++++++++++++++++++++++++ views/layouts/general-page.html | 38 ++++++++++++++++++++------------------ views/pages/global-map.html | 24 ++++++------------------ 3 files changed, 64 insertions(+), 36 deletions(-) (limited to 'views') diff --git a/static/input.css b/static/input.css index 04d68b7..b9fb166 100644 --- a/static/input.css +++ b/static/input.css @@ -568,6 +568,44 @@ form.crossable.htmx-request input { --border-size: 0.2rem; } +.accent-button, +.accent-button.active:active { + --tw-duration: 1500ms; + --tw-ease: var(--ease-in-out); + --tw-gradient-from: color-mix(in oklab, var(--color-accent-light) 10%, transparent); + --tw-gradient-position: from 225deg in oklab; + --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); + --tw-gradient-to: color-mix(in oklab, var(--color-accent-light) 10%, transparent); + --tw-gradient-via: transparent; + --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); + background-image: conic-gradient(var(--tw-gradient-stops)); + transition-duration: 1500ms; + transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; + transition-timing-function: var(--ease-in-out); +} + +.accent-button:hover, +.accent-button.active:active:hover { + cursor: pointer; + --tw-gradient-from: color-mix(in oklab, var(--color-accent-light) 50%, transparent); + --tw-gradient-to: color-mix(in oklab, var(--color-accent-light) 50%, transparent); +} + +.accent-button.active, +.accent-button:active { + --tw-gradient-from: color-mix(in oklab, var(--color-accent-dark) 30%, transparent); + --tw-gradient-position: from 45deg in oklab; + --tw-gradient-to: color-mix(in oklab, var(--color-accent-dark) 30%, transparent); + --tw-gradient-via: color-mix(in oklab, var(--color-accent-light) 50%, transparent); +} + +.accent-button.active:hover, +.accent-button:active:hover { + --tw-gradient-from: color-mix(in oklab, var(--color-accent-light) 70%, transparent); + --tw-gradient-to: color-mix(in oklab, var(--color-accent-light) 70%, transparent); + --tw-gradient-via: color-mix(in oklab, var(--color-accent-dark) 50%, transparent); +} + .custom-svg-marker { background: transparent; border: none; diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html index b435402..848c786 100644 --- a/views/layouts/general-page.html +++ b/views/layouts/general-page.html @@ -346,9 +346,7 @@ class="flex flex-row w-full h-24 md:flex-col md:w-24 md:h-full bg-paper bg-background shadow-elevation-6 z-2 shrink-0" >
Date: Sun, 3 May 2026 16:39:33 +0700 Subject: feat: overhaul like button --- views/partials/blog-page-like-button.html | 31 +++++++++++++++++++++++++++---- 1 file changed, 27 insertions(+), 4 deletions(-) (limited to 'views') diff --git a/views/partials/blog-page-like-button.html b/views/partials/blog-page-like-button.html index d8238f4..54b2914 100644 --- a/views/partials/blog-page-like-button.html +++ b/views/partials/blog-page-like-button.html @@ -1,5 +1,28 @@ \ No newline at end of file + class="accent-button rounded-xl flex flex-row shrink-0 w-fit h-full mx-2 my-auto{{ if .Liked }} active{{ end }}"> + {{ if .Liked }} + + + Like Hand 1 Streamline Icon: https://streamlinehq.com + + + + + + + + +
{{ .LikedCount }}
+ {{ else }} + + + Like Hand Streamline Icon: https://streamlinehq.com + + + + + + +
{{ .LikedCount }}
+ {{ end }} + -- cgit v1.3.1+13 From d409b1938973e31a1bdfe903fed973f396709ca2 Mon Sep 17 00:00:00 2001 From: SayaAndy Date: Sun, 3 May 2026 16:49:41 +0700 Subject: feat: replace fa icons on homepage with freehand feat: remove font-awesome embeds --- static/input.css | 8 -------- views/layouts/general-page.html | 12 ------------ views/pages/global-map.html | 12 ------------ views/pages/home-page.html | 24 +++++++++++++++++++++--- 4 files changed, 21 insertions(+), 35 deletions(-) (limited to 'views') diff --git a/static/input.css b/static/input.css index b9fb166..64d0588 100644 --- a/static/input.css +++ b/static/input.css @@ -72,14 +72,6 @@ html { background-size: --value([bg-size]), 128px; } -@utility faw-full { - --fa-width: 100%; -} - -@utility faw-* { - --fa-width: calc(--value(integer) * var(--spacing)); -} - body { scrollbar-width: thin; scrollbar-color: var(--color-background-light) var(--color-main-soft); diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html index 848c786..3920bdb 100644 --- a/views/layouts/general-page.html +++ b/views/layouts/general-page.html @@ -22,18 +22,6 @@ rel="stylesheet" href="{{ .StaticStorageBaseUrl }}/fonts/fonts.css" /> - - - - - - {{ block "header" . }}{{ end }} +
@@ -32,17 +50,17 @@ bg-linear-to-r from-background-dark to-background-light">{{ .L.HomePage.Contacts }}

 - + Telegram: @EarlInisMona - + Discord: montferrat - + E-mail: saya.andy@posteo.com -- cgit v1.3.1+13 From f5b3e8cc3cd4e26c327b00970173f5449e790282 Mon Sep 17 00:00:00 2001 From: SayaAndy Date: Sun, 3 May 2026 16:55:24 +0700 Subject: fix: always recalculate theme wheel size on opening --- views/layouts/general-page.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'views') diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html index 3920bdb..fb018e3 100644 --- a/views/layouts/general-page.html +++ b/views/layouts/general-page.html @@ -612,7 +612,6 @@ const themeWheel = document.getElementById("theme-wheel"); const themeButton = document.getElementById("sidebar-theme-button"); const themeIcons = document.querySelectorAll(".theme-icon"); - const themeWheelRadius = convertRemToPixels(6); themeIcons.forEach((icon) => { if (icon.getAttribute("data-theme") == savedTheme) { @@ -641,7 +640,7 @@ const clipPath = createSliceClipPath( startAngle, endAngle, - themeWheelRadius, + convertRemToPixels(6), ); icon.style.clipPath = clipPath; }); @@ -676,6 +675,7 @@ const buttonRect = themeButton.getBoundingClientRect(); const buttonCenterX = buttonRect.left + buttonRect.width / 2; const buttonCenterY = buttonRect.top + buttonRect.height / 2; + const themeWheelRadius = convertRemToPixels(6); const margin = 0; -- cgit v1.3.1+13