fix: restrict owl background to index.html, isolate all non-home page classes (#181)

Copilot · DavidKRK · Copilot · web-flow · commit 3fd9854af41c · 2026-04-16T09:59:25.000+02:00
* fix: restore background-image on index.html, isolate music-page class Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/5d42fd6d-80f7-40cc-a2fe-311924b01ece Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> * Update assets/css/style.css Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * fix: update all non-home pages to use page-specific body classes Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/a7c79463-e3b3-4a62-94a6-3ba779a4d323 Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -259,6 +259,8 @@ body.home-page {
 }
 body:not(.home-page) {
   background-color: #416e73;
+  display: flex;
+  flex-direction: column;
 }
 
 
diff --git a/bio.html b/bio.html
@@ -35,7 +35,7 @@
   <!-- CSS -->
   <link rel="stylesheet" href="assets/css/style.css">
 </head>
-<body class="home-page">
+<body class="bio-page">
 
   <div class="background-image"></div>
 
diff --git a/contact.html b/contact.html
@@ -30,7 +30,7 @@
     
   </head>
 
-  <body class="home-page">
+  <body class="contact-page">
 
     <div class="background-image"></div>
 
diff --git a/event.html b/event.html
@@ -31,7 +31,7 @@
   <link rel="stylesheet" href="assets/css/style.css">
   <script src="https://cdn.jsdelivr.net/npm/howler@2.2.3/dist/howler.core.min.js"></script>
 </head>
-<body class="home-page">
+<body class="event-page">
 
 <div class="background-image"></div>
 
diff --git a/music.html b/music.html
@@ -92,7 +92,7 @@
     }
   </style>
 </head>
-<body class="home-page">
+<body class="music-page">
 
   <div class="background-image"></div>
 
diff --git a/shop.html b/shop.html
@@ -32,7 +32,7 @@
   <link rel="stylesheet" href="assets/css/style.css">
   <script src="https://cdn.jsdelivr.net/npm/howler@2.2.3/dist/howler.core.min.js"></script>
 </head>
-<body class="home-page">
+<body class="shop-page">
 
   <div class="background-image"></div>
 

Original file line number	Diff line number	Diff line change
`@@ -259,6 +259,8 @@ body.home-page {`
`259`	`259`	`}`
`260`	`260`	`body:not(.home-page) {`
`261`	`261`	`background-color: #416e73;`
	`262`	`+ display: flex;`
	`263`	`+ flex-direction: column;`
`262`	`264`	`}`
`263`	`265`
`264`	`266`
Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@`
`92`	`92`	`}`
`93`	`93`	`</style>`
`94`	`94`	`</head>`
`95`		`-<body class="home-page">`
	`95`	`+<body class="music-page">`
`96`	`96`
`97`	`97`	`<div class="background-image"></div>`
`98`	`98`