diff --git a/public/@brooke/fractal-bottom.webp b/public/@brooke/fractal-bottom.webp new file mode 100644 index 0000000..1d8388f Binary files /dev/null and b/public/@brooke/fractal-bottom.webp differ diff --git a/public/@brooke/fractal-top.webp b/public/@brooke/fractal-top.webp new file mode 100644 index 0000000..8ea4a47 Binary files /dev/null and b/public/@brooke/fractal-top.webp differ diff --git a/public/@brooke/fractal.webp b/public/@brooke/fractal.webp deleted file mode 100644 index 6861d0a..0000000 Binary files a/public/@brooke/fractal.webp and /dev/null differ diff --git a/public/@brooke/index.html b/public/@brooke/index.html index 5480d4d..551bef3 100644 --- a/public/@brooke/index.html +++ b/public/@brooke/index.html @@ -17,7 +17,8 @@ --accent-1: #d182ff; --accent-2: #eb53d3; --background-img: url("/@brooke/bg.webp"); - --banner: url("/@brooke/fractal.webp"); + --banner-top: url("/public/@brooke/fractal-top.webp"); + --banner-bottom: url("/public/@brooke/fractal-bottom.webp"); --text-color: white; --link-color: var(--accent-1); --border: 1px solid black; @@ -35,13 +36,19 @@ background-attachment: fixed; background-size: auto 300px; } - .bar { - background-image: var(--banner); + .bar-bottom, + .bar-top { height: 150px; background-size: cover; background-position: 60%; border: var(--border); } + .bar-top { + background-image: var(--banner-top); + } + .bar-bottom { + background-image: var(--banner-bottom); + } #container { max-width: 750px; margin: 0 auto; @@ -86,7 +93,7 @@
-
+
@@ -164,7 +171,7 @@
-
+