revamping the services page
All checks were successful
/ build (push) Successful in 4m35s

This commit is contained in:
Ruben 2025-10-19 23:24:45 -05:00
commit 5834fd1e04
Signed by: sneexy
GPG key ID: 8ECFA045E63BC583
17 changed files with 207 additions and 90 deletions

View file

@ -23,6 +23,7 @@
</footer-section>
<footer-section blurbs>
<p><span style="color: var(--link);">Synth.Download</span> is not affiliated with the Synth species creator <span no-uncap>(Vader-San)</span> in any way, and is simply just a fun little passion site.</p>
<p>By accessing and using Synth.Download and any of our services, you agree to our Privacy Policy and Terms of Service.</p>
<p>Made with love, lack of sleep and procrastination.</p>
<p>♡2025 All wrongs reversed. Please copy and share.</p>
</footer-section>

View file

@ -1,15 +1,15 @@
<details id="frontends" class="styled">
<summary><span class="icon tabler--cloud-network"></span> Frontends <span class="icon tabler--arrow-autofit-height"></span></summary>
<section>
<div id="redlib" class="card redlib">
<h4><a href="#redlib">Redlib</a></h4>
<p>A simple alternative frontend for accessing <a href="https://reddit.com">Reddit</a> content.</p>
<p class="button-container"><a class="button" href="https://reddit.synth.download"><span class="icon tabler--arrow-forward"></span> Go</a></p>
</div>
<div id="safetwitch" class="card last safetwitch">
<h4><a href="#safetwitch">SafeTwitch</a></h4>
<p>Alternative frontend for watching live <a href="https://twitch.tv">Twitch</a> streams.</p>
<p class="button-container"><a class="button" href="https://twitch.synth.download"><span class="icon tabler--arrow-forward"></span> Go</a></p>
</div>
</section>
</details>
<h2 style="margin-top: .8rem;">Frontends</h2>
<p style="margin-top: -.6rem;">Alternative, faster, privacy-respecting methods of accessing different websites or services contents.</p>
<card-container frontends>
<card-entry redlib>
<h3><img icon src="/assets/synth.download/icons/redlib.svg" alt="Redlib" /> Redlib <icon-tabler planet aria-label="Public, can be used publicly and/or service is entirely client-side."></icon-tabler></h3>
<p desc>A privacy respecting frontend for <a href="https://reddit.com">Reddit</a>.</p>
<p warning><icon-tabler alert-triangle aria-label="Warning"></icon-tabler> This instance may be nonfunctional from time to time.</p>
<buttons-container><a button href="https://reddit.synth.download"><icon-tabler arrow-forward></icon-tabler> Go</a> <a button href="https://github.com/redlib-org/redlib"><icon-tabler brand-git></icon-tabler> Source</a></buttons-container>
</card-entry>
<card-entry safetwitch>
<h3><img icon src="/assets/synth.download/icons/twitch.svg" alt="Twitch" /> SafeTwitch <icon-tabler planet aria-label="Public, can be used publicly and/or service is entirely client-side."></icon-tabler></h3>
<p desc>A privacy respecting frontend for watching live <a href="https://twitch.com">Twitch</a> streams.</p>
<buttons-container><a button href="https://twitch.synth.download"><icon-tabler arrow-forward></icon-tabler> Go</a> <a button href="https://codeberg.org/safetwitch/safetwitch"><icon-tabler brand-git></icon-tabler> Source</a></buttons-container>
</card-entry>
</card-container>

View file

@ -18,7 +18,7 @@
<p>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 <a href="https://sneexy.synth.download">Sneexy</a>!</p>
<p>Any service with <span class="badge">Private</span> listed next to its name means that it's an invite-only service, and/or requires an account for accessibility/complete usage. <small>To boil it down, almost all services will be <span class="badge">Private</span> unless it's a service that has no need for an account such an alternative frontend.</small></p>
{% include "layouts/services/toc.njk" %}
<hr class=solid>
<hr class="solid">
{% include "layouts/services/frontends.njk" %}
{% include "layouts/services/social.njk" %}
{% include "layouts/services/chat.njk" %}

View file

@ -1,33 +1,28 @@
<h2>Social</h2>
<card-container horizontal>
</card-container>
<details id="social" class="styled">
<summary><span class="icon tabler--universe"></span> Social <span class="icon tabler--arrow-autofit-height"></span></summary>
<section>
<div id="sharkey" class="card sharkey">
<h4><a href="#sharkey">Sharkey</a> <span class="badge">Private</span></h4>
<p>Advanced social media software connected to the wider <a href="https://fediverse.info">Fediverse</a> (<a href="https://activitypub.rocks/">ActivityPub</a>), based on <a href="https://misskey-hub.net">Misskey</a> with <a href="https://docs.joinsharkey.org/docs/comparison/misskey">many improvements</a>.</p>
<p class="info-box info"><span class="icon tabler--info-circle"></span> Accounts from this instance shall be reached via <span style="color:var(--link);">@booping.synth.download</span></p>
<p class="button-container"><a class="button" href="/sharkey"><span class="icon tabler--info-circle"></span> Info</a> <a class="button" href="https://booping.synth.download"><span class="icon tabler--arrow-forward"></span> Go</a></p>
</div>
<div id="iceshrimp" class="card iceshrimp">
<h4><a href="#iceshrimp">Iceshrimp</a> <span class="badge">Private</span></h4>
<p>Another advanced social media software connected to the wider <a href="https://fediverse.info">Fediverse</a> (<a href="https://activitypub.rocks/">ActivityPub</a>), provided as an alternative for those who dislike the Misskey experience or prefer the Mastodon compatibility.</p>
<p class="info-box info"><span class="icon tabler--info-circle"></span> Accounts from this instance shall be reached via <span style="color:var(--link);">@synth.download</span>, wherever supported.</p>
<p class="button-container"><a class="button" href="/iceshrimp"><span class="icon tabler--info-circle"></span> Info</a> <a class="button" href="https://beeping.synth.download"><span class="icon tabler--arrow-forward"></span> Go</a></p>
</div>
<div id="mastodon" class="card mastodon">
<h4><a href="#mastodon">Mastodon</a> <span class="badge">Private</span></h4>
<p>Calmer social media software connected to the wider <a href="https://fediverse.info">Fediverse</a> (<a href="https://activitypub.rocks/">ActivityPub</a>), it's Mastodon. Running a <a href="https://github.com/melontini/mastodon">light fork</a> of <a href="https://github.com/TheEssem/mastodon">Chuckya</a> which includes features such as emoji reactions.</p>
<p class="info-box info"><span class="icon tabler--info-circle"></span> Accounts from this instance shall be reached via <span style="color:var(--link);">@merping.synth.download</span></p>
<p class="button-container"><a class="button" href="/mastodon"><span class="icon tabler--info-circle"></span> Info</a> <a class="button" href="https://merping.synth.download"><span class="icon tabler--arrow-forward"></span> Go</a></p>
</div>
<div id="pds" class="card last pds">
<h4><a href="#pds">PDS</a> <span class="badge">Private</span></h4>
<p>Synth.download's <b>P</b>ersonal <b>D</b>ata <b>S</b>erver, to be used with the Atmosphere (<a href="https://atproto.com">ATProto</a>) and more specifically, <a href="https://bsky.app">Bluesky</a>.</p>
<p class="button-container"><a class="button" href="https://pds.synth.download"><span class="icon tabler--arrow-forward"></span> Go</a></p>
</div>
</section>
</details>
<h2 style="margin-top: .8rem;">Social</h2>
<p style="margin-top: -.6rem;">Social media related services <small>(mainly those in the microblogging format)</small> ran and managed by us. Ranges from custom clients for certain platforms to our own social homes.</p>
<card-container social>
<card-entry sharkey>
<h3><img icon src="/assets/synth.download/icons/boopkey.svg" alt="Boopkey!" /> Sharkey <icon-tabler server aria-label="Private, requires user registration in order to access or fully use."></icon-tabler></h3>
<p desc>Advanced, fun, featureful and federated social media platform for the <a href="https://fediverse.info">Fediverse</a>. <small>Based on <a href="https://misskey-hub.net">Misskey</a>.</small></p>
<p info><icon-tabler info-circle aria-label="Information"></icon-tabler> Accounts are located at <span>@booping.synth.download</span></p>
<buttons-container><a button href="https://booping.synth.download"><icon-tabler arrow-forward></icon-tabler> Go</a> <a button href="/fediverse"><icon-tabler info-circle></icon-tabler> Information</a> <a button href="https://activitypub.software/TransFem-org/Sharkey"><icon-tabler brand-git></icon-tabler> Source</a></buttons-container>
</card-entry>
<card-entry mastodon>
<h3><img icon src="/assets/synth.download/icons/merpstodon.svg" alt="Merpstodon!" /> Mastodon <icon-tabler server aria-label="Private, requires user registration in order to access or fully use."></icon-tabler></h3>
<p desc>Traditional, Calmer, more Twitter-like and federated social media platform for the <a href="https://fediverse.info">Fediverse</a>. <small>Runs our own fork with added features.</small></p>
<p info><icon-tabler info-circle aria-label="Information"></icon-tabler> Accounts are located at <span>@merping.synth.download</span></p>
<buttons-container><a button href="https://merping.synth.download"><icon-tabler arrow-forward></icon-tabler> Go</a> <a button href="/fediverse"><icon-tabler info-circle></icon-tabler> Information</a> <a button href="https://github.com/synth-download/mastodon"><icon-tabler brand-git></icon-tabler> Source</a></buttons-container>
</card-entry>
<card-entry iceshrimp dont-suggest>
<h3><img icon src="/assets/synth.download/icons/icesynth.svg" alt="Icesynth!" /> Iceshrimp.NET <icon-tabler server aria-label="Private, requires user registration in order to access or fully use."></icon-tabler></h3>
<p desc>Lightweight, Misskey-inspired software for the <a href="https://fediverse.info">Fediverse</a>.</p>
<p info><icon-tabler info-circle aria-label="Information"></icon-tabler> Accounts are located at <span>@synth.download</span></p>
<p warning><icon-tabler alert-triangle aria-label="Warning"></icon-tabler> We currently do not suggest using this software. Sharkey and Mastodon provide better and more stable user experiences.</p>
<buttons-container><a button href="https://beeping.synth.download"><icon-tabler arrow-forward></icon-tabler> Go</a> <a button href="/fediverse"><icon-tabler info-circle></icon-tabler> Information</a> <a button href="https://iceshrimp.dev/iceshrimp/iceshrimp.net"><icon-tabler brand-git></icon-tabler> Source</a></buttons-container>
</card-entry>
<card-entry pds>
<h3><img icon src="/assets/synth.download/icons/atproto.svg" alt="Atproto" /> PDS <icon-tabler server aria-label="Private, requires user registration in order to access or fully use."></icon-tabler></h3>
<p desc><b>P</b>ersonal <b>D</b>ata <b>S</b>erver, used to store your profile data and interact with applications in the <a href="https://atproto.com">Atmosphere</a>, such as <a href="https://bsky.app">Bluesky</a>.</p>
<buttons-container><a button href="https://pds.synth.download"><icon-tabler arrow-forward></icon-tabler> Go</a> <a button href="https://github.com/bluesky-social/pds"><icon-tabler brand-git></icon-tabler> Source</a></buttons-container>
</card-entry>
</card-container>

View file

@ -16,6 +16,7 @@
<h3>Font</h3>
<radio-button-group aria-label="Font selector" role="radiogroup">
<label for="font-monospace" style="font-family: monospace !important;"><input type="radio" id="font-monospace" name="font-setting" value="monospace" checked>Monospace</label>
<label for="font-system" style="font-family: system-ui, -apple-system !important;"><input type="radio" id="font-system" name="font-setting" value="system">System UI</label>
<label for="font-sserif" style="font-family: sans-serif !important;"><input type="radio" id="font-sserif" name="font-setting" value="sserif">Sans Serif</label>
<label for="font-serif" style="font-family: serif !important;"><input type="radio" id="font-serif" name="font-setting" value="serif">Serif</label>
</radio-button-group>

View file

@ -25,6 +25,10 @@
--font-family: monospace, system-ui, -apple-system, sans-serif;
}
&:has(#font-system:checked) { /* system ui*/
--font-family: system-ui, -apple-system, sans-serif;
}
&:has(#font-sserif:checked) { /* sans seris */
--font-family: sans-serif, 'Segoe UI', system-ui, -apple-system;
}
@ -39,11 +43,14 @@
text-transform: none !important;
}
}
&:has(#disable-bg:checked) { /* disable background gradient */
body {
background: var(--background) !important;
background: var(--background);
bg-gradient, bg-image {
display: none !important;
}
}
}

View file

@ -128,6 +128,15 @@ button {
}
}
/* information colors */
[info] {
color: var(--blue);
}
[warning] {
color: var(--warning);
}
/* links should look good i think */
a {
color: var(--foreground);
@ -319,45 +328,66 @@ details.cw[open] {
/* card styling */
card-container {
display: flex;
gap: .5rem;
.card {
background-color: ;
}
&[horizontal] {
flex-flow: row wrap;
}
}
.card {
background-color: color-mix(in srgb, var(--background) 95%, white);
border-radius: 1rem;
border: .2rem solid var(--border);
gap: .5rem;
margin-bottom: 1.4rem;
padding: 1rem;
h4 {
margin-top: unset !important;
margin-bottom: .4rem !important;
}
}
.card.last {
margin-bottom: unset !important;
}
.card.tilde-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
margin-bottom: unset !important;
}
gap: 1rem;
grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
margin-bottom: 1.5rem;
.card.question {
p {
margin: .6rem !important;
card-entry {
background-color: var(--background-secondary);
border-radius: 1rem;
border: .15rem solid var(--border);
display: flex;
flex-flow: column;
padding: .6rem;
width: auto;
h3 {
margin-top: 0;
margin-bottom: .6rem;
[icon] {
height: 1.4rem;
transition: .3s;
vertical-align: middle;
}
icon-tabler {
float: right;
vertical-align: middle;
&[server] {
color: var(--link);
}
}
}
&:hover {
h3 {
[icon] {
margin-right: .4rem;
transform: rotate(15deg) scale(2.5) translateX(-.1rem) translateY(-.2rem);
}
}
}
p {
margin-top: 0;
}
&[dont-suggest] {
opacity: .7;
transition: 1s;
border-color: color-mix(in srgb, var(--warning) 30%, transparent);
&:hover {
opacity: 1;
}
}
buttons-container {
margin-top: auto;
}
}
}
@ -619,6 +649,25 @@ html:has(input[type="checkbox"]#spoil-nsfw-content:checked) {
/* widgets */
buttons-container {
display: flex;
flex-flow: row wrap;
gap: .4rem;
[button] {
background: light-dark(color-mix(in srgb,var(--accent)60%,transparent), color-mix(in srgb,var(--accent)25%,transparent));
padding: .2rem .5rem;
border-radius: 10rem;
transition: .2s;
text-decoration: none !important;
&:hover {
background: var(--accent);
color: light-dark(var(--foreground), var(--background));
}
}
}
radio-button-group {
display: flex;
flex-flow: row wrap;

View file

@ -8,7 +8,8 @@
:root {
--background: light-dark(#fafafa, #121418);
--foreground: light-dark(#575f66, #caccd3);
--background-secondary: light-dark(hsl(from var(--background) h s calc(l - 6)), hsl(from var(--background) h s calc(l + 4)));
--foreground: light-dark(#393e42, #caccd3);
--accent: light-dark(#f2ae49, #efbd58);
--link: light-dark(hsl(from var(--accent) h s calc(l - 30)), var(--accent));
@ -32,6 +33,8 @@
--dark-cyan: light-dark(#4CBF99, #00B298);
--dark-white: light-dark(#FAFAFA, #ADB0BB);
--warning: light-dark(hsl(from var(--yellow) h s calc(l - 25)), var(--yellow));
--border: light-dark(hsl(from var(--foreground) h s calc(l + 45)), hsl(from var(--background) h s calc(l + 15)));
--hover: light-dark(hsl(from var(--background) h s calc(l - 20)), hsl(from var(--background) h s calc(l + 10)));
--shadow: light-dark(rgba(from var(--foreground) r g b / .8), rgba(from var(--background) r g b / .8));

View file

@ -56,7 +56,7 @@ footer {
width: 13rem;
p {
margin-bottom: .6rem;
margin-bottom: .8rem;
margin-top: 0;
}

View file

@ -71,6 +71,7 @@ icon-tabler {
&[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"); }
&[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"); }
&[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"); }

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="37" height="37" aria-hidden="true" class="h-6"><rect width="35" height="35" x="1" y="1" ry="9.035" style="fill:#121418;fill-opacity:1;stroke:#333844;stroke-width:2;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"/><path d="M18.48 32c-1.957 0-3.757-.324-5.4-.972-1.645-.648-3.073-1.566-4.285-2.754a12.247 12.247 0 0 1-2.808-4.158c-.66-1.596-.99-3.33-.99-5.202 0-2.232.342-4.212 1.026-5.94.696-1.728 1.656-3.18 2.88-4.356a12.48 12.48 0 0 1 4.284-2.7C14.82 5.306 16.565 5 18.425 5c2.28 0 4.278.354 5.994 1.062 1.716.708 3.144 1.668 4.284 2.88a11.706 11.706 0 0 1 2.538 4.158c.552 1.548.804 3.168.756 4.86-.06 2.328-.546 4.116-1.458 5.364-.912 1.236-2.328 1.854-4.248 1.854a5.839 5.839 0 0 1-2.826-.702 3.703 3.703 0 0 1-1.764-2.07l1.044.054c-.492.924-1.164 1.572-2.016 1.944a6.464 6.464 0 0 1-2.61.558c-1.212 0-2.28-.258-3.204-.774a5.682 5.682 0 0 1-2.178-2.214c-.528-.948-.792-2.046-.792-3.294 0-1.284.276-2.394.828-3.33a5.77 5.77 0 0 1 2.232-2.196c.936-.516 1.992-.774 3.168-.774.78 0 1.59.162 2.43.486.852.324 1.512.78 1.98 1.368l-.738.936v-2.286h2.412l-.054 6.462c0 .924.18 1.62.54 2.088.36.468.894.702 1.602.702.624 0 1.104-.174 1.44-.522.348-.36.588-.846.72-1.458a10.66 10.66 0 0 0 .252-2.106c.036-1.86-.24-3.426-.828-4.698-.588-1.272-1.386-2.298-2.394-3.078a9.499 9.499 0 0 0-3.294-1.71c-1.2-.36-2.394-.54-3.582-.54-1.68 0-3.174.27-4.482.81-1.308.528-2.412 1.278-3.312 2.25-.888.96-1.56 2.1-2.016 3.42-.444 1.308-.654 2.748-.63 4.32.048 1.56.33 2.964.846 4.212a9.324 9.324 0 0 0 2.16 3.204 9.38 9.38 0 0 0 3.276 2.034c1.26.468 2.64.702 4.14.702.84 0 1.674-.096 2.502-.288.84-.18 1.608-.438 2.304-.774l1.026 2.808c-.924.432-1.896.75-2.916.954A14.649 14.649 0 0 1 18.48 32zm-.145-10.098c.852 0 1.566-.246 2.142-.738.576-.492.864-1.326.864-2.502 0-1.068-.258-1.872-.774-2.412-.504-.552-1.218-.828-2.142-.828-1.092 0-1.908.288-2.448.864-.54.576-.81 1.368-.81 2.376 0 1.032.276 1.83.828 2.394.564.564 1.344.846 2.34.846z" class="fill-blue-500" style="fill:#efbd58;fill-opacity:1"/></svg>

After

Width:  |  Height:  |  Size: 2 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 11 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 11 KiB

View file

@ -0,0 +1,54 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
aria-hidden="true"
class="h-6"
viewBox="0 0 37 37"
version="1.1"
id="svg3"
sodipodi:docname="image.svg"
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
width="37"
height="37"
xml:space="preserve"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs3" /><sodipodi:namedview
id="namedview3"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:zoom="15.495241"
inkscape:cx="12.035953"
inkscape:cy="23.232939"
inkscape:window-width="1920"
inkscape:window-height="1050"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg3" /><rect
style="display:inline;fill:#121418;fill-opacity:1;stroke:#333844;stroke-width:2;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"
id="rect3"
width="35"
height="35"
x="1"
y="1"
ry="9.0354929" /><g
style="fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
id="g3"
transform="matrix(1.4373548,0,0,1.4373548,1.3098773,1.1936077)"><path
stroke="none"
d="M 0,0 H 24 V 24 H 0 Z"
fill="none"
id="path1-7" /><path
d="M 18.648,15.254 C 16.832,17.017 12,16.88 12,16.88 A 18.262,18.262 0 0 1 8.712,16.624 c 1.127,1.985 4.12,2.81 8.982,2.475 C 15.749,21.112 4.096,24.356 4.026,11.463 L 4,10.309 C 4,7.273 4.023,6.194 5.352,4.676 7.023,2.766 12,3.01 12,3.01 c 0,0 4.977,-0.243 6.648,1.667 C 19.977,6.195 20,7.274 20,10.31 c 0,3.036 -0.456,4.074 -1.352,4.944 z"
id="path2"
style="stroke:#efbd58;stroke-opacity:1" /><path
d="M 12,11.204 V 8.278 C 12,7.02 11.105,6 10,6 8.895,6 8,7.02 8,8.278 V 13 M 12,8.278 C 12,7.02 12.895,6 14,6 c 1.105,0 2,1.02 2,2.278 V 13"
id="path3"
style="stroke:#efbd58;stroke-opacity:1" /></g></svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 11 KiB

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="37" height="37" aria-hidden="true" class="h-6"><rect width="35" height="35" x="1" y="1" ry="9.035" style="display:inline;fill:#121418;fill-opacity:1;stroke:#333844;stroke-width:2;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"/><path fill="#d54455" d="M222.438 224.125v28.75h20.124v-6.29h-13.656v-22.46Z" style="stroke-width:.0898426" transform="matrix(.96793 0 0 -.96793 -206.544 249.352)"/><path fill="#f9f9f9" d="M231.063 224.125v20.305h6.289v-14.016h5.21v-6.289z" style="stroke-width:.0898426;fill:#efbd58;fill-opacity:1" transform="matrix(.96793 0 0 -.96793 -206.544 249.352)"/></svg>

After

Width:  |  Height:  |  Size: 670 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="37" height="37" aria-hidden="true" class="h-6"><rect width="35" height="35" x="1" y="1" ry="9.035" style="display:inline;fill:#121418;fill-opacity:1;stroke:#333844;stroke-width:2;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.021" d="M220.42 249.827v-16.613a1.51 1.51 0 0 1 1.51-1.51h3.02v-6.041l6.041 6.04h8.434c.401 0 .785.16 1.067.443l3.648 3.646c.282.284.442.668.442 1.07v12.965a1.51 1.51 0 0 1-1.51 1.51h-21.144a1.51 1.51 0 0 1-1.51-1.51zm18.123-4.53v-6.042m-6.041 6.041v-6.041" style="stroke:#efbd58;stroke-opacity:1" transform="matrix(.96793 0 0 -.96793 -206.544 249.352)"/></svg>

After

Width:  |  Height:  |  Size: 773 B