diff --git a/blog/index.html b/blog/index.html index 076f181..fc078fc 100644 --- a/blog/index.html +++ b/blog/index.html @@ -8,6 +8,7 @@ + @@ -25,38 +26,38 @@ diff --git a/index.html b/index.html index e5026f7..5270a94 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,7 @@ + @@ -24,38 +25,38 @@ diff --git a/me/dni/index.html b/me/dni/index.html index 4c6eb53..b661c23 100644 --- a/me/dni/index.html +++ b/me/dni/index.html @@ -8,6 +8,7 @@ + @@ -23,38 +24,38 @@ diff --git a/me/index.html b/me/index.html index d93dc26..7c20b89 100644 --- a/me/index.html +++ b/me/index.html @@ -8,6 +8,8 @@ + + @@ -24,38 +26,38 @@ @@ -106,6 +108,7 @@

pronouns

@@ -161,15 +164,16 @@

about me

some gay 18 year old synth computer enjoyer with adhd (and probably autism), with access to the internet and nothing to do. i like big round things.

-

i consider myself to be a Professional Computer Toucher™. in both soulless boxes running either corporate or free software and robot-aligned beings (you know, synths or protogens. love em!).

+

i consider myself to be a Professional Computer Toucher™, or at least try my best to contain the beasts within boxes and beep and error at me.

i'm a nerd into free and open source software and privacy stuff. i'm not a programmer or anything, though. i've tried, didn't work out.

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

-

very much a furry connoisseur and into other robot beings like protogens and other fellow synths. being a human fucking SUCKS.

+

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.

+

sometimes makes things, but don't expect much. i'll make some type of gallery page soon, i promise.

@@ -221,7 +225,8 @@ - +

you may observe my somewhat public fediverse activity below:

+ diff --git a/me/ruben/index.html b/me/ruben/index.html index ad7cdd0..985f9f6 100644 --- a/me/ruben/index.html +++ b/me/ruben/index.html @@ -8,6 +8,7 @@ + @@ -22,38 +23,38 @@ diff --git a/style.css b/style.css index 9ef3789..d29ea42 100644 --- a/style.css +++ b/style.css @@ -189,7 +189,7 @@ footer { content: ''; background: var(--ayu-e-bg); min-width: 14rem; - min-height: 1.8rem; + min-height: 1.7rem; display: block; z-index: -1; position: absolute; diff --git a/tabler.css b/tabler.css new file mode 100644 index 0000000..1c26694 --- /dev/null +++ b/tabler.css @@ -0,0 +1,204 @@ +/* css for icons +"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 */ + +/* ti-grid-dots */ +.tabler--grid-dots { + 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 5a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 19a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%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-home */ +.tabler--home { + 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='M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6'/%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-user */ +.tabler--user { + 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-4h4a4 4 0 0 1 4 4v2'/%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-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-bell */ +.tabler--bell { + 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='M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1'/%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-volume */ +.tabler--volume { + 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='M15 8a5 5 0 0 1 0 8m2.7-11a9 9 0 0 1 0 14M6 15H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2l3.5-4.5A.8.8 0 0 1 11 5v14a.8.8 0 0 1-1.5.5z'/%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-wifi */ +.tabler--wifi { + 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 18h.01m-2.838-2.828a4 4 0 0 1 5.656 0m-8.485-2.829a8 8 0 0 1 11.314 0'/%3E%3Cpath d='M3.515 9.515c4.686-4.687 12.284-4.687 17 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-battery-filled */ +.tabler--battery-filled { + 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='%23000' d='M17 6a3 3 0 0 1 2.995 2.824L20 9v.086l.052.019a1.5 1.5 0 0 1 .941 1.25L21 10.5v3a1.5 1.5 0 0 1-.948 1.395l-.052.018V15a3 3 0 0 1-2.824 2.995L17 18H6a3 3 0 0 1-2.995-2.824L3 15V9a3 3 0 0 1 2.824-2.995L6 6z'/%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; + 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='M15 19v-2a2 2 0 0 1 2-2h2M15 5v2a2 2 0 0 0 2 2h2M5 15h2a2 2 0 0 1 2 2v2M5 9h2a2 2 0 0 0 2-2V5'/%3E%3C/svg%3E"); + 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-maximize */ +.tabler--maximize { + 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 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2'/%3E%3C/svg%3E"); + 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-x */ +.tabler--x { + 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='M18 6L6 18M6 6l12 12'/%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%; +} + +/* ------------------------- +-------- misc icons -------- +---------------------------- */ + +/* ti-corner-down-right */ +.tabler--corner-down-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='M6 6v6a3 3 0 0 0 3 3h10l-4-4m0 8l4-4'/%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%; +}