This commit is contained in:
parent
3bc49202aa
commit
5834fd1e04
GPG key ID:
8ECFA045E63BC583
17 changed files with 207 additions and 90 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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" %}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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));
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@ footer {
|
|||
width: 13rem;
|
||||
|
||||
p {
|
||||
margin-bottom: .6rem;
|
||||
margin-bottom: .8rem;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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"); }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue