the fediverse and bluesky: they're made for entirely different purposes, actually
-posted XX XX XXXX rant social media fediverse bluesky
-WIP one is not better than the other, and fit entirely different social media needs!
- -made with love, lack of sleep and procrastination
♡2024 All wrongs reversed. Please copy and share.
diff --git a/home.css b/home.css index dc699b2..a4bf482 100644 --- a/home.css +++ b/home.css @@ -67,10 +67,8 @@ text-align: center; border-radius: .5rem; - svg { - width: 2rem !important; - height: 2rem !important; - vertical-align: middle; + span { + transform: scale(1.58) translateY(.07rem); } } diff --git a/index.html b/index.html index 5270a94..8c6b3d0 100644 --- a/index.html +++ b/index.html @@ -63,37 +63,17 @@
- 
+
@@ -201,6 +162,7 @@
+ 
@@ -239,15 +201,15 @@
made with love, lack of sleep and procrastination
♡2024 All wrongs reversed. Please copy and share.
diff --git a/me/dni/index.html b/me/dni/index.html index b661c23..5157d21 100644 --- a/me/dni/index.html +++ b/me/dni/index.html @@ -62,40 +62,23 @@do not interact
my own dni list. also includes specific bits for other platforms such as the fediverse.
+consider this page "Discontinued" but information on here should still apply.
to get the basics and hopefully well known out of the way:-
@@ -136,15 +119,15 @@
- he/him -
- it/its -
- they/them -
- anything else +
- he/him +
- it/its +
- they/them +
- anything else
- ruben -
- sneexy, sneex* -
- rube, rubie (ruby) -
- variations/anything else +
- ruben +
- sneexy, sneex* +
- rube, rubie (ruby) +
- variations/anything else
- my profile pictures used to be random characters from different types of media that i would just grayscaled. ever since then, i realized that i've very much enjoyed being a synth instead.
- i used to have an inside joke with some old friends where i loved cheese. 🧀 -
- originally starting going online when i was young and my only method of getting wifi was by using my netbook in the kitchen and connecting to a nearby stores local wifi connection. -
- joined fedi around 2020 or so, originally on mas.to before closing shop and moving to types.pl which has a nice local community, before moving to miruku.cafe for a short before setting home on lea.pet for a nice while, before finally landing on my own self hosted instance at booping.synth.download. -
- i prefer lowercase when possible. it just feels more natural. +
- originally starting going online when i was young and my only method of getting wifi was by using my netbook in the kitchen and connecting to a nearby stores local wifi connection. apparently lowes wifi goes out VERY far. +
- joined fedi around 2020 or so, originally on mas.to before moving to types.pl which has a nice local community ignoring that i left the account to rot and die, before moving to miruku.cafe for a short bit before setting home on lea.pet for a nice while, before finally landing on my own self hosted instance at booping.synth.download. well. originally starting beeping.synth.download, but i realized i prefer the full brainrotting misskey experience anyways. +
- i prefer lowercase when possible and use spaces before and after punctionation, sometimes maybe a double space here and there, although i attempt to avoid doing the latter on this website to not make it entirely inaccessible. it just feels more natural.
- i am still terrible at spelling. still made mistakes even when making this site. online dictionaries my beloved.
made with love, lack of sleep and procrastination
♡2024 All wrongs reversed. Please copy and share.
diff --git a/me/index.html b/me/index.html index 7c20b89..9f70714 100644 --- a/me/index.html +++ b/me/index.html @@ -64,35 +64,17 @@pronouns
-
-
names
-
-
also a nerd into Linux stuff, mostly touched Arch and a little bit of NixOS but have found to stuck with Fedora.
enthusiast in open, decentralized and federated projects, networks or services. favorites include the fediverse and listenbrainz.
started to run my own services on this domain, synth.download, and enjoying it so far!
-i absolutely despise corporations and capitalism with every single fiber in my living synthentic body
+i absolutely despise corporations and capitalism with every single fiber in my living synthentic body
very much a furry connoisseur and into other beings like protogens and other fellow synths. being a human fucking SUCKS.
Certified™ idiot (i think this one is obvious)
usually pretty tired and sometimes full of ideas that i just can't bring myself to execute.
@@ -180,50 +143,31 @@links
my links to all of my public facing socials and contacts. if i know you well, you may ask me for anything more private, like signal or matrix, etc. fastest way to get this is by checking my pinned post if you follow me/we're mutuals on fedi.
you may observe my somewhat public fediverse activity below:
@@ -233,37 +177,17 @@made with love, lack of sleep and procrastination
♡2024 All wrongs reversed. Please copy and share.
diff --git a/me/ruben/index.html b/me/ruben/index.html index 985f9f6..057ab84 100644 --- a/me/ruben/index.html +++ b/me/ruben/index.html @@ -61,37 +61,17 @@made with love, lack of sleep and procrastination
♡2024 All wrongs reversed. Please copy and share.
diff --git a/style.css b/style.css index d29ea42..1f3a970 100644 --- a/style.css +++ b/style.css @@ -20,12 +20,15 @@ body { overflow: clip; transition: .2s opacity; - .titlebar-icon { + div:first-child { background: color-mix(in srgb, var(--ayu-accent) 40%, transparent); - padding: .3rem .4rem .3rem .8rem; + padding: .4rem .4rem .2rem 1rem; border-right: .2rem solid var(--ayu-accent); border-bottom-right-radius: 1rem; - color: var(--ayu-e-fg); + + span { + background-color: var(--ayu-e-fg); + } } a { @@ -39,44 +42,49 @@ body { text-decoration: underline; } - div { - margin-left: auto; + [class^="tabler--"] { + transform: scale(1.1); + } + + div:nth-child(3) { + margin-left: auto !important; padding: .2rem .5rem .2rem 0rem; span { - svg { - text-align: center; - vertical-align: middle; - color: var(--ayu-e-fg); - } - - /* maximize button (which does nothing) */ - svg:nth-child(2) { - opacity: .6; - cursor: not-allowed; - } + text-align: center; + vertical-align: middle; + background-color: var(--ayu-e-fg); } + + /* maximize button (which does nothing) */ + span:nth-child(2) { + opacity: .6; + cursor: not-allowed; + } } /* close button */ - svg:nth-child(4) { + div:nth-child(4) { background: color-mix(in srgb, var(--ayu-accent) 40%, transparent); - padding: .3rem .5rem .3rem .6rem; + padding: .4rem .5rem .2rem .6rem; border-left: .2rem solid var(--ayu-accent); border-bottom-left-radius: 1rem; color: var(--ayu-e-fg); transition: background .2s; - transition: color .2s; + transition: background-color .2s; } /* close button (animated on hover) */ - svg:nth-child(4):hover { + div:nth-child(4):hover { background: var(--ayu-error); - color: var(--ayu-ui-bg); transition: background .2s; - transition: color .2s; + + span { + background-color: var(--ayu-ui-bg); + transition: background-color .2s; + } } } @@ -258,6 +266,10 @@ h3, h3 a { /* text */ p, li, button { font-size: 1.125rem; + + [class^="tabler--"] { + transform: scale(1.13); + } } /* links should look good i think */ @@ -399,18 +411,18 @@ footer { } [href*="prev"] { background: color-mix(in srgb, var(--ayu-s-special) 25%, transparent); - padding: 4px 6px; + padding: 5px 6px; border-radius: 5px; - svg { - color: var(--ayu-s-operator) !important; + span { + background-color: var(--ayu-s-operator) !important; } } [href*="next"] { background: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); - padding: 4px 5px; + padding: 5px 6px; border-radius: 5px; - svg { - color: var(--ayu-v-added) !important; + span { + background-color: var(--ayu-v-added) !important; } } } @@ -443,10 +455,8 @@ footer { align-content: center; border-radius: .5rem; - svg { - width: 2rem !important; - height: 2rem !important; - vertical-align: middle; + span { + transform: scale(1.58); } } } @@ -646,16 +656,16 @@ footer { .window:not(#footer) { summary { - .titlebar-icon { + div:first-child { padding: .3rem .4rem .3rem .4rem; } - div { - span { - svg { - display: none !important; - } - } + div:nth-child(3) { + display: none !important; + } + + div:nth-child(4) { + margin-left: auto !important; } } diff --git a/tabler.css b/tabler.css index 1c26694..9e315de 100644 --- a/tabler.css +++ b/tabler.css @@ -2,6 +2,10 @@ "wow another icon redo wha" YESI K NOW trust me this is the final GOODEST option of doing this trust trust trust uses Tabler icons via https://icon-sets.iconify.design/tabler to generate reusable css */ +/* ------------------------- +---- constantly reused ----- +---------------------------- */ + /* ti-grid-dots */ .tabler--grid-dots { display: inline-block; @@ -137,6 +141,96 @@ uses Tabler icons via https://icon-sets.iconify.design/tabler to generate reusab -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } +/* ti-arrow-right */ +.tabler--arrow-right { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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='M5 12h14m-6 6l6-6m-6-6l6 6'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-arrow-left */ +.tabler--arrow-left { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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='M5 12h14M5 12l6 6m-6-6l6-6'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-palette */ +.tabler--palette { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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 21a9 9 0 0 1 0-18c4.97 0 9 3.582 9 8c0 1.06-.474 2.078-1.318 2.828S17.693 15 16.5 15H14a2 2 0 0 0-1 3.75A1.3 1.3 0 0 1 12 21'/%3E%3Cpath d='M7.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0-2 0m4-3a1 1 0 1 0 2 0a1 1 0 1 0-2 0m4 3a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/g%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-brand-tabler */ +.tabler--brand-tabler { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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='m8 9l3 3l-3 3m5 0h3'/%3E%3Cpath d='M3 7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4z'/%3E%3C/g%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-text-size */ +.tabler--text-size { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-letter-case */ +.tabler--letter-case { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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='M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} /* ti-minimize */ .tabler--minimize { display: inline-block; @@ -202,3 +296,318 @@ uses Tabler icons via https://icon-sets.iconify.design/tabler to generate reusab -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } +/* ti-message-chatbot */ +.tabler--message-chatbot { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-link */ +.tabler--link { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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='m9 15l6-6m-4-3l.463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5l-.397.534a5.07 5.07 0 0 1-7.127 0a4.97 4.97 0 0 1 0-7.071L6 11'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-info-circle */ +.tabler--info-circle { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01'/%3E%3Cpath d='M11 12h1v4h1'/%3E%3C/g%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-mood-empty */ +.tabler--mood-empty { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-user-heart */ +.tabler--user-heart { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h.5m7.5 7l3.35-3.284a2.143 2.143 0 0 0 .005-3.071a2.24 2.24 0 0 0-3.129-.006l-.224.22l-.223-.22a2.24 2.24 0 0 0-3.128-.006a2.143 2.143 0 0 0-.006 3.071z'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-heart */ +.tabler--heart { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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='M19.5 12.572L12 20l-7.5-7.428A5 5 0 1 1 12 6.006a5 5 0 1 1 7.5 6.572'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-thumb-up */ +.tabler--thumb-up { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-thumb-down */ +.tabler--thumb-down { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-universe */ +.tabler--universe { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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='M7.027 11.477a5 5 0 1 0 5.496-4.45a4.95 4.95 0 0 0-3.088.681'/%3E%3Cpath d='M5.636 5.636a9 9 0 1 0 3.555-2.188'/%3E%3Cpath d='M17 5a1 1 0 1 0 2 0a1 1 0 1 0-2 0m-6 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m-3 4a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3C/g%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-brand-mastodon */ +.tabler--brand-mastodon { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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.648 15.254C16.832 17.017 12 16.88 12 16.88a18.3 18.3 0 0 1-3.288-.256q1.69 2.977 8.982 2.475c-1.945 2.013-13.598 5.257-13.668-7.636L4 10.309c0-3.036.023-4.115 1.352-5.633C7.023 2.766 12 3.01 12 3.01s4.977-.243 6.648 1.667C19.977 6.195 20 7.274 20 10.31s-.456 4.074-1.352 4.944'/%3E%3Cpath d='M12 11.204V8.278C12 7.02 11.105 6 10 6S8 7.02 8 8.278V13m4-4.722C12 7.02 12.895 6 14 6s2 1.02 2 2.278V13'/%3E%3C/g%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-mail */ +.tabler--mail { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-brand-metabrainz */ +.tabler--brand-metabrainz { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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 7v10l7 4V3zm18 0v10l-7 4V3z'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-brand-lastfm */ +.tabler--brand-lastfm { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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='M20 8c-.83-1-1.388-1-2-1s-2 .271-2 2s1.384 2.233 3 3s2.125 1.812 2 3s-1 2-3 2s-3-1-3.5-2s-1.585-4.78-2.497-6a5 5 0 1 0-1 7'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-brand-git */ +.tabler--brand-git { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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='M15 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m-4-4a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 8a1 1 0 1 0 2 0a1 1 0 1 0-2 0m1-1V9m3 2l-2-2m-2-2L9.1 5.1'/%3E%3Cpath d='m13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1-2.892 0l-7.955-7.955a2.045 2.045 0 0 1 0-2.892l7.955-7.955a2.045 2.045 0 0 1 2.892 0z'/%3E%3C/g%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-brand-github */ +.tabler--brand-github { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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='M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2c2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2a4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6c-.6.6-.6 1.2-.5 2V21'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-building-bank */ +.tabler--building-bank { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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 21h18M3 10h18M5 6l7-3l7 3M4 10v11m16-11v11M8 14v3m4-3v3m4-3v3'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-article */ +.tabler--article { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 2h10M7 12h10M7 16h10'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-rss */ +.tabler--rss { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-robot-face */ +.tabler--robot-face { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-note */ +.tabler--notes { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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='M5 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm4 2h6m-6 4h6m-6 4h4'/%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} +/* ti-mood-look-up */ +.tabler--mood-look-up { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --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"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} \ No newline at end of file