commit 3f70ae7209a77cac19ee3ebda40bfd8a552fba7b parent ef58cbb80324246975b35ffa7190e370772ec672 Author: Samdal <samdal@protonmail.com> Date: Fri, 28 Feb 2025 23:38:00 +0100 change footer image Diffstat:
| M | _layouts/default.html | | | 3 | +-- |
| M | _sass/_main.scss | | | 8 | ++++++-- |
| M | assets/images/grass.png | | | 0 |
3 files changed, 7 insertions(+), 4 deletions(-)
diff --git a/_layouts/default.html b/_layouts/default.html @@ -36,8 +36,7 @@ layout: compress </main> - <div class="footer" > - <img style="width:100%;" class="invertable-image" src="/assets/images/grass.png"> + <div class="footer invertable-image" > </div> </body> </html> diff --git a/_sass/_main.scss b/_sass/_main.scss @@ -72,11 +72,15 @@ section { /*********** footer ************/ .footer { - max-height: 220px; + max-height: 150px; width: 100%; overflow-x: hidden; overflow-y: hidden; aspect-ratio: 1920 / 493; + background-size: 100% default; + background-repeat: repeat-x; + background-position: center 0%; + background-image: url("/assets/images/grass.png"); } /*********** header ************/ @@ -251,7 +255,7 @@ li { /*********** phone mode ************/ -@media screen and (max-width: 45rem ) { +@media screen and (max-width: 45rem) { header { max-width: 100%; } diff --git a/assets/images/grass.png b/assets/images/grass.png Binary files differ.
