diff --git a/static/assets/gifs/beatingpurple.gif b/static/assets/gifs/beatingpurple.gif new file mode 100644 index 0000000..028fcb1 Binary files /dev/null and b/static/assets/gifs/beatingpurple.gif differ diff --git a/static/assets/gifs/heart-mosh.gif b/static/assets/gifs/heart-mosh.gif new file mode 100644 index 0000000..6d27ef9 Binary files /dev/null and b/static/assets/gifs/heart-mosh.gif differ diff --git a/static/assets/images/pfp.webp b/static/assets/images/pfp.webp index 84dcd23..03a2904 100644 Binary files a/static/assets/images/pfp.webp and b/static/assets/images/pfp.webp differ diff --git a/static/style.css b/static/style.css index 5c7a236..91c84a8 100644 --- a/static/style.css +++ b/static/style.css @@ -256,21 +256,6 @@ body { animation: marquee 8s linear infinite; } - cute-container { - background-image: url(assets/gifs/weirdstone.png); - width: min(90svw, 1000px); - min-height: 70svh; - height: auto; - border: 5px solid var(--lavender); - padding: 1rem 2rem; - box-sizing: border-box; - - img { - width: 80%; - display: block; - margin-inline: auto; - } - } } /* CRT Effect */ @@ -668,6 +653,35 @@ home-content { } } +about { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-items: stretch; + + >main-container { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: center; + background-image: url(assets/gifs/heart-mosh.gif); + background-size: contain; + width: min(90svw, 1000px); + min-height: 70svh; + height: auto; + border: 5px solid var(--lavender); + padding: 1rem 2rem; + box-sizing: border-box; + + img { + width: 80%; + display: block; + margin-inline: auto; + } + } +} + /* Music */ music { display: flex; @@ -705,20 +719,24 @@ music { } } - box { - border-radius: 0.4rem; - box-shadow: - 0 4px 6px -1px rgb(0 0 0 / 0.1), - 0 2px 4px -2px rgb(0 0 0 / 0.1); - background-color: white; - padding: 1rem; - } - >cute-container { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; + background-image: url(assets/gifs/weirdstone.png); + width: min(90svw, 1000px); + min-height: 70svh; + height: auto; + border: 5px solid var(--lavender); + padding: 1rem 2rem; + box-sizing: border-box; + + img { + width: 80%; + display: block; + margin-inline: auto; + } } } @@ -995,7 +1013,6 @@ mini-player { } } - /* Music page */ /* Miniplayer */ @@ -1032,8 +1049,6 @@ mini-player { } } -/* Page-specific backgrounds */ - /* Context Menu */ helo { position: fixed; diff --git a/templates/partials/about.html b/templates/partials/about.html index b670f0a..e96d3be 100644 --- a/templates/partials/about.html +++ b/templates/partials/about.html @@ -1,3 +1,7 @@ + + + Salut + \ No newline at end of file