add pig pattern to footer

2024-08-05 21:00:22 +02:00
parent 92b9c1b890
commit 8442ee81f3
3 changed files with 30 additions and 0 deletions
--- a/web/src/components/layout/footer.module.scss
+++ b/web/src/components/layout/footer.module.scss
@ -115,6 +115,32 @@
  }
 }

+.pigPattern {
+  background-color: var(--color-background);
+  background-image: url("/assets/graphics/grisemonster.png");
+  background-size: 100% auto;
+  background-position: 0 100%;
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  width: 100%;
+  height: 50vh;
+  position: relative;
+  z-index: 700;
+
+  @media (orientation: landscape) {
+    background-size: 100% auto;
+  }
+
+  @media (orientation: portrait) {
+    background-size: auto 50%;
+  }
+
+  @media (hover: none) {
+    background-attachment: initial;
+    background-size: cover;
+ }
+}
+
@media (max-width: 900px) {
  .social,
  .contact,