sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better sneexy page styling, misskey iframe improvements

Browse source
This commit is contained in:
Ruben 2025-10-28 08:53:19 -05:00
commit ce38e71ff4
Signed by: sneexy
GPG key ID: 8ECFA045E63BC583
5 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
_includes/layouts/base/sneexy/navbar.njk
View file

@ -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>

2
_includes/layouts/pages/sneexy/intro.njk
View file

@ -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>

4
_includes/layouts/pages/sneexy/socials.njk
View file

@ -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>

2
_includes/styles/base/navbar.css
View file

@ -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;

3
_includes/styles/pages/sneexy.css
View file

@ -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);
}
}
}