diff options
| author |  SayaAndy <saya.andy@posteo.com>
| 2025-10-19 23:18:58 +0700 |
|---|---|---|
| committer | SayaAndy <saya.andy@posteo.com>
| 2025-10-19 23:18:58 +0700 |
| commit | 36d7f332e6c318064ff0cd6849f69854c7ba0d79 (patch) | |
| tree | 3cb2bc0256d9b709e92a2309d4c041ca856e7189 /views/partials | |
| parent | 501c05f0c959000228024a3d65d9dd3c84921c6a (diff) | |
| download | web-36d7f332e6c318064ff0cd6849f69854c7ba0d79.tar.gz web-36d7f332e6c318064ff0cd6849f69854c7ba0d79.zip | |
feat: add noise to plain color backgrounds
feat: move back button from header to toolbar
feat: make inset shadows more apparent
feat: header font: less thick, non-italic and drops shadow
Diffstat (limited to 'views/partials')
| -rw-r--r-- | views/partials/general-page-header.html | 8 |
1 files changed, 2 insertions, 6 deletions
diff --git a/views/partials/general-page-header.html b/views/partials/general-page-header.html index df75bb3..a29d40b 100644 --- a/views/partials/general-page-header.html +++ b/views/partials/general-page-header.html @@ -1,10 +1,6 @@ <div {{ if .PublishedDate }} hx-get="/api/v1/tz" hx-vals='js:{timestamp: "{{ .PublishedDate }}", tz: clientTimeZone}' hx-target="#published-date" hx-swap="innerHTML" hx-trigger="load" {{ end }} class="flex flex-row mb-2"> - <a href="./" class="w-(--text-4xl) h-(--text-4xl) mx-1 my-auto"> - <i onclick="return changeUrl('/../', true);" class="fas fa-circle-left hover:bg-main-hard hover:bg-opacity-10 cursor-pointer transition-colors duration-300 rounded-md text-4xl"></i> - </a> - <p class="text-4xl font-andika italic font-extrabold select-none my-auto pl-3 pr-3">//</p> - <p class="text-4xl font-andika italic text-left mt-auto">{{ .Title }}</p> - <p id="published-date" class="grow text-2xl font-andika text-secondary text-right mt-auto">{{ .PublishedDate }}</p> + <p class="text-4xl font-andika font-light italic text-shadow-[0_2px_2px_var(--main-soft-color)] text-left mt-auto">{{ .Title }}</p> + <p id="published-date" class="grow text-2xl font-andika italic text-secondary text-right mt-auto">{{ .PublishedDate }}</p> </div> {{ block "header" . }}{{ end }} |