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!
- -~/blog • cat blog
-welcome to my "blog", or whatever this is supposed to be. i rant about random things and make large writeups that probably won't make sense or contain many errors. thanks for stopping by!
- this is a "static index"(...?) so this page manually gets updated whenever i make a new blogpost. i'll try to tag things myself, and there will most likely never be a proper search function here, so you'll have to use your browser's find feature, sorry. -posted XX XX XXXX rant social media fediverse bluesky
-WIP one is not better than the other, and fit entirely different social media needs!
- -okay, so, this was going to be a blog, but i ended up not having interesting or good to write about. maybe i'll bring this back up in a future but more focused on just being a place to dump thoughts or random writings into without being entirely "Blog" focused, sorry.
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 @@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: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 @@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