c3re
/
3D-Druck_Landingpage
forked from c3re/c3re-website
6
0
Fork 0
Code Pull Requests Activity

make banner color change by door status

master
Dirk Heilig 2024-01-27 10:13:23 +01:00
parent 62d67832a9
commit 9201d9fd69
4 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/dl/2023-12-13_Mitgliedsantrag_cbue-4.pdf
View File

Binary file not shown.

BIN
static/img/banner_open.jpg 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 KiB

3
themes/hugo-theme-flat/static/css/style.css
View File

@ -258,6 +258,9 @@ a.external:after {
background-position-x: center ; background-position-x: center ;
background-position-y: top ; background-position-y: top ;
} }
.header.door_open{
background-image: url("/img/banner_open.jpg");
}
.header-wrapper, .header-wrapper,
.footer { .footer {
width: 90vw; width: 90vw;

8
themes/hugo-theme-flat/static/js/door-status.js
View File

@ -5,6 +5,14 @@ document.addEventListener("DOMContentLoaded", function () {
return response.json(); return response.json();
}) })
.then(function (data) { .then(function (data) {
let body=document.getElementsByTagName("body")[0];
if (data.state.open) {
body.classList.remove("door_closed");
body.classList.add("door_open");
} else {
body.classList.remove("door_open");
body.classList.add("door_closed");
}
document document
.getElementById("ds-img") .getElementById("ds-img")
.setAttribute( .setAttribute(