From 6ce26f68cb183c5f6d42fe48a1eda32541503316 Mon Sep 17 00:00:00 2001 From: Ruben Date: Sun, 26 Oct 2025 00:36:55 -0500 Subject: [PATCH] revamped services page (with temp ugly filters menu --- _includes/layouts/footer.njk | 3 +- _includes/layouts/navbar.njk | 4 - _includes/layouts/services/chat.njk | 15 -- _includes/layouts/services/filters.njk | 30 +++ _includes/layouts/services/frontends.njk | 15 -- _includes/layouts/services/fun.njk | 15 -- _includes/layouts/services/list.njk | 296 +++++++++++++++++++++++ _includes/layouts/services/other.njk | 10 - _includes/layouts/services/personal.njk | 16 -- _includes/layouts/services/services.njk | 17 +- _includes/layouts/services/sharing.njk | 10 - _includes/layouts/services/social.njk | 38 --- _includes/layouts/services/toc.njk | 87 ------- _includes/styles/base.css | 165 ++++++------- _includes/styles/icons.css | 4 + _includes/styles/pages/services.css | 103 ++++++-- assets/icons/forgejo.svg | 1 + assets/icons/freshrss.svg | 1 + assets/icons/vaultwarden.svg | 1 + assets/icons/xmpp.svg | 1 + assets/synth.download/icons/ask.svg | 1 + assets/synth.download/icons/search.svg | 1 + 22 files changed, 493 insertions(+), 341 deletions(-) delete mode 100644 _includes/layouts/services/chat.njk create mode 100644 _includes/layouts/services/filters.njk delete mode 100644 _includes/layouts/services/frontends.njk delete mode 100644 _includes/layouts/services/fun.njk create mode 100644 _includes/layouts/services/list.njk delete mode 100644 _includes/layouts/services/other.njk delete mode 100644 _includes/layouts/services/personal.njk delete mode 100644 _includes/layouts/services/sharing.njk delete mode 100644 _includes/layouts/services/social.njk delete mode 100644 _includes/layouts/services/toc.njk create mode 100644 assets/icons/forgejo.svg create mode 100644 assets/icons/freshrss.svg create mode 100644 assets/icons/vaultwarden.svg create mode 100644 assets/icons/xmpp.svg create mode 100644 assets/synth.download/icons/ask.svg create mode 100644 assets/synth.download/icons/search.svg diff --git a/_includes/layouts/footer.njk b/_includes/layouts/footer.njk index 5d02f0c..7f674dc 100644 --- a/_includes/layouts/footer.njk +++ b/_includes/layouts/footer.njk @@ -19,7 +19,8 @@ Terms of Service Administrators Uptime Status - Website source + Website source + Server configurations Synth species created by Vader-San diff --git a/_includes/layouts/navbar.njk b/_includes/layouts/navbar.njk index 5a15521..d425166 100644 --- a/_includes/layouts/navbar.njk +++ b/_includes/layouts/navbar.njk @@ -14,9 +14,6 @@
  • Services
    • -
  • - Admins -
  • Donate
    • @@ -24,7 +21,6 @@ Home Services - Admins Donate diff --git a/_includes/layouts/services/chat.njk b/_includes/layouts/services/chat.njk deleted file mode 100644 index 3633a8d..0000000 --- a/_includes/layouts/services/chat.njk +++ /dev/null @@ -1,15 +0,0 @@ -
    - Chat -
    -
    -

    XMPP Private

    -

    Generic XMPP server ran by us, powered with ejabberd. Simply point your client to synth.download.

    -

    -
    - -
    -
    \ No newline at end of file diff --git a/_includes/layouts/services/filters.njk b/_includes/layouts/services/filters.njk new file mode 100644 index 0000000..9ef7583 --- /dev/null +++ b/_includes/layouts/services/filters.njk @@ -0,0 +1,30 @@ +
    + + Filters + + + + + +

    Category

    + + + + + + + + + + +     + +

    Publicity

    + + + + +     +     +     +
    \ No newline at end of file diff --git a/_includes/layouts/services/frontends.njk b/_includes/layouts/services/frontends.njk deleted file mode 100644 index 6a583ae..0000000 --- a/_includes/layouts/services/frontends.njk +++ /dev/null @@ -1,15 +0,0 @@ -

    Frontends

    -

    Alternative, faster, privacy-respecting methods of accessing different websites or services contents.

    - - -

    Redlib

    -

    A privacy respecting frontend for Reddit.

    -

    This instance may be nonfunctional from time to time.

    - Go Source -     - -

    SafeTwitch

    -

    A privacy respecting frontend for watching live Twitch streams.

    - Go Source -     -     \ No newline at end of file diff --git a/_includes/layouts/services/fun.njk b/_includes/layouts/services/fun.njk deleted file mode 100644 index 3532f03..0000000 --- a/_includes/layouts/services/fun.njk +++ /dev/null @@ -1,15 +0,0 @@ -
    - Fun -
    -
    -

    Ask-js Private

    -

    Platform for receiving and answering anonymous questions and answers.

    -

    Go

    -
    -
    -

    A Dark Room

    -

    Just a mirror of A Dark Room, a minimalist and dark text adventure-like game

    -

    Go

    -
    -
    -
    \ No newline at end of file diff --git a/_includes/layouts/services/list.njk b/_includes/layouts/services/list.njk new file mode 100644 index 0000000..c8400e3 --- /dev/null +++ b/_includes/layouts/services/list.njk @@ -0,0 +1,296 @@ + + +

    + + Redlib + + + + +

    +

    A privacy respecting frontend for Reddit.

    +

    This instance may be nonfunctional from time to time.

    + + + + + + + + + +     + +

    + + SafeTwitch + + + + +

    +

    A privacy respecting frontend for proxying and watching live Twitch streams.

    + + + + + + + + + +     + +

    + + SearxNG + + + + + +

    +

    Metasearch engine that retrieves web search results from multiple other search engines, while respecting user privacy.

    + + + + + + + + + +     + +

    + + Sharkey + + + + +

    +

    Advanced, fun, featureful and federated social media platform for the Fediverse. Based on Misskey.

    +

    Accounts are located at @booping.synth.download

    + + + + + + + + + + + + +     + +

    + + Mastodon + + + + +

    +

    Traditional, Calmer, more Twitter-like and federated social media platform for the Fediverse. Runs our own fork with added features.

    +

    Accounts are located at @merping.synth.download

    + + + + + + + + + + + + +     + +

    + + Iceshrimp.NET + + + + +

    +

    Lightweight, Misskey-inspired software for the Fediverse.

    +

    Accounts are located at @synth.download

    +

    We currently do not suggest using this software. Sharkey and Mastodon provide better and more stable user experiences.

    + + + + + + + + + + + + +     + +

    + + PDS + + + + +

    +

    Personal Data Server, used to store your profile data and interact with applications in the Atmosphere, such as Bluesky.

    + + + + + + + + +     + +

    + + pl-fe + + + + + +

    +

    General fediverse compatible client, using a baseline of the Mastodon API with extended support for more APIs and features from other softwares.

    + + + + + + + + +     + +

    + + Phanpy + + + + + +

    +

    Opinionated Mastodon-API compatible fediverse client. Our own fork with improved support for extra features, such as emoji reactions.

    + + + + + + + + +     + +

    + + AskJS + + + + + +

    +

    Anonymous asking site to ask users questions.

    + + + + + + + + + +     + +

    + + XMPP + + + + +

    +

    Our Ejabberd server, for the XMPP chat protocol.

    + + + + + XMPP Specifications compliance: 100% + + +     + +

    + + Forgejo + + + + + +

    +

    Self-hosted Git forge for storing code repositories.

    + + + + + + + + + +     + +

    + + Vaultwarden + + + + +

    +

    A Bitwarden-compatible password manager, hosted by us.

    + + + + + + + + + +     + +

    + + FreshRSS + + + + +

    +

    An online RSS reader and news aggregator.

    + + + + + + + + + +     +     \ No newline at end of file diff --git a/_includes/layouts/services/other.njk b/_includes/layouts/services/other.njk deleted file mode 100644 index a76e907..0000000 --- a/_includes/layouts/services/other.njk +++ /dev/null @@ -1,10 +0,0 @@ -
    - Other -
    -
    -

    ZITADEL Private

    -

    Our authenticator to access multiple services using one account... or an attempt to. Currently only used for FreshRSS and Forgejo, and hoping to expand more with this.

    -

    Go

    -
    -
    -
    \ No newline at end of file diff --git a/_includes/layouts/services/personal.njk b/_includes/layouts/services/personal.njk deleted file mode 100644 index 2ed0bdc..0000000 --- a/_includes/layouts/services/personal.njk +++ /dev/null @@ -1,16 +0,0 @@ -
    - Personal -
    -
    -

    Vaultwarden Private

    -

    Bitwarden-compatible password manager with 2FA support and all that good stuff.

    -

    Go

    -
    -
    -

    FreshRSS Private

    -

    Online RSS and Atom compatible feed reader.

    -

    Log in through ZITADEL.

    -

    Go

    -
    -
    -
    \ No newline at end of file diff --git a/_includes/layouts/services/services.njk b/_includes/layouts/services/services.njk index 9050cd1..a8e354d 100644 --- a/_includes/layouts/services/services.njk +++ b/_includes/layouts/services/services.njk @@ -15,16 +15,11 @@

    Services

    -

    All of our services that we host on Synth.download will be listed here. If you have a suggestion for a service to possibly look into hosting, feel free to poke at Sneexy!

    -

    Any service with Private listed next to its name means that it's an invite-only service, and/or requires an account for accessibility/complete usage. To boil it down, almost all services will be Private unless it's a service that has no need for an account such an alternative frontend.

    - {% include "layouts/services/toc.njk" %} -
    - {% include "layouts/services/frontends.njk" %} - {% include "layouts/services/social.njk" %} - {% include "layouts/services/chat.njk" %} - {% include "layouts/services/sharing.njk" %} - {% include "layouts/services/fun.njk" %} - {% include "layouts/services/personal.njk" %} - {% include "layouts/services/other.njk" %} +

    This page lists all services hoted on Synth.Download for both public and private member usage. Statuses, service announcements, incidents and general uptime information will be monitored and reported at our status page.

    +

    All services and systems for Synth.Download are manually upgraded and rebooted every week on the weekends in our available times. If services are down, please give it a few minutes before trying again.

    +

    To suggest a service to be run by us, please contact synth@synth.download or poke at an admin. Same case for if there is anything wrong.

    +

    For those curious on our systems or configurations, refer to our about page.

    + {% include "layouts/services/filters.njk" %} + {% include "layouts/services/list.njk" %}
    \ No newline at end of file diff --git a/_includes/layouts/services/sharing.njk b/_includes/layouts/services/sharing.njk deleted file mode 100644 index 007ece0..0000000 --- a/_includes/layouts/services/sharing.njk +++ /dev/null @@ -1,10 +0,0 @@ -
    - Sharing -
    -
    -

    Forgejo Private

    -

    A home for all of your Git repositories.

    -

    Go

    -
    -
    -
    \ No newline at end of file diff --git a/_includes/layouts/services/social.njk b/_includes/layouts/services/social.njk deleted file mode 100644 index 010f3b6..0000000 --- a/_includes/layouts/services/social.njk +++ /dev/null @@ -1,38 +0,0 @@ -

    Social

    -

    Social media related services (mainly those in the microblogging format) ran and managed by us. Ranges from custom clients for certain platforms to our own social homes.

    - - -

    Sharkey

    -

    Advanced, fun, featureful and federated social media platform for the Fediverse. Based on Misskey.

    -

    Accounts are located at @booping.synth.download

    - Go Information Source -     - -

    Mastodon

    -

    Traditional, Calmer, more Twitter-like and federated social media platform for the Fediverse. Runs our own fork with added features.

    -

    Accounts are located at @merping.synth.download

    - Go Information Source -     - -

    Iceshrimp.NET

    -

    Lightweight, Misskey-inspired software for the Fediverse.

    -

    Accounts are located at @synth.download

    -

    We currently do not suggest using this software. Sharkey and Mastodon provide better and more stable user experiences.

    - Go Information Source -     - -

    PDS

    -

    Personal Data Server, used to store your profile data and interact with applications in the Atmosphere, such as Bluesky.

    - Go Source -     - -

    pl-fe

    -

    General fediverse compatible client, using a baseline of the Mastodon API with extended support for more APIs and features from other softwares.

    - Go Source -     - -

    Phanpy

    -

    Opinionated Mastodon-API compatible fediverse client. Our own fork with improved support for extra features, such as emoji reactions.

    - Go Source -     -     \ No newline at end of file diff --git a/_includes/layouts/services/toc.njk b/_includes/layouts/services/toc.njk deleted file mode 100644 index eafeda1..0000000 --- a/_includes/layouts/services/toc.njk +++ /dev/null @@ -1,87 +0,0 @@ -
    - - Table-of-Contents - - -
    - -
    -
    diff --git a/_includes/styles/base.css b/_includes/styles/base.css index 065f36f..a3f93e5 100644 --- a/_includes/styles/base.css +++ b/_includes/styles/base.css @@ -119,13 +119,12 @@ h3 a, h4 a { font-size: 1.4rem; } -/* text */ -p, -li, -button { - .icon { - transform: scale(1.13); - } +[accent] { + color: var(--accent); +} + +[link-color] { + color: var(--link); } /* information colors */ @@ -208,55 +207,41 @@ li { } /* styled details elements */ -details.styled { - summary { - span { - padding-right: .6rem; - transform: translateY(.1rem); - vertical-align: middle; +details { + &[styled] { + background-color: light-dark(color-mix(in srgb, var(--accent) 5%, transparent), color-mix(in srgb, var(--accent) 3%, transparent)); + border-radius: .8rem .4rem .8rem .4rem; + border: .13rem solid var(--accent); + margin-bottom: 1rem; + + summary { + background: linear-gradient(color-mix(in srgb, var(--accent) 2%, transparent), color-mix(in srgb, var(--accent) 14%, transparent)); + border-bottom: unset; + cursor: pointer; + padding: .45rem; + + icon-tabler[arrow-autofit-height] { + float: right; + } + + &::marker { + content: ""; + } } - .tabler--arrow-autofit-height:last-of-type { - margin-left: auto; + details-content { + display: block; + padding: .8rem; + + p:first-of-type { margin-top: 0; } + p:last-of-type { margin-bottom: 0; } } - background: linear-gradient(color-mix(in srgb, var(--accent) 3%, transparent), color-mix(in srgb, var(--accent) 12%, transparent)); - border-bottom: unset !important; - cursor: pointer; - padding: .65rem; - } - - section { - padding: 1rem; - text-align: start !important; - - ul { - margin: 0 0 0 -.5rem; + &[open] { + summary { + border-bottom: .1rem solid var(--accent); + } } - - p:first-of-type { - margin-top: 0 !important; - } - - p:last-of-type { - margin-bottom: 0 !important; - } - } - - .last { - margin-bottom: .8rem; - } - - background-color: color-mix(in srgb, var(--accent) 3%, transparent); - border-radius: .8rem .4rem .8rem .4rem; - border: .13rem solid var(--accent); - margin-top: 1.3rem; - overflow: clip; -} - -details.styled[open] { - summary { - border-bottom: .1rem solid var(--accent) !important; } } @@ -329,7 +314,7 @@ details.cw[open] { /* card styling */ card-container { display: grid; - gap: 1rem; + gap: 1.2rem; grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); margin-bottom: 1.5rem; @@ -339,12 +324,13 @@ card-container { border: .15rem solid var(--border); display: flex; flex-flow: column; + height: auto; padding: .6rem; width: auto; h3 { margin-top: 0; - margin-bottom: .6rem; + margin-bottom: 1rem; [icon] { height: 1.4rem; @@ -352,12 +338,19 @@ card-container { vertical-align: top; } - icon-tabler { + span[status] { + display: flex; + flex-direction: row; float: right; - vertical-align: middle; - &[lock], &[server] { - color: var(--link); + icon-tabler { + margin-left: .3rem; + &[lock] { + color: var(--link); + } + &[device-desktop-cog] { + color: var(--blue); + } } } } @@ -373,9 +366,10 @@ card-container { p { margin-top: 0; + margin-bottom: 1rem; } - &[dont-suggest] { + &[advise-against] { opacity: .7; transition: 1s; border-color: color-mix(in srgb, var(--warning) 30%, transparent); @@ -387,6 +381,25 @@ card-container { buttons-container { margin-top: auto; + + img { + align-self: center; + border-radius: 10rem; + height: 1.3rem; + vertical-align: middle; + width: auto; + } + + a { + icon-tabler { + pointer-events: none; + } + + &:has(img[src^="https://compliance"]) { + align-self: center; + font-size: 0; + } + } } } } @@ -436,11 +449,6 @@ audio { border-radius: 3rem; } -/* summary styling */ -summary { - display: flex; -} - /* button link styling */ .button { background-color: color-mix(in srgb, var(--accent) 25%, transparent); @@ -632,7 +640,6 @@ html:has(input[type="checkbox"]#spoil-nsfw-content:checked) { .alt-popup { position: fixed; - text-transform: none !important; background-color: color-mix(in srgb, var(--background) 85%, transparent); backdrop-filter: blur(.5rem); color: var(--foreground); @@ -747,34 +754,4 @@ checkbox-button-group { position: absolute; pointer-events: none; } -} - -/* atmedia*/ - -@media screen and (max-width: 1083px) { - details.styled { - section { - - /* reset margins for list on mobile view */ - ul { - margin: unset !important; - } - } - } -} - -/* different styling for elements in dark mode - must also be applied to the html element below - needed as to not break with users using their browser settings or manually setting the theme through the website */ -html:not([data-theme="light"]) { - @media (prefers-color-scheme: dark) { - .button:hover { - color: var(--background); - } - } -} - -html[data-theme="dark"] { - .button:hover { - color: var(--background); - } } \ No newline at end of file diff --git a/_includes/styles/icons.css b/_includes/styles/icons.css index 9fa0472..623fee5 100644 --- a/_includes/styles/icons.css +++ b/_includes/styles/icons.css @@ -42,6 +42,7 @@ icon-tabler { &[corner-down-right] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 6v6a3 3 0 0 0 3 3h10l-4-4m0 8l4-4'/%3E%3C/svg%3E"); } &[currency-dollar] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16.7 8A3 3 0 0 0 14 6h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1-2.7-2M12 3v3m0 12v3'/%3E%3C/svg%3E"); } &[database-share] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6c0 1.657 3.582 3 8 3s8-1.343 8-3s-3.582-3-8-3s-8 1.343-8 3'/%3E%3Cpath d='M4 6v6c0 1.657 3.582 3 8 3q.541 0 1.065-.026M20 13V6'/%3E%3Cpath d='M4 12v6c0 1.657 3.582 3 8 3m4 1l5-5m0 4.5V17h-4.5'/%3E%3C/g%3E%3C/svg%3E"); } + &[device-desktop-cog] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v7M7 20h5m-3-4v4m8.001-1a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-3.5V17m0 4v1.5m3.031-5.25l-1.299.75m-3.463 2l-1.3.75m0-3.5l1.3.75m3.463 2l1.3.75'/%3E%3C/svg%3E"); } &[device-gamepad-2] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 5h3.5a5 5 0 0 1 0 10H10l-4.015 4.227a2.3 2.3 0 0 1-3.923-2.035l1.634-8.173A5 5 0 0 1 8.6 5z'/%3E%3Cpath d='m14 15l4.07 4.284a2.3 2.3 0 0 0 3.925-2.023l-1.6-8.232M8 9v2m-1-1h2m5 0h2'/%3E%3C/g%3E%3C/svg%3E"); } &[device-mobile] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm5-1h2m-1 13v.01'/%3E%3C/svg%3E"); } &[external-link] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5'/%3E%3C/svg%3E"); } @@ -58,6 +59,7 @@ icon-tabler { &[mail] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='m3 7l9 6l9-6'/%3E%3C/g%3E%3C/svg%3E"); } &[maximize] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2'/%3E%3C/svg%3E"); } &[message-chatbot] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zM9.5 9h.01m4.99 0h.01'/%3E%3Cpath d='M9.5 13a3.5 3.5 0 0 0 5 0'/%3E%3C/g%3E%3C/svg%3E"); } + &[message] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 9h8m-8 4h6m4-9a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z'/%3E%3C/svg%3E"); } &[minimize] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19v-2a2 2 0 0 1 2-2h2M15 5v2a2 2 0 0 0 2 2h2M5 15h2a2 2 0 0 1 2 2v2M5 9h2a2 2 0 0 0 2-2V5'/%3E%3C/svg%3E"); } &[mood-empty] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m6-2h.01M15 10h.01M9 15h6'/%3E%3C/svg%3E"); } &[mood-look-up] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m6-4h.01M15 8h.01M11 12h2'/%3E%3C/svg%3E"); } @@ -70,10 +72,12 @@ icon-tabler { &[robot-face] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 5h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2'/%3E%3Cpath d='M9 16q1.5 1 3 1c1.5 0 2-.333 3-1M9 7L8 3m7 4l1-4m-7 9v-1m6 1v-1'/%3E%3C/g%3E%3C/svg%3E"); } &[rosette-discount-check] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 7.2A2.2 2.2 0 0 1 7.2 5h1a2.2 2.2 0 0 0 1.55-.64l.7-.7a2.2 2.2 0 0 1 3.12 0l.7.7c.412.41.97.64 1.55.64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58.23 1.138.64 1.55l.7.7a2.2 2.2 0 0 1 0 3.12l-.7.7a2.2 2.2 0 0 0-.64 1.55v1a2.2 2.2 0 0 1-2.2 2.2h-1a2.2 2.2 0 0 0-1.55.64l-.7.7a2.2 2.2 0 0 1-3.12 0l-.7-.7a2.2 2.2 0 0 0-1.55-.64h-1a2.2 2.2 0 0 1-2.2-2.2v-1a2.2 2.2 0 0 0-.64-1.55l-.7-.7a2.2 2.2 0 0 1 0-3.12l.7-.7A2.2 2.2 0 0 0 5 8.2z'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E"); } &[rss] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 19a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 4a16 16 0 0 1 16 16M4 11a9 9 0 0 1 9 9'/%3E%3C/svg%3E"); } + &[search] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E"); } &[server-cog] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm9 13H6a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h10.5m-.5 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-3.5V16m0 4v1.5m3.032-5.25l-1.299.75m-3.463 2l-1.3.75m0-3.5l1.3.75m3.463 2l1.3.75M7 8v.01M7 16v.01'/%3E%3C/svg%3E"); } &[server] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm4-7v.01M7 16v.01'/%3E%3C/svg%3E"); } &[settings] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E"); } &[shield-lock] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3a12 12 0 0 0 8.5 3A12 12 0 0 1 12 21A12 12 0 0 1 3.5 6A12 12 0 0 0 12 3'/%3E%3Cpath d='M11 11a1 1 0 1 0 2 0a1 1 0 1 0-2 0m1 1v2.5'/%3E%3C/g%3E%3C/svg%3E"); } + &[social] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 1 0 4 0a2 2 0 1 0-4 0M3 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m14 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0m-8-5a3 3 0 1 0 6 0a3 3 0 1 0-6 0m3-7v4m-5.3 6.8l2.8-2m7.8 2l-2.8-2'/%3E%3C/svg%3E"); } &[text-size] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 7V5h13v2m-6-2v14m2 0H8m7-6v-1h6v1m-3-1v7m-1 0h2'/%3E%3C/svg%3E"); } &[thumb-down] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 13V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1za4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2-2l-1-5a2 3 0 0 0-2-2h-7a3 3 0 0 0-3 3'/%3E%3C/svg%3E"); } &[thumb-up] { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 11v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1za4 4 0 0 0 4-4V6a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1-2 2h-7a3 3 0 0 1-3-3'/%3E%3C/svg%3E"); } diff --git a/_includes/styles/pages/services.css b/_includes/styles/pages/services.css index 3c8d895..a8cf8af 100644 --- a/_includes/styles/pages/services.css +++ b/_includes/styles/pages/services.css @@ -7,33 +7,86 @@ / ╰───────────────────────────────────────╯ / services - styling for managing the services page */ -#services.window { - .flex-container { - display: flex; - flex-direction: row; - - section { - flex: 1; - } +article#services { + details[styled] { + services-filters { + display: flex; + flex-wrap: wrap; + gap: 1rem; - #public { - padding: 0 .8rem 0 0; - } - - #private { - padding: 0 0 0 .8rem; - } - } -} - -@media screen and (max-width: 59em) { - #services.window { - .flex-container { - flex-direction: column !important; - - #public, #private { - padding: unset !important; + sf-category, sf-publicity { + margin-right: auto; } } } + + /* frontends */ + &:not(:has(input#service-frontend:checked)) { + card-container card-entry:has(h3 span[status] icon-tabler[cloud-network]) { + display: none; + } + } + + /* search */ + &:not(:has(input#service-search:checked)) { + card-container card-entry:has(h3 span[status] icon-tabler[search]) { + display: none; + } + } + + /* social */ + &:not(:has(input#service-social:checked)) { + card-container card-entry:has(h3 span[status] icon-tabler[social]) { + display: none; + } + } + + /* fun */ + &:not(:has(input#service-fun:checked)) { + card-container card-entry:has(h3 span[status] icon-tabler[mood-smile]) { + display: none; + } + } + + /* chat */ + &:not(:has(input#service-chat:checked)) { + card-container card-entry:has(h3 span[status] icon-tabler[message]) { + display: none; + } + } + + /* sharing */ + &:not(:has(input#service-sharing:checked)) { + card-container card-entry:has(h3 span[status] icon-tabler[database-share]) { + display: none; + } + } + + /* git */ + &:not(:has(input#service-git:checked)) { + card-container card-entry:has(h3 span[status] icon-tabler[brand-git]) { + display: none; + } + } + + /* personal */ + &:not(:has(input#service-personal:checked)) { + card-container card-entry:has(h3 span[status] icon-tabler[user]) { + display: none; + } + } + + /* public */ + &:not(:has(input#service-public:checked)) { + card-container card-entry:has(h3 span[status] icon-tabler[planet]) { + display: none !important; + } + } + + /* private */ + &:not(:has(input#service-private:checked)) { + card-container card-entry:has(h3 span[status] icon-tabler[lock]) { + display: none !important; + } + } } \ No newline at end of file diff --git a/assets/icons/forgejo.svg b/assets/icons/forgejo.svg new file mode 100644 index 0000000..804b05e --- /dev/null +++ b/assets/icons/forgejo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/freshrss.svg b/assets/icons/freshrss.svg new file mode 100644 index 0000000..266ab97 --- /dev/null +++ b/assets/icons/freshrss.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/vaultwarden.svg b/assets/icons/vaultwarden.svg new file mode 100644 index 0000000..a37dc0e --- /dev/null +++ b/assets/icons/vaultwarden.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/xmpp.svg b/assets/icons/xmpp.svg new file mode 100644 index 0000000..0a91e4a --- /dev/null +++ b/assets/icons/xmpp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/synth.download/icons/ask.svg b/assets/synth.download/icons/ask.svg new file mode 100644 index 0000000..9b79ec6 --- /dev/null +++ b/assets/synth.download/icons/ask.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/synth.download/icons/search.svg b/assets/synth.download/icons/search.svg new file mode 100644 index 0000000..36bc49f --- /dev/null +++ b/assets/synth.download/icons/search.svg @@ -0,0 +1 @@ + \ No newline at end of file