diff --git a/_includes/layouts/header.njk b/_includes/layouts/header.njk index d98e414..056aea7 100644 --- a/_includes/layouts/header.njk +++ b/_includes/layouts/header.njk @@ -1,18 +1,18 @@ - - {{ title or metadata.title }} • synth download! - - - - - - - - - - - - - - - - \ No newline at end of file + + {{ title or metadata.title }} • synth download! + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/_includes/layouts/navbar.njk b/_includes/layouts/navbar.njk index 348a1bb..4f07b06 100644 --- a/_includes/layouts/navbar.njk +++ b/_includes/layouts/navbar.njk @@ -11,7 +11,7 @@ About me
  • - Notebook + Notebook
  • Links @@ -23,7 +23,7 @@
    About me
    - Notebook + Notebook
    Links diff --git a/_includes/layouts/notebook.njk b/_includes/layouts/notebook.njk index 1854475..674a975 100644 --- a/_includes/layouts/notebook.njk +++ b/_includes/layouts/notebook.njk @@ -22,5 +22,16 @@ layout: "layouts/base.njk"

    Notebook

    A public facing journal for myself, as probably the best way to put it. A blog-ish, writeup-ish, rant-ish place to dump personal thoughts and such into for myself.

    + +
    + test + +
    +

    test

    +

    tag tag-2 tag-3

    +

    description

    + read more +
    +
    \ No newline at end of file diff --git a/_site/donate/index.html b/_site/donate/index.html index a6ef4f3..02163c8 100644 --- a/_site/donate/index.html +++ b/_site/donate/index.html @@ -2,24 +2,24 @@ - - donate • synth download! - - - - - - - - - - - - - - - - + + donate • synth download! + + + + + + + + + + + + + + + + @@ -38,7 +38,7 @@ About me
  • - Notebook + Notebook
  • Links @@ -50,7 +50,7 @@
    About me
    - Notebook + Notebook
    Links diff --git a/_site/feed.xml b/_site/feed.xml index 19fa773..02c0230 100644 --- a/_site/feed.xml +++ b/_site/feed.xml @@ -4,7 +4,7 @@ a blog-ish writeup-ish rant-ish page to store random writings and thoughts in. - 2025-04-27T23:35:39Z + 2025-04-29T00:30:51Z https://synth.download/ Sneexy diff --git a/_site/index.html b/_site/index.html index 17d0e07..48240cc 100644 --- a/_site/index.html +++ b/_site/index.html @@ -2,24 +2,24 @@ - - home • synth download! - - - - - - - - - - - - - - - - + + home • synth download! + + + + + + + + + + + + + + + + @@ -37,7 +37,7 @@ About me
  • - Notebook + Notebook
  • Links @@ -49,7 +49,7 @@
    About me
    - Notebook + Notebook
    Links diff --git a/_site/me/index.html b/_site/me/index.html index 8136779..71e37bd 100644 --- a/_site/me/index.html +++ b/_site/me/index.html @@ -2,24 +2,24 @@ - - about me • synth download! - - - - - - - - - - - - - - - - + + about me • synth download! + + + + + + + + + + + + + + + + @@ -40,7 +40,7 @@ About me
  • - Notebook + Notebook
  • Links @@ -52,7 +52,7 @@
    About me
    - Notebook + Notebook
    Links diff --git a/_site/me/ruben/index.html b/_site/me/ruben/index.html index 4eca58d..2ecd930 100644 --- a/_site/me/ruben/index.html +++ b/_site/me/ruben/index.html @@ -2,24 +2,24 @@ - - ruben lore • synth download! - - - - - - - - - - - - - - - - + + ruben lore • synth download! + + + + + + + + + + + + + + + + @@ -38,7 +38,7 @@ About me
  • - Notebook + Notebook
  • Links @@ -50,7 +50,7 @@
    About me
    - Notebook + Notebook
    Links diff --git a/_site/notebook/index.html b/_site/notebook/index.html index 1905d54..4157ea9 100644 --- a/_site/notebook/index.html +++ b/_site/notebook/index.html @@ -2,24 +2,24 @@ - - notebook • synth download! - - - - - - - - - - - - - - - - + + notebook • synth download! + + + + + + + + + + + + + + + + @@ -37,7 +37,7 @@ About me
  • - Notebook + Notebook
  • Links @@ -49,7 +49,7 @@
    About me
    - Notebook + Notebook
    Links @@ -161,6 +161,17 @@

    Notebook

    A public facing journal for myself, as probably the best way to put it. A blog-ish, writeup-ish, rant-ish place to dump personal thoughts and such into for myself.

    + +
    + test + +
    +

    test

    +

    tag tag-2 tag-3

    +

    description

    + read more +
    +
    diff --git a/_site/styles/base.css b/_site/styles/base.css index 14ca2a2..fd26b9c 100644 --- a/_site/styles/base.css +++ b/_site/styles/base.css @@ -254,33 +254,6 @@ summary { display: flex; } -/* ----------------------- -- styled summary styling - ------------------------ */ - -details.styled { - - summary { - max-width: 30%; - font-size: 1.5rem; - padding: .5rem; - border-radius: .5rem; - } -} - -details.styled[open] { - background-color: color-mix(in srgb, var(--background) 90%, var(--accent)); - - summary { - border-radius: .5rem; - } - - section { - padding: .5rem; - border-radius: .5rem; - } -} - /* --------------- - alt text popup - --------------- */ @@ -488,7 +461,9 @@ details.styled[open] { background: color-mix(in srgb, var(--accent) 40%, transparent); padding: .4rem .4rem .2rem 1rem; border-right: .2rem solid var(--accent); + border-bottom: .2rem solid var(--accent); border-bottom-right-radius: 1rem; + margin-bottom: -.2rem; span { background-color: var(--foreground); @@ -531,7 +506,9 @@ details.styled[open] { background: color-mix(in srgb, var(--accent) 40%, transparent); padding: .4rem .5rem .2rem .6rem; border-left: .2rem solid var(--accent); + border-bottom: .2rem solid var(--accent); border-bottom-left-radius: 1rem; + margin-bottom: -.2rem; color: var(--foreground); transition: background .2s; @@ -1029,4 +1006,19 @@ footer { max-width: 100%; } } -} \ No newline at end of file +} + +/* -------------------------------------------------------------------- +======================================================================= +-------------------------------------------------------------------- */ + +/* ╭──────────────────────────────────────────────╮ +/ │ _ _ _ │ +/ │ _ __ ___ | |_ ___| |__ ___ ___ | | __ │ +/ │ | '_ \ / _ \| __/ _ \ '_ \ / _ \ / _ \| |/ / │ +/ │ | | | | (_) | || __/ |_) | (_) | (_) | < │ +/ │ |_| |_|\___/ \__\___|_.__/ \___/ \___/|_|\_\ │ +/ ╰──────────────────────────────────────────────╯ +/ notebook - specific styling for the notebook page where blogish things live */ + +.notebook \ No newline at end of file diff --git a/assets/synth.download/sharkey/grid_bg.png b/assets/synth.download/sharkey/grid_bg.png new file mode 100644 index 0000000..a182036 Binary files /dev/null and b/assets/synth.download/sharkey/grid_bg.png differ diff --git a/assets/synth.download/sharkey/sharkey.css b/assets/synth.download/sharkey/sharkey.css new file mode 100644 index 0000000..dbd2427 --- /dev/null +++ b/assets/synth.download/sharkey/sharkey.css @@ -0,0 +1,121 @@ +/* this SHOULD just be the landing page, and shouldn't effect anything else */ +#sharkey_app .mk-app { +.main .contents { + /* multiple elements i'd prefer hidden + * shape1 and shape2 refer to the weird shape things on the left + * pages-welcome-timeline-root refers to the scrolling and very buggy timeline on the right */ + .shape1, .shape2, [class^="pages-welcome-timeline-root-"] { + display: none; + } + + /* color text appropriately */ + .logo-wrapper { + color: var(--MI_THEME-fg); + } + + /* re-centers the background due to shape1/2 being removed + * as well as also replacing it entirely with a custom one that animates */ + [class^="MkFeaturedPhotos-root-"] { + background-image: url("https://booping.s3.us-east-005.backblazeb2.com/assets/synth+grid+bg.png") !important; + background-repeat: repeat; + background-size: auto; + top: 0 !important; + left: 0 !important; + width: 100% !important; + height 100% !important; + opacity: .8; + animation: animateBg 60s linear infinite; + } + + /* the main instance info page thing */ + .contents { + margin-left: auto !important; + margin-right: auto !important; + + /* larger width so the contents of the instance info doesn't end up being squished inside with the background */ + width: min(480px,100% - 32px); + transition: width .2s; + + /* margins around the instance info stuff to fit the background */ + [class^="MkVisitorDashboard-root-"] { + padding: 1.5rem; + background: var(--MI_THEME-acrylicPanel); + -webkit-backdrop-filter: var(--MI-blur, blur(15px)); + backdrop-filter: var(--MI-blur, blur(15px)); + border-radius: var(--MI-radius-ellipse); + transition: padding .2s; + } + + /* instance stats - i don't like these being displayed right on the front page */ + [class^="MkVisitorDashboard-stats-"] { + display: none !important; + } + } + + /* federation scrolling bar thingy */ + .federation { + bottom: unset !important; + top: 16px !important; + z-index: 50 !important; + } + + [class^="MkVisitorDashboard-tl-"] { + [class^="MkVisitorDashboard-tlBody-"] { + height: 600px !important; + } + } +} + +/* contents on the sidebar, usually only visible when viewing content directly while logged out */ +.side .dashboard { + [class^="MkVisitorDashboard-root-"] { + [class^="MkVisitorDashboard-stats-"] { + display: none !important; + } + + [class^="MkVisitorDashboard-tl-"] [class^="MkVisitorDashboard-tlBody-"] { + height: 600px !important; + } + } +} +} + +/* animation for the background on the landing page */ +@keyframes animateBg { + from { + background-position: 0 0; + } + to { + background-position: -960px -960px; + } +} + +/* disable the background animation if browser doesn't want animations */ +@media (prefers-reduced-motion) { + .main .contents { + [class^="MkFeaturedPhotos-root-"] { + animation: unset !important; + } + } +} + +/* shrinks down the blur margins on instance info if display is small enough */ +@media screen and (max-width: 515px) { + .main .contents { + .contents { + /* restore original values */ + width: min(430px,100% - 32px) !important; + transition: width .2s; + + /* margins around the instance info stuff to fit the background */ + [class^="MkVisitorDashboard-root-"] { + padding: .5rem !important; + background: var(--MI_THEME-acrylicPanel); + -webkit-backdrop-filter: var(--MI-blur, blur(15px)); + backdrop-filter: var(--MI-blur, blur(15px)); + border-radius: var(--MI-radius-ellipse); + transition: padding .2s; + } + } + } +} diff --git a/styles/base.css b/styles/base.css index 14ca2a2..fd26b9c 100644 --- a/styles/base.css +++ b/styles/base.css @@ -254,33 +254,6 @@ summary { display: flex; } -/* ----------------------- -- styled summary styling - ------------------------ */ - -details.styled { - - summary { - max-width: 30%; - font-size: 1.5rem; - padding: .5rem; - border-radius: .5rem; - } -} - -details.styled[open] { - background-color: color-mix(in srgb, var(--background) 90%, var(--accent)); - - summary { - border-radius: .5rem; - } - - section { - padding: .5rem; - border-radius: .5rem; - } -} - /* --------------- - alt text popup - --------------- */ @@ -488,7 +461,9 @@ details.styled[open] { background: color-mix(in srgb, var(--accent) 40%, transparent); padding: .4rem .4rem .2rem 1rem; border-right: .2rem solid var(--accent); + border-bottom: .2rem solid var(--accent); border-bottom-right-radius: 1rem; + margin-bottom: -.2rem; span { background-color: var(--foreground); @@ -531,7 +506,9 @@ details.styled[open] { background: color-mix(in srgb, var(--accent) 40%, transparent); padding: .4rem .5rem .2rem .6rem; border-left: .2rem solid var(--accent); + border-bottom: .2rem solid var(--accent); border-bottom-left-radius: 1rem; + margin-bottom: -.2rem; color: var(--foreground); transition: background .2s; @@ -1029,4 +1006,19 @@ footer { max-width: 100%; } } -} \ No newline at end of file +} + +/* -------------------------------------------------------------------- +======================================================================= +-------------------------------------------------------------------- */ + +/* ╭──────────────────────────────────────────────╮ +/ │ _ _ _ │ +/ │ _ __ ___ | |_ ___| |__ ___ ___ | | __ │ +/ │ | '_ \ / _ \| __/ _ \ '_ \ / _ \ / _ \| |/ / │ +/ │ | | | | (_) | || __/ |_) | (_) | (_) | < │ +/ │ |_| |_|\___/ \__\___|_.__/ \___/ \___/|_|\_\ │ +/ ╰──────────────────────────────────────────────╯ +/ notebook - specific styling for the notebook page where blogish things live */ + +.notebook \ No newline at end of file