From f2517f16ce454257543157a63a524a8a91844806 Mon Sep 17 00:00:00 2001 From: Ruben Date: Wed, 25 Jun 2025 22:24:48 -0500 Subject: [PATCH] customized tos page like synth.download --- static/custom.css | 83 ++++++++++++++++++++++++++++++++ static/terms-of-service.html | 91 ++++++++++++++++++++++-------------- 2 files changed, 139 insertions(+), 35 deletions(-) diff --git a/static/custom.css b/static/custom.css index 080c7bfc..f778a8d5 100644 --- a/static/custom.css +++ b/static/custom.css @@ -1,5 +1,66 @@ /* akkoma synth.download edition */ +/* colors for TOS page */ +:root { + /* base colors */ + --synth-background: #fafafa; + --synth-foreground: #3d454d; + --synth-selection: #f0eee4; + --synth-comment: #abb0b6; + --synth-accent: #fd9e1a; + + /* original ayu colors */ + --synth-orange: #ff9940; + --synth-green: #86b300; + --synth-blue: #4cbf99; + --synth-purple: #a37acc; + --synth-red: #ec3838; + + /* extended catppuccin based colors */ + --synth-flamingo: #ff7d7d; + --synth-rosewater: #eca69a; + --synth-pink: #ff8adb; + --synth-mauve: #ba8aff; + --synth-maroon: #e06c75; + --synth-peach: #ffac6b; + --synth-yellow: #e5c07b; + --synth-teal: #2bbac5; + --synth-sky: #3eacce; + --synth-sapphire: #4db5d0; + --synth-lavender: #7881ce; +} + +@media (prefers-color-scheme: dark) { + :root { + /* base colors */ + --synth-background: #0a0e14; + --synth-foreground: #d8d6d2; + --synth-selection: #253340; + --synth-comment: #5c6773; + --synth-accent: #e6b450; + + /* original ayu colors */ + --synth-orange: #ffb454; + --synth-green: #aad94c; + --synth-blue: #59c2ff; + --synth-purple: #d2a6ff; + --synth-red: #f0646b; + + /* extended catppuccin based colors */ + --synth-flamingo: #f2cdcd; + --synth-rosewater: #f5e0dc; + --synth-pink: #ffc9e3; + --synth-mauve: #cba6f7; + --synth-maroon: #eba0ac; + --synth-peach: #ffcca8; + --synth-yellow: #f9e2af; + --synth-teal: #8ddedc; + --synth-sky: #89dceb; + --synth-sapphire: #74c7ec; + --synth-lavender: #b4befe; + } +} + /* notification gradient change */ .Notifications .notification.unseen .notification-overlay { background-image: unset !important; @@ -151,6 +212,28 @@ width: unset !important; } +/* styling for the TOS/about page */ +.tos-content { + .synth-section { + background-color: var(--synth-background); + border-radius: 2rem; + border: var(--synth-accent) solid .15rem; + + section { + color: var(--synth-foreground); + font-family: monospace, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 1.125rem; + text-transform: lowercase; + padding: .8rem; + + #logo { + min-width: 25rem; + max-width: 50%; + } + } + } +} + /* ------------------------------------------- ---------------------------------------------- - everything below this is icon replacements - diff --git a/static/terms-of-service.html b/static/terms-of-service.html index af093888..d1180554 100644 --- a/static/terms-of-service.html +++ b/static/terms-of-service.html @@ -1,41 +1,62 @@ -

icesynth!

- -
-

Log in • Register

- -

merp! a small instance themed around synths, but accepts all.

- -

-
+
+
+
+

icesynth!

+

Log in • Register

+
+
+
-

This is our Iceshrimp.NET instance, managed by @sneexy. You're looking at our Akkoma frontend for this instance!

- -

We have a sibling Sharkey instance running over at booping.synth.download with more information provided.

- -

For more information about this instance, including rules and such, check out the about page for our Sharkey instance which includes information that is shared with this instance!

- -

Alternative frontends

- - +
+
+
+

Hey! Welcome to...

+ +

Beep! A small instance themed around synths, but accepts all.

+

+
+
+
+
+
+
+

This is our Iceshrimp.NET instance, managed by @sneexy. You're looking at our Akkoma frontend for this instance!

+

We have a sibling Sharkey instance running over at booping.synth.download with more, usually up-to-date information provided. If you want to know more information that are shared among these instances, please look at the Instance Information page from over there. Everything on there applies to here.

+

For other services that we provide, as well as general info on Synth.Download as a whole, please look at our homepage!

+
+
+
+
+
+

Alternative frontends

+
    +
  • + Iceshrimp.NET • The default frontend, requires to be logged in directly to Iceshrimp before being accessible. +
    • +
  • + Mastodon • The Mastodon frontend based off of the Chuckya fork with extra support for Iceshrimp based features, the most stable/recommended. Source +
    • +
  • + Akkoma • The Akkoma frontend with extra support for Iceshrimp based features. Source +
    • +
  • + Phanpy • Opinionated Mastodon client, works well with Iceshrimp. Enable the Akkoma flag for proper support with Emoji reactions. Source +
    • +
  • + pl-fe • Another Mastodon-compatible client, works well with Iceshrimp. Source +
    • +
+
+
-

Thanks for visiting, beep!

+
+
+
+

Thanks for visiting, beep!

+
+
+
\ No newline at end of file