adding background logic

This commit is contained in:
2026-06-07 00:26:54 +00:00
Unverified
parent 1fe68ce703
commit 8669a523fc
4 changed files with 15 additions and 3 deletions

View File

@@ -50,6 +50,17 @@ img[src$='#floatright']{ float:right; margin: 0.7rem; }
.homepage .content { text-align: left; }
/* Page-Specific Background for Projects */
body.page-projects {
background-image: url('/images/backgrounds/default.gif');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* Hide any TOC link that points to an element with the 'no-toc' class */
.toc-right a.no-toc-link,
.toc-inside a.no-toc-link {

BIN
assets/me/bjw3071o7xi21.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

View File

@@ -12,6 +12,7 @@ autoSwitchAppearance = true
enableSearch = true
enableCodeCopy = true
customCSS = true
defaultBackgroundImage = "me/bjw3071o7xi21.gif"
# mainSections = ["section1", "section2"]
# robots = ""
@@ -28,7 +29,7 @@ customCSS = true
[homepage]
layout = "background" # valid options: page, profile, hero, card, background, custom
homepageImage = "me/me_stream_doom.PNG" # used in: hero, and card
homepageImage = "me/bjw3071o7xi21.gif" # used in: hero, and card
showRecent = false
showRecentItems = 5
showMoreLink = false
@@ -49,7 +50,7 @@ customCSS = true
showLikes = false
showDateUpdated = true
showHero = true
heroStyle = "basic" # valid options: basic, big, background
heroStyle = "background" # valid options: basic, big, background
showBreadcrumbs = true
showDraftLabel = true
seriesOpened = true

View File

@@ -10,7 +10,7 @@
{{ $bodyLayout := "flex flex-col h-screen m-auto leading-7 max-w-7xl px-6 sm:px-14 md:px-24 lg:px-32" }}
{{ $bodyColor := "text-lg bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral" }}
<body class="{{ $bodyLayout }} {{ $bodyColor }} {{ if site.Params.enableStyledScrollbar | default true }}bf-scrollbar{{ end }}">
<body class="{{ $bodyLayout }} {{ $bodyColor }} {{ with .Params.bodyClass }}{{ . }}{{ end }} {{ if site.Params.enableStyledScrollbar | default true }}bf-scrollbar{{ end }}">
<div id="the-top" class="absolute flex self-center">
<a
class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"