27 lines
No EOL
26 KiB
HTML
27 lines
No EOL
26 KiB
HTML
<!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 don’t 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 it’s 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, that’s 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>Don’t 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? Let’s 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("data: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")" class=icon></i> <span>Forgejo</span> </a><li><a rel=" me" href=https://social.jone.rs/@joners title=Mastodon> <i style="--icon:url("data: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")" class=icon></i> <span>Mastodon</span> </a><li><a rel=" me" href=https://jone.rs/about#contact title=More> <i style="--icon:url("data: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")" class=icon></i> <span>More</span> </a></ul></footer> |