jone.rs/public/donate/index.html
2025-02-14 16:17:44 +01:00

27 lines
No EOL
26 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html><html lang=de xmlns=http://www.w3.org/1999/xhtml><head><meta charset=UTF-8><meta content="Joners FOSS self-hosting space" name=description><meta content="width=device-width,initial-scale=1" name=viewport><meta content=#9a9996 name=theme-color><title>Mods - jone.rs</title><link href=https://jone.rs/donate/ rel=canonical><link href=https://social.jone.rs/@joners rel=me><meta content=@joners@social.jone.rs name=fediverse:creator><link href=https://jone.rs/favicon.png rel=icon type=image/png><link href=https://jone.rs/apple-touch-icon.png rel=apple-touch-icon sizes=180x180 type=image/png><link title="jone.rs - RSS Feed" href=https://jone.rs/rss.xml rel=alternate type=application/rss+xml><link title="jone.rs - Atom Feed" href=https://jone.rs/atom.xml rel=alternate type=application/atom+xml><style>:root{--accent-color:#6f8396;--contrast-color:#fff}</style><link href=https://jone.rs/style.css rel=stylesheet><link href=https://jone.rs/fonts.css rel=stylesheet><link media="(prefers-color-scheme: light)" href=https://jone.rs/syntax-theme-light.css rel=stylesheet><link media="(prefers-color-scheme: dark)" href=https://jone.rs/syntax-theme-dark.css rel=stylesheet><script defer src=https://jone.rs/closable.js></script><script defer src=https://jone.rs/copy-button.js></script><script defer src=https://jone.rs/fuse.js></script><script defer src=https://jone.rs/search-fuse.js></script><script defer src=https://jone.rs/theme-switcher.js></script><meta content=jone.rs property=og:site_name><meta content="Mods - jone.rs" property=og:title><meta content=https://jone.rs/donate/ property=og:url><meta content="Joners FOSS self-hosting space" property=og:description><meta content=https://jone.rs/card.png property=og:image><meta content=de_DE property=og:locale><body><header id=site-nav><nav><a href=#main-content tabindex=0> Zum Hauptinhalt springen </a><ul><li id=home><a href=https://jone.rs> <i class=icon></i>jone.rs</a><li class=divider><li><a href=https://jone.rs/blog/>Blog</a><li><a href=https://jone.rs/services/>Services</a><li><a class=external href=https://liberapay.com/Joners>Spende</a><li id=search><button class=circle id=search-toggle title=Suche><i class=icon></i></button><li id=language-switcher><details class=closable><summary class=circle title=Sprache><i class=icon></i></summary> <ul><li><a href=https://jone.rs/en/donate/ lang=en>English</a></ul></details><li id=theme-switcher><details class=closable><summary class=circle title=Theme><i class=icon></i></summary> <ul><li><button title="Zum hellen Theme wechseln" class=circle id=theme-light><i class=icon></i></button><li><button title="Zum dunklen Theme wechseln" class=circle id=theme-dark><i class=icon></i></button><li><button title="Systemtheme verwenden" class=circle id=theme-system><i class=icon></i></button></ul></details><li id=feed><details class=closable><summary class=circle title=Feed><i class=icon></i></summary> <ul><li><a href=https://jone.rs/rss.xml>RSS</a><li><a href=https://jone.rs/atom.xml>Atom</a></ul></details></ul></nav><div id=search-container><label class=visually-hidden for=search-bar>Suche</label><input placeholder="Suche nach…" autocomplete=off disabled id=search-bar type=search><div id=search-results-container><div id=search-results></div></div></div></header><main id=main-content><h1>Mods</h1><h2>Inhaltsverzeichnis</h2><ol><li><a href=https://jone.rs/donate/#background-image>Background Image</a><li><a href=https://jone.rs/donate/#classic-article-list>Classic Article List</a><li><a href=https://jone.rs/donate/#classic-navbar>Classic Navbar</a><li><a href=https://jone.rs/donate/#classic-strikethrough>Classic Strikethrough</a><li><a href=https://jone.rs/donate/#modern-headings>Modern Headings</a><li><a href=https://jone.rs/donate/#modern-horizontal-rule>Modern Horizontal Rule</a><li><a href=https://jone.rs/donate/#no-edge-highlight>No Edge Highlight</a></ol><p>Mods enhance/change some Duckquill visuals. They are updated alongside Duckquill to ensure that you dont need to manually update them every release.<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">styles</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>mods.css<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-definition z-array z-end z-toml">]</span>
</span></code></pre><h2 id=background-image>Background Image</h2><p>Want to set some nice image as a background? We got you covered:<p><img alt="background image" src=https://files.catbox.moe/no8vfc.png><pre class="language-scss z-code" data-lang=scss><code class=language-scss data-lang=scss><span class="z-source z-scss"><span class="z-meta z-selector z-css"><span class="z-entity z-name z-tag z-css">body</span> </span><span class="z-punctuation z-section z-property-list z-begin z-css">{</span>
</span><span class="z-source z-scss"> <span class="z-meta z-property-name z-css"><span class="z-support z-type z-property-name z-css">background-image</span></span><span class="z-punctuation z-separator z-key-value z-css">:</span><span class="z-meta z-property-value z-css"> <span class="z-meta z-function-call z-css"><span class="z-support z-function z-var z-css">var</span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-begin z-css">(</span><span class="z-support z-type z-custom-property z-css"><span class="z-punctuation z-definition z-custom-property z-css">--</span><span class="z-support z-type z-custom-property z-name z-css">bg-overlay</span></span></span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-end z-css">)</span></span></span><span class="z-punctuation z-separator z-css">,</span> <span class="z-meta z-function-call z-css"><span class="z-support z-function z-url z-css">url</span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-begin z-css">(</span><span class="z-string z-quoted z-double z-css"><span class="z-punctuation z-definition z-string z-begin z-css">"</span>https://images.unsplash.com/photo-1523712999610-f77fbcfc3843<span class="z-punctuation z-definition z-string z-end z-css">"</span></span></span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-end z-css">)</span></span></span></span><span class="z-punctuation z-terminator z-rule z-css">;</span>
</span><span class="z-source z-scss"> <span class="z-meta z-property-name z-css"><span class="z-support z-type z-property-name z-css">background-position</span></span><span class="z-punctuation z-separator z-key-value z-css">:</span><span class="z-meta z-property-value z-css"> <span class="z-support z-constant z-property-value z-css">center</span></span><span class="z-punctuation z-terminator z-rule z-css">;</span>
</span><span class="z-source z-scss"> <span class="z-meta z-property-name z-css"><span class="z-support z-type z-property-name z-css">background-size</span></span><span class="z-punctuation z-separator z-key-value z-css">:</span><span class="z-meta z-property-value z-css"> <span class="z-support z-constant z-property-value z-css">cover</span></span><span class="z-punctuation z-terminator z-rule z-css">;</span>
</span><span class="z-source z-scss"> <span class="z-meta z-property-name z-css"><span class="z-support z-type z-property-name z-css">background-attachment</span></span><span class="z-punctuation z-separator z-key-value z-css">:</span><span class="z-meta z-property-value z-css"> <span class="z-support z-constant z-property-value z-css">fixed</span></span><span class="z-punctuation z-terminator z-rule z-css">;</span>
</span><span class="z-source z-scss"><span class="z-punctuation z-section z-property-list z-end z-css">}</span>
</span></code></pre><p>Most of the time contrast should be okay, but what if its not? Simply adjust the opacity of <code>--bg-overlay</code> based on your needs:<pre class="language-scss z-code" data-lang=scss><code class=language-scss data-lang=scss><span class="z-source z-scss"><span class="z-meta z-at-rule z-import z-css"><span class="z-keyword z-control z-at-rule z-import z-css"><span class="z-punctuation z-definition z-keyword z-css">@</span>import</span> <span class="z-string z-quoted z-double z-css"><span class="z-punctuation z-definition z-string z-begin z-css">"</span>../themes/duckquill/sass/_variables.scss<span class="z-punctuation z-definition z-string z-end z-css">"</span></span><span class="z-punctuation z-terminator z-rule z-sass">;</span></span>
</span><span class="z-source z-scss">
</span><span class="z-source z-scss"><span class="z-meta z-function-call z-sass"><span class="z-variable z-function z-sass"><span class="z-keyword z-control z-at-rule z-sass"><span class="z-punctuation z-definition z-keyword z-sass">@</span>include</span> theme-variables</span> using <span class="z-meta z-function-call z-arguments z-sass"><span class="z-punctuation z-definition z-group z-begin z-sass">(</span><span class="z-variable z-other z-sass"><span class="z-punctuation z-definition z-variable z-sass">$</span>theme</span><span class="z-punctuation z-definition z-group z-end z-sass">)</span></span> </span><span class="z-punctuation z-section z-property-list z-begin z-css">{</span>
</span><span class="z-source z-scss"> <span class="z-meta z-at-rule z-sass"><span class="z-keyword z-control z-flow z-conditional z-sass"><span class="z-punctuation z-definition z-keyword z-sass">@</span>if</span> <span class="z-variable z-other z-sass"><span class="z-punctuation z-definition z-variable z-sass">$</span>theme</span> <span class="z-keyword z-operator z-sass">==</span> <span class="z-string z-quoted z-double z-css"><span class="z-punctuation z-definition z-string z-begin z-css">"</span>dark<span class="z-punctuation z-definition z-string z-end z-css">"</span></span> </span><span class="z-punctuation z-section z-property-list z-begin z-css">{</span>
</span><span class="z-source z-scss"> <span class="z-meta z-property-name z-css"><span class="z-support z-type z-custom-property z-css"><span class="z-punctuation z-definition z-custom-property z-css">--</span><span class="z-support z-type z-custom-property z-name z-css">bg-overlay</span></span></span><span class="z-punctuation z-separator z-key-value z-css">:</span><span class="z-meta z-property-value z-css"> <span class="z-meta z-function-call z-css"><span class="z-support z-function z-gradient z-css">linear-gradient</span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-begin z-css">(</span><span class="z-meta z-function-call z-css"><span class="z-support z-function z-color z-css">rgb</span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-begin z-css">(</span><span class="z-constant z-numeric z-css">0</span> <span class="z-constant z-numeric z-css">0</span> <span class="z-constant z-numeric z-css">0</span> <span class="z-keyword z-operator z-sass">/</span> <span class="z-constant z-numeric z-float z-decimal z-css">0<span class="z-punctuation z-separator z-decimal z-css">.</span>9</span></span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-end z-css">)</span></span></span><span class="z-punctuation z-separator z-sequence z-css">,</span> <span class="z-meta z-function-call z-css"><span class="z-support z-function z-color z-css">rgb</span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-begin z-css">(</span><span class="z-constant z-numeric z-css">0</span> <span class="z-constant z-numeric z-css">0</span> <span class="z-constant z-numeric z-css">0</span> <span class="z-keyword z-operator z-sass">/</span> <span class="z-constant z-numeric z-float z-decimal z-css">0<span class="z-punctuation z-separator z-decimal z-css">.</span>9</span></span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-end z-css">)</span></span></span></span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-end z-css">)</span></span></span></span><span class="z-punctuation z-terminator z-rule z-css">;</span>
</span><span class="z-source z-scss"> <span class="z-punctuation z-section z-property-list z-end z-css">}</span>
</span><span class="z-source z-scss">
</span><span class="z-source z-scss"> <span class="z-meta z-at-rule z-sass"><span class="z-keyword z-control z-flow z-conditional z-sass"><span class="z-punctuation z-definition z-keyword z-sass">@</span>else</span> </span><span class="z-punctuation z-section z-property-list z-begin z-css">{</span>
</span><span class="z-source z-scss"> <span class="z-meta z-property-name z-css"><span class="z-support z-type z-custom-property z-css"><span class="z-punctuation z-definition z-custom-property z-css">--</span><span class="z-support z-type z-custom-property z-name z-css">bg-overlay</span></span></span><span class="z-punctuation z-separator z-key-value z-css">:</span><span class="z-meta z-property-value z-css"> <span class="z-meta z-function-call z-css"><span class="z-support z-function z-gradient z-css">linear-gradient</span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-begin z-css">(</span><span class="z-meta z-function-call z-css"><span class="z-support z-function z-color z-css">rgb</span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-begin z-css">(</span><span class="z-constant z-numeric z-css">255</span> <span class="z-constant z-numeric z-css">255</span> <span class="z-constant z-numeric z-css">255</span> <span class="z-keyword z-operator z-sass">/</span> <span class="z-constant z-numeric z-float z-decimal z-css">0<span class="z-punctuation z-separator z-decimal z-css">.</span>8</span></span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-end z-css">)</span></span></span><span class="z-punctuation z-separator z-sequence z-css">,</span> <span class="z-meta z-function-call z-css"><span class="z-support z-function z-color z-css">rgb</span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-begin z-css">(</span><span class="z-constant z-numeric z-css">255</span> <span class="z-constant z-numeric z-css">255</span> <span class="z-constant z-numeric z-css">255</span> <span class="z-keyword z-operator z-sass">/</span> <span class="z-constant z-numeric z-float z-decimal z-css">0<span class="z-punctuation z-separator z-decimal z-css">.</span>8</span></span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-end z-css">)</span></span></span></span><span class="z-meta z-group z-css"><span class="z-punctuation z-definition z-group z-end z-css">)</span></span></span></span><span class="z-punctuation z-terminator z-rule z-css">;</span>
</span><span class="z-source z-scss"> <span class="z-punctuation z-section z-property-list z-end z-css">}</span>
</span><span class="z-source z-scss"><span class="z-punctuation z-section z-property-list z-end z-css">}</span>
</span></code></pre><h2 id=classic-article-list>Classic Article List</h2><p>Prefer the less fancy look of the article list used in Duckquill some time ago (to some extent)? It can be done with the <code>classic-article-list</code> mod:<p><img alt="classic article list" src=https://files.catbox.moe/yf5feo.png><pre class="language-scss z-code" data-lang=scss><code class=language-scss data-lang=scss><span class="z-source z-scss"><span class="z-meta z-at-rule z-module z-sass"><span class="z-keyword z-control z-at-rule z-module z-sass"><span class="z-punctuation z-definition z-keyword z-sass">@</span>use</span> <span class="z-string z-quoted z-double z-css"><span class="z-punctuation z-definition z-string z-begin z-css">"</span>../themes/duckquill/sass/mods/classic-article-list<span class="z-punctuation z-definition z-string z-end z-css">"</span></span><span class="z-punctuation z-terminator z-rule z-sass">;</span></span>
</span></code></pre><h2 id=classic-navbar>Classic Navbar</h2><p>You can make navbar have more traditional look by using the <code>classic-nav</code> mod:<p><img alt="classic navabr" src=https://files.catbox.moe/ga4dmv.png><pre class="language-scss z-code" data-lang=scss><code class=language-scss data-lang=scss><span class="z-source z-scss"><span class="z-meta z-at-rule z-module z-sass"><span class="z-keyword z-control z-at-rule z-module z-sass"><span class="z-punctuation z-definition z-keyword z-sass">@</span>use</span> <span class="z-string z-quoted z-double z-css"><span class="z-punctuation z-definition z-string z-begin z-css">"</span>../themes/duckquill/sass/mods/classic-nav<span class="z-punctuation z-definition z-string z-end z-css">"</span></span><span class="z-punctuation z-terminator z-rule z-sass">;</span></span>
</span></code></pre><p>Or you can make it sticked to top but not full-width with the <code>sticked-nav</code> mod:<blockquote class=note><p class=alert-title><i class=icon></i>Anmerkung<p>Not compatible with the <code>classic-nav</code> mod.</blockquote><p><img alt="sticked navabr" src=https://files.catbox.moe/bfu3p7.png><pre class="language-scss z-code" data-lang=scss><code class=language-scss data-lang=scss><span class="z-source z-scss"><span class="z-meta z-at-rule z-module z-sass"><span class="z-keyword z-control z-at-rule z-module z-sass"><span class="z-punctuation z-definition z-keyword z-sass">@</span>use</span> <span class="z-string z-quoted z-double z-css"><span class="z-punctuation z-definition z-string z-begin z-css">"</span>../themes/duckquill/sass/mods/sticked-nav<span class="z-punctuation z-definition z-string z-end z-css">"</span></span><span class="z-punctuation z-terminator z-rule z-sass">;</span></span>
</span></code></pre><h2 id=classic-strikethrough>Classic Strikethrough</h2><p>The default strikethrough style is too much? It can be fixed using the <code>classic-del</code> mod:<p><img alt="plain strikethrough" src=https://files.catbox.moe/y2tbwm.png><pre class="language-scss z-code" data-lang=scss><code class=language-scss data-lang=scss><span class="z-source z-scss"><span class="z-meta z-at-rule z-module z-sass"><span class="z-keyword z-control z-at-rule z-module z-sass"><span class="z-punctuation z-definition z-keyword z-sass">@</span>use</span> <span class="z-string z-quoted z-double z-css"><span class="z-punctuation z-definition z-string z-begin z-css">"</span>../themes/duckquill/sass/mods/classic-del<span class="z-punctuation z-definition z-string z-end z-css">"</span></span><span class="z-punctuation z-terminator z-rule z-sass">;</span></span>
</span></code></pre><h2 id=modern-headings>Modern Headings</h2><p>Default headings might not fit your taste, thats understandable. They can be <del>made boring</del> fixed with the <code>modern-headings</code> mod:<p><img alt="boring headings" src=https://files.catbox.moe/6ok740.png><pre class="language-scss z-code" data-lang=scss><code class=language-scss data-lang=scss><span class="z-source z-scss"><span class="z-meta z-at-rule z-module z-sass"><span class="z-keyword z-control z-at-rule z-module z-sass"><span class="z-punctuation z-definition z-keyword z-sass">@</span>use</span> <span class="z-string z-quoted z-double z-css"><span class="z-punctuation z-definition z-string z-begin z-css">"</span>../themes/duckquill/sass/mods/modern-headings<span class="z-punctuation z-definition z-string z-end z-css">"</span></span><span class="z-punctuation z-terminator z-rule z-sass">;</span></span>
</span></code></pre><h2 id=modern-horizontal-rule>Modern Horizontal Rule</h2><p>Dont like that fancy horizontal rule? Make it more modern with the <code>modern-hr</code> mod:<p><img alt="modern horizontal rule" src=https://files.catbox.moe/qyqzoy.png><pre class="language-scss z-code" data-lang=scss><code class=language-scss data-lang=scss><span class="z-source z-scss"><span class="z-meta z-at-rule z-module z-sass"><span class="z-keyword z-control z-at-rule z-module z-sass"><span class="z-punctuation z-definition z-keyword z-sass">@</span>use</span> <span class="z-string z-quoted z-double z-css"><span class="z-punctuation z-definition z-string z-begin z-css">"</span>../themes/duckquill/sass/mods/modern-hr<span class="z-punctuation z-definition z-string z-end z-css">"</span></span><span class="z-punctuation z-terminator z-rule z-sass">;</span></span>
</span></code></pre><h2 id=no-edge-highlight>No Edge Highlight</h2><p>Hate the skeuomorphic edge highlight on all semi-transparent elements? Lets get rid of it using the <code>no-edge-highlight</code> mod:<pre class="language-scss z-code" data-lang=scss><code class=language-scss data-lang=scss><span class="z-source z-scss"><span class="z-meta z-at-rule z-module z-sass"><span class="z-keyword z-control z-at-rule z-module z-sass"><span class="z-punctuation z-definition z-keyword z-sass">@</span>use</span> <span class="z-string z-quoted z-double z-css"><span class="z-punctuation z-definition z-string z-begin z-css">"</span>../themes/duckquill/sass/mods/no-edge-highlight<span class="z-punctuation z-definition z-string z-end z-css">"</span></span><span class="z-punctuation z-terminator z-rule z-sass">;</span></span>
</span></code></pre><span class=hidden id=copy-code-text>Code kopieren</span><span class=hidden id=search-index>https://jone.rs/search_index.de.json</span><span class=hidden id=more-matches-text>$MATCHES weitere Treffer</span></main><footer id=site-footer><nav><ul><li><a href=https://jone.rs/imprint/>Impressum</a><li><a href=https://jone.rs/services/>Services</a><li><a class=external href=https://status.jone.rs/status/joners>Status</a></ul></nav><p>© jone.rs, 2025<p><a class=external href=https://git.jone.rs/joners/jone.rs>Website source</a><p><small>Powered by <a class="link external" href=https://www.getzola.org>Zola</a> and <a class="link external" href=https://duckquill.daudix.one>Duckquill</a> </small><ul id=socials><li><a rel=" me" href=https://git.jone.rs/joners title=Forgejo> <i style="--icon:url(&#34data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EForgejo%3C/title%3E%3Cpath d='M16.7773 0c1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.1175a7.0759 7.0759 0 0 1 4.148-1.4205l.1176-.001 1.3385.0002c.4973-.8827 1.4434-1.4788 2.5288-1.4788 1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.319c.8827.4973 1.4788 1.4434 1.4788 2.5287 0 1.602-1.2986 2.9005-2.9005 2.9005-1.6018 0-2.9004-1.2986-2.9004-2.9005 0-1.0853.596-2.0314 1.4788-2.5287l-.0002-9.9831c0-3.887 3.1195-7.0453 6.9915-7.108l.1176-.001h1.3385C14.7458.5962 15.692 0 16.7773 0ZM7.2227 19.9052c-.6596 0-1.1943.5347-1.1943 1.1943s.5347 1.1943 1.1943 1.1943 1.1944-.5347 1.1944-1.1943-.5348-1.1943-1.1944-1.1943Zm9.5546-10.4644c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Zm0-7.7346c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Z'/%3E%3C/svg%3E&#34)" class=icon></i> <span>Forgejo</span> </a><li><a rel=" me" href=https://social.jone.rs/@joners title=Mastodon> <i style="--icon:url(&#34data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EMastodon%3C/title%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E&#34)" class=icon></i> <span>Mastodon</span> </a><li><a rel=" me" href=https://jone.rs/about#contact title=More> <i style="--icon:url(&#34data:image/svg+xml,%3Csvg fill='%23000000' height='200px' width='200px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32.055 32.055' xml:space='preserve'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cpath d='M3.968,12.061C1.775,12.061,0,13.835,0,16.027c0,2.192,1.773,3.967,3.968,3.967c2.189,0,3.966-1.772,3.966-3.967 C7.934,13.835,6.157,12.061,3.968,12.061z M16.233,12.061c-2.188,0-3.968,1.773-3.968,3.965c0,2.192,1.778,3.967,3.968,3.967 s3.97-1.772,3.97-3.967C20.201,13.835,18.423,12.061,16.233,12.061z M28.09,12.061c-2.192,0-3.969,1.774-3.969,3.967 c0,2.19,1.774,3.965,3.969,3.965c2.188,0,3.965-1.772,3.965-3.965S30.278,12.061,28.09,12.061z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E&#34)" class=icon></i> <span>More</span> </a></ul></footer>