diff --git a/assets/css/baza.css b/assets/css/baza.css index f3d843c..39f77f5 100644 --- a/assets/css/baza.css +++ b/assets/css/baza.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); /* Paleta kolorów: https://catppuccin.com/palette/ */ * { @@ -32,7 +32,8 @@ /* Ważne */ html { - font-family: "Ubuntu", sans-serif; + font-family: "Montserrat", sans-serif; + text-shadow: 1px 1px 2px var(--colorBase); font-weight: 400; font-style: normal; font-size: 14pt; diff --git a/assets/css/main.css b/assets/css/main.css index 7666b2b..dd37adc 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -29,6 +29,7 @@ html { /* Header */ header { + position: relative; background-color: var(--colorBase); background: linear-gradient(135deg, var(--colorSurface0) 0%, var(--colorSurface1) 100%); /* border-bottom-left-radius: 1rem; */ @@ -41,6 +42,32 @@ header { padding-bottom: .65rem; padding-left: 1rem; padding-right: 1rem; + z-index: 10; +} + +#snieg { + position: absolute; + border-radius: 1rem; + margin: 0; + padding: 0; + width: 100%; + height: 1.35rem; + top: 0; + left: 0; + z-index: -10 !important; + user-select: none; + pointer-events: none; +} + +#sniezyca { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: -5 !important; + user-select: none; + pointer-events: none; } header img { @@ -59,6 +86,8 @@ header nav ul { /* Treść */ main { + position: relative; + z-index: 10; background-color: var(--colorSurface0); border: .35rem solid var(--colorOverlay0); border-radius: 1rem; @@ -73,6 +102,8 @@ main { /* Stopka */ footer { + position: relative; + z-index: 10; display: flex; flex-direction: row; justify-content: space-between; diff --git a/assets/images/snieg.png b/assets/images/snieg.png new file mode 100644 index 0000000..6af1b28 Binary files /dev/null and b/assets/images/snieg.png differ diff --git a/assets/js/2137.js b/assets/js/2137.js index f52b812..8b408e7 100644 --- a/assets/js/2137.js +++ b/assets/js/2137.js @@ -187,7 +187,7 @@ async function start() { const kreciol = document.createElement("img") kreciol.src = "https://media1.tenor.com/m/CzW0P5EOQwoAAAAC/jp2gmd-pope.gif"; - kreciol.style.position = "fixed"; + kreciol.style.position = "relative"; kreciol.style.right = ".5rem"; kreciol.style.bottom = ".5rem"; root.appendChild(kreciol); diff --git a/assets/js/index.js b/assets/js/index.js index 05206c6..11bd6c1 100644 --- a/assets/js/index.js +++ b/assets/js/index.js @@ -1,2 +1,3 @@ import "./2137.js" -import "./nawigacja.js" \ No newline at end of file +import "./nawigacja.js" +import "./zima.js" \ No newline at end of file diff --git a/assets/js/nawigacja.js b/assets/js/nawigacja.js index 2baa23c..fadf24f 100644 --- a/assets/js/nawigacja.js +++ b/assets/js/nawigacja.js @@ -41,8 +41,10 @@ class Header extends HTMLElement { } connectedCallback() { + const miesiac = new Date().getMonth(); this.innerHTML = `
+ ${ miesiac < 2 || miesiac == 11 ? `` : "" }

MaszToZadanieDomowe.com