From ce38e71ff4928a96e4ccaec38a66df86ea781a71 Mon Sep 17 00:00:00 2001
From: Ruben <sneexy@disroot.org>
Date: Tue, 28 Oct 2025 08:53:19 -0500
Subject: [PATCH] better sneexy page styling, misskey iframe improvements

---
 _includes/layouts/base/sneexy/navbar.njk   | 2 +-
 _includes/layouts/pages/sneexy/intro.njk   | 2 +-
 _includes/layouts/pages/sneexy/socials.njk | 4 ++--
 _includes/styles/base/navbar.css           | 2 +-
 _includes/styles/pages/sneexy.css          | 3 ++-
 5 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/_includes/layouts/base/sneexy/navbar.njk b/_includes/layouts/base/sneexy/navbar.njk
index 1ace353..d5e6403 100644
--- a/_includes/layouts/base/sneexy/navbar.njk
+++ b/_includes/layouts/base/sneexy/navbar.njk
@@ -1,5 +1,5 @@
 <!-- top navbar -->
-<header class="navbar sneexy">
+<header class="navbar" sneexy-page>
     <navbar-left>
         <a class="nav-base nav-baselink nav-desktop" aria-label="Back to Synth.Download" href="https://synth.download"><img aria-hidden="true" src="/assets/synth.download/synth_web.svg" class="synth-icon" /></a>
     </navbar-left>
diff --git a/_includes/layouts/pages/sneexy/intro.njk b/_includes/layouts/pages/sneexy/intro.njk
index 4518f07..1284b72 100644
--- a/_includes/layouts/pages/sneexy/intro.njk
+++ b/_includes/layouts/pages/sneexy/intro.njk
@@ -1,5 +1,5 @@
 <!-- simple introduction -->
-<article window id="sneexy" sneexy-page>
+<article window id="sneexy">
     <div class="header">
         <titlebar-icon aria-hidden="true">
             <icon-tabler user></icon-tabler>
diff --git a/_includes/layouts/pages/sneexy/socials.njk b/_includes/layouts/pages/sneexy/socials.njk
index e8c96fa..53f5164 100644
--- a/_includes/layouts/pages/sneexy/socials.njk
+++ b/_includes/layouts/pages/sneexy/socials.njk
@@ -1,5 +1,5 @@
 <!-- socials -->
-<article window id="links" sneexy-page>
+<article window id="links">
     <div class="header">
         <titlebar-icon aria-hidden="true">
             <icon-tabler link></icon-tabler>
@@ -29,7 +29,7 @@
                 <a button archive href="https://archive.org/details/@sneexy"><icon-tabler building-bank></icon-tabler> Internet Archive <small username>sneexy</small></a>
             </socials-links>
             <socials-fedi>
-                <iframe src="https://booping.synth.download/embed/user-timeline/9zy33jqk7ljg0001?maxHeight=o" data-misskey-embed-id="v1_8a5d48c6-2549-4fd1-b2a9-a37194567beb" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="border: none; width: 100%; max-width: 500px; height: 300px; color-scheme: light dark;"></iframe>
+                <iframe src="https://booping.synth.download/embed/user-timeline/9zy33jqk7ljg0001?maxHeight=0&rounded=false&border=false" data-misskey-embed-id="v1_366d7007-a47c-440c-82b5-270697af4cc0" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="border: none; width: 100%; max-width: 500px; height: 300px; color-scheme: light dark;"></iframe>
                 <script defer src="https://booping.synth.download/embed.js"></script>
             </socials-fedi>
         </div>
diff --git a/_includes/styles/base/navbar.css b/_includes/styles/base/navbar.css
index ea3d983..a7b9348 100644
--- a/_includes/styles/base/navbar.css
+++ b/_includes/styles/base/navbar.css
@@ -296,7 +296,7 @@
 
 /* modify widths and spacing depending on the size of the display */
 @media screen and (max-width: 35rem) {
-    html:not(:has(.navbar.sneexy)) {
+    html:not(:has([sneexy-page])) {
         .navbar {
             .nav-desktop {
                 display: none !important;
diff --git a/_includes/styles/pages/sneexy.css b/_includes/styles/pages/sneexy.css
index d1d4d62..748116c 100644
--- a/_includes/styles/pages/sneexy.css
+++ b/_includes/styles/pages/sneexy.css
@@ -9,7 +9,7 @@
 /  ~sneexy - breeeep! my page! slooosh~ */
 
 /* my page has goop in html to set goopy colors */
-html:has(article[sneexy-page]) {
+html:has([sneexy-page]) {
     --accent: light-dark(#00d131, #65ff88) !important;
 
     article#sneexy window-contents {
@@ -100,6 +100,7 @@ html:has(article[sneexy-page]) {
                     overflow-y: scroll;
                     width: 25rem;
                     border-radius: .5rem;
+                    border: solid .15rem var(--border);
                 }
             }
         }