From 83842b743cdd8e4dae122ef39b5ddf77a55bb9b7 Mon Sep 17 00:00:00 2001 From: delta Date: Wed, 12 Feb 2025 21:00:49 +0100 Subject: restructure the bg deco and add some texture to the bg --- assets/css/main.css | 25 ++++++++++++++++++++++++- assets/triangle.svg | 22 ++++++++++++++++++++++ 2 files changed, 46 insertions(+), 1 deletion(-) create mode 100644 assets/triangle.svg (limited to 'assets') diff --git a/assets/css/main.css b/assets/css/main.css index c940d99..c1954f0 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -40,6 +40,7 @@ body { font-family: "Aporetic", "Open Sans", sans-serif; background-color: var(--bg); + background-repeat: repeat; color: var(--fg); display: flex; gap: var(--padding-big); @@ -49,7 +50,29 @@ body { position: relative; } -#lower { +#deco { + overflow: hidden; + position: fixed; + width: 100%; + height: 100%; + left: 0; + top: 0; + z-index: -1; +} + +#features { + content: ""; + width: 200%; + height: 200%; + background-image: url("/assets/triangle.svg"); + position: absolute; + transform: translate(-50%, -50%) rotate(22.5deg); + left: 50%; + top: 50%; + z-index: -2; +} + +#rainbow { --bar-size: 0.3em; position: absolute; z-index: -1; diff --git a/assets/triangle.svg b/assets/triangle.svg new file mode 100644 index 0000000..87439fc --- /dev/null +++ b/assets/triangle.svg @@ -0,0 +1,22 @@ + + + + + + + + + -- cgit v1.2.3