Githubify Profile

2025-11-08 14:28:22 +02:00
6 changed files with 97 additions and 138 deletions
--- a/README.md
+++ b/README.md
@@ -1,89 +1,113 @@
 <div align="center">
  <h1>Christer Warén</h1>
-  <a href="https://christerwaren.fi">https://christerwaren.fi</a>
+  <p>
+    <a href="https://christerwaren.fi">https://christerwaren.fi</a>
+  </p>
 </div>

-<br>
-
 <div align="center">
  <h3>Contact Me</h3>
-  <a href="tel:+358 45 842 0860">+358 45 842 0860</a><br>
-  cwchristerw@gmail.com
+  <p>
+    <a href="tel:+358 45 842 0860">+358 45 842 0860</a> <br>
+    cwchristerw@gmail.com
+  </p>
 </div>

-<br>
-
 <div align="center">
  <h3>Social Media</h3>
-  <img src="./assets/icons/instagram-light.svg" width="15px" height="15px">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/instagram-light.svg">
+    <img src="./assets/icons/instagram.svg" width="15px" height="15px">
+  </picture>
  <a href="https://instagram.com/cwchristerw">Instagram</a> /
-  <img src="./assets/icons/linkedin-light.svg" width="15px" height="15px">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/linkedin-light.svg">
+    <img src="./assets/icons/linkedin.svg" width="15px" height="15px">
+  </picture>
  <a href="https://www.linkedin.com/in/cwchristerw">LinkedIn</a> /
-  <img src="./assets/icons/youtube-light.svg" width="15px" height="15px">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/youtube-light.svg">
+    <img src="./assets/icons/youtube.svg" width="15px" height="15px">
+  </picture>
  <a href="https://youtube.com/@cwchristerw-">Youtube</a>
 </div>

-<br>
-
 <div align="center">
  <h3>Translations</h3>
  🇷🇺 Кристэр Варэн / 🇯🇵 クリステル・ワレン
 </div>

-<br>
-
 <div align="center">
  <h3>SSH Keys</h3>
-  🌐 <a href="https://git.waren.io/cwchristerw/.profile/blob/master/docs/ssh-keys.md#public">Public</a>
+  🌐 <a href="https://github.com/cwchristerw/cwchristerw/blob/master/docs/ssh-keys.md#public">Public</a>
 </div>

-<br>
-
 <div align="center">
  <h3>Crypto Wallets</h3>
-  <img src="./assets/icons/bitcoin-light.svg" width="15px" height="15px">
-  <a href="https://git.waren.io/cwchristerw/.profile/blob/master/docs/crypto-wallets.md#bitcoin">Bitcoin - BTC</a> /
-  <img src="./assets/icons/ethereum-light.svg" width="15px" height="15px">
-  <a href="https://git.waren.io/cwchristerw/.profile/blob/master/docs/crypto-wallets.md#ethereum">Ethereum - ETH</a> /
-  <img src="./assets/icons/litecoin-light.svg" width="15px" height="15px">
-  <a href="https://git.waren.io/cwchristerw/.profile/blob/master/docs/crypto-wallets.md#litecoin">Litecoin - LTC</a> /
-  <img src="./assets/icons/monero-light.svg" width="15px" height="15px">
-  <a href="https://git.waren.io/cwchristerw/.profile/blob/master/docs/crypto-wallets.md#monero">Monero - XMR</a>
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/bitcoin-light.svg">
+    <img src="./assets/icons/bitcoin.svg" width="15px" height="15px">
+  </picture>
+  <a href="https://github.com/cwchristerw/cwchristerw/blob/master/docs/crypto-wallets.md#bitcoin">Bitcoin - BTC</a> /
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/ethereum-light.svg">
+    <img src="./assets/icons/ethereum.svg" width="15px" height="15px">
+  </picture>
+  <a href="https://github.com/cwchristerw/cwchristerw/blob/master/docs/crypto-wallets.md#ethereum">Ethereum - ETH</a> /
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/litecoin-light.svg">
+    <img src="./assets/icons/litecoin.svg" width="15px" height="15px">
+  </picture>
+  <a href="https://github.com/cwchristerw/cwchristerw/blob/master/docs/crypto-wallets.md#litecoin">Litecoin - LTC</a> /
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/monero-light.svg">
+    <img src="./assets/icons/monero.svg" width="15px" height="15px">
+  </picture>
+  <a href="https://github.com/cwchristerw/cwchristerw/blob/master/docs/crypto-wallets.md#monero">Monero - XMR</a>
 </div>

-<br>
-
 <div align="center">
  <h3>Promolinks</h3>
-  <img src="./assets/icons/digitalocean-light.svg" width="15px" height="15px">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/digitalocean-light.svg">
+    <img src="./assets/icons/digitalocean.svg" width="15px" height="15px">
+  </picture>
  <strong>DigitalOcean</strong><br>
  Receive $200 in cloud credit to test their products for 60 days.<br>
  <a href="https://m.do.co/c/4248d53011c8">Register Now</a><br><br>

-  <img src="./assets/icons/dynadot-light.svg" width="15px" height="15px">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/dynadot-light.svg">
+    <img src="./assets/icons/dynadot.svg" width="15px" height="15px">
+  </picture>
  <strong>Dynadot</strong><br>
  Receive 4,5€ in account credit.<br>
  <a href="https://dynadot.com?sM7K8u7m6Z7pBo">Register Now</a><br><br>

-  <img src="./assets/icons/hetzner-light.svg" width="15px" height="15px">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/hetzner-light.svg">
+    <img src="./assets/icons/hetzner.svg" width="15px" height="15px">
+  </picture>
  <strong>Hetzner Cloud</strong><br>
  Receive 20€ in cloud credits.<br>
  <a href="https://hetzner.cloud/?ref=w2QMbx2s3c3h">Register Now</a><br><br>

-  <img src="./assets/icons/ukkofi-light.svg" width="15px" height="15px">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/ukkofi-light.svg">
+    <img src="./assets/icons/ukkofi.svg" width="15px" height="15px">
+  </picture>
  <strong>Ukko.fi</strong><br>
  After you have invoiced €300 (excluding VAT) and received payment,<br>
  you can invoice €750 without a service fee.<br>
  <a href="https://app.ukko.fi/register?code=28419">Register Now</a>
 </div>

-<br>
-
 <div align="center">
  <h3>More repos available in</h3>
-  <img src="./assets/icons/github-light.svg" width="15px" height="15px">
-  <a href="https://github.com/cwchristerw">Github</a> /
-  <img src="./assets/icons/gitlab-light.svg" width="15px" height="15px">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/gitlab-light.svg">
+    <img src="./assets/icons/gitlab.svg" width="15px" height="15px">
+  </picture>
  <a href="https://gitlab.com/cwchristerw">Gitlab</a> /
  <a href="https://git.waren.io/cwchristerw">Warén Git</a>
 </div>
--- a/assets/icons/github-light.svg
+++ b/assets/icons/github-light.svg
@@ -1,39 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   viewBox="0 0 512 512"
-   version="1.1"
-   id="svg1"
-   sodipodi:docname="github-light.svg"
-   width="512"
-   height="512"
-   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:zoom="1.259375"
-     inkscape:cx="320.39702"
-     inkscape:cy="320"
-     inkscape:window-width="1920"
-     inkscape:window-height="1008"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg1" />
-  <!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-  <path
-     d="m 173.9,403.59628 c 0,2 -2.3,3.6 -5.2,3.6 -3.3,0.3 -5.6,-1.3 -5.6,-3.6 0,-2 2.3,-3.6 5.2,-3.6 3,-0.3 5.6,1.3 5.6,3.6 z m -31.1,-4.5 c -0.7,2 1.3,4.3 4.3,4.9 2.6,1 5.6,0 6.2,-2 0.6,-2 -1.3,-4.3 -4.3,-5.2 -2.6,-0.7 -5.5,0.3 -6.2,2.3 z m 44.2,-1.7 c -2.9,0.7 -4.9,2.6 -4.6,4.9 0.3,2 2.9,3.3 5.9,2.6 2.9,-0.7 4.9,-2.6 4.6,-4.6 -0.3,-1.9 -3,-3.2 -5.9,-2.9 z M 252.8,14.196282 C 114.1,14.196282 8,119.49628 8,258.19628 c 0,110.9 69.8,205.8 169.5,239.2 12.8,2.3 17.3,-5.6 17.3,-12.1 0,-6.2 -0.3,-40.4 -0.3,-61.4 0,0 -70,15 -84.7,-29.8 0,0 -11.4,-29.1 -27.8,-36.6 0,0 -22.9,-15.7 1.6,-15.4 0,0 24.9,2 38.6,25.8 21.9,38.6 58.6,27.5 72.9,20.9 2.3,-16 8.8,-27.1 16,-33.7 -55.9,-6.2 -112.3,-14.3 -112.3,-110.5 0,-27.5 7.6,-41.3 23.6,-58.9 -2.6,-6.5 -11.1,-33.3 2.6,-67.9 20.9,-6.5 69,27 69,27 20,-5.6 41.5,-8.5 62.8,-8.5 21.3,0 42.8,2.9 62.8,8.5 0,0 48.1,-33.6 69,-27 13.7,34.7 5.2,61.4 2.6,67.9 16,17.7 25.8,31.5 25.8,58.9 0,96.5 -58.9,104.2 -114.8,110.5 9.2,7.9 17,22.9 17,46.4 0,33.7 -0.3,75.4 -0.3,83.6 0,6.5 4.6,14.4 17.3,12.1 100,-33.2 167.8,-128.1 167.8,-239 0,-138.7 -112.5,-243.999998 -251.2,-243.999998 z M 105.2,359.09628 c -1.3,1 -1,3.3 0.7,5.2 1.6,1.6 3.9,2.3 5.2,1 1.3,-1 1,-3.3 -0.7,-5.2 -1.6,-1.6 -3.9,-2.3 -5.2,-1 z m -10.8,-8.1 c -0.7,1.3 0.3,2.9 2.3,3.9 1.6,1 3.6,0.7 4.3,-0.7 0.7,-1.3 -0.3,-2.9 -2.3,-3.9 -2,-0.6 -3.6,-0.3 -4.3,0.7 z m 32.4,35.6 c -1.6,1.3 -1,4.3 1.3,6.2 2.3,2.3 5.2,2.6 6.5,1 1.3,-1.3 0.7,-4.3 -1.3,-6.2 -2.2,-2.3 -5.2,-2.6 -6.5,-1 z m -11.4,-14.7 c -1.6,1 -1.6,3.6 0,5.9 1.6,2.3 4.3,3.3 5.6,2.3 1.6,-1.3 1.6,-3.9 0,-6.2 -1.4,-2.3 -4,-3.3 -5.6,-2 z"
-     id="path1"
-     style="fill:#ffffff" />
-</svg>
--- a/assets/icons/github.svg
+++ b/assets/icons/github.svg
@@ -1,38 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   viewBox="0 0 512 512"
-   version="1.1"
-   id="svg1"
-   sodipodi:docname="github.svg"
-   width="512"
-   height="512"
-   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     inkscape:zoom="1.259375"
-     inkscape:cx="320.39702"
-     inkscape:cy="320"
-     inkscape:window-width="1920"
-     inkscape:window-height="1008"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg1" />
-  <!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
-  <path
-     d="m 173.9,403.59628 c 0,2 -2.3,3.6 -5.2,3.6 -3.3,0.3 -5.6,-1.3 -5.6,-3.6 0,-2 2.3,-3.6 5.2,-3.6 3,-0.3 5.6,1.3 5.6,3.6 z m -31.1,-4.5 c -0.7,2 1.3,4.3 4.3,4.9 2.6,1 5.6,0 6.2,-2 0.6,-2 -1.3,-4.3 -4.3,-5.2 -2.6,-0.7 -5.5,0.3 -6.2,2.3 z m 44.2,-1.7 c -2.9,0.7 -4.9,2.6 -4.6,4.9 0.3,2 2.9,3.3 5.9,2.6 2.9,-0.7 4.9,-2.6 4.6,-4.6 -0.3,-1.9 -3,-3.2 -5.9,-2.9 z M 252.8,14.196282 C 114.1,14.196282 8,119.49628 8,258.19628 c 0,110.9 69.8,205.8 169.5,239.2 12.8,2.3 17.3,-5.6 17.3,-12.1 0,-6.2 -0.3,-40.4 -0.3,-61.4 0,0 -70,15 -84.7,-29.8 0,0 -11.4,-29.1 -27.8,-36.6 0,0 -22.9,-15.7 1.6,-15.4 0,0 24.9,2 38.6,25.8 21.9,38.6 58.6,27.5 72.9,20.9 2.3,-16 8.8,-27.1 16,-33.7 -55.9,-6.2 -112.3,-14.3 -112.3,-110.5 0,-27.5 7.6,-41.3 23.6,-58.9 -2.6,-6.5 -11.1,-33.3 2.6,-67.9 20.9,-6.5 69,27 69,27 20,-5.6 41.5,-8.5 62.8,-8.5 21.3,0 42.8,2.9 62.8,8.5 0,0 48.1,-33.6 69,-27 13.7,34.7 5.2,61.4 2.6,67.9 16,17.7 25.8,31.5 25.8,58.9 0,96.5 -58.9,104.2 -114.8,110.5 9.2,7.9 17,22.9 17,46.4 0,33.7 -0.3,75.4 -0.3,83.6 0,6.5 4.6,14.4 17.3,12.1 100,-33.2 167.8,-128.1 167.8,-239 0,-138.7 -112.5,-243.999998 -251.2,-243.999998 z M 105.2,359.09628 c -1.3,1 -1,3.3 0.7,5.2 1.6,1.6 3.9,2.3 5.2,1 1.3,-1 1,-3.3 -0.7,-5.2 -1.6,-1.6 -3.9,-2.3 -5.2,-1 z m -10.8,-8.1 c -0.7,1.3 0.3,2.9 2.3,3.9 1.6,1 3.6,0.7 4.3,-0.7 0.7,-1.3 -0.3,-2.9 -2.3,-3.9 -2,-0.6 -3.6,-0.3 -4.3,0.7 z m 32.4,35.6 c -1.6,1.3 -1,4.3 1.3,6.2 2.3,2.3 5.2,2.6 6.5,1 1.3,-1.3 0.7,-4.3 -1.3,-6.2 -2.2,-2.3 -5.2,-2.6 -6.5,-1 z m -11.4,-14.7 c -1.6,1 -1.6,3.6 0,5.9 1.6,2.3 4.3,3.3 5.6,2.3 1.6,-1.3 1.6,-3.9 0,-6.2 -1.4,-2.3 -4,-3.3 -5.6,-2 z"
-     id="path1" />
-</svg>
--- a/docs/crypto-wallets.md
+++ b/docs/crypto-wallets.md
@@ -1,7 +1,10 @@
 # Crypto Wallets

 <h2 id="bitcoin">
-    <img src="../assets/icons/bitcoin-light.svg" width="25px" height="25px">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="../assets/icons/bitcoin-light.svg">
+        <img src="../assets/icons/bitcoin.svg" width="25px" height="25px">
+    </picture>
    Bitcoin
 </h2>
 <img src="https://christerwaren.fi/barcode.svg?s=qr&c=bitcoin%3Abc1qlqz08vm7xgl7sff006z32zarrtyc26exum7z5c" width="250px" height="250px">
@@ -9,12 +12,13 @@
 <b>Wallet Address:</b><br>
 bc1qlqz08vm7xgl7sff006z32zarrtyc26exum7z5c

-<a href="https://git.waren.io/cwchristerw">Return to profile</a>
-
-<br>
+<a href="https://github.com/cwchristerw">Return to profile</a>

 <h2 id="ethereum">
-    <img src="../assets/icons/ethereum-light.svg" width="25px" height="25px">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="../assets/icons/ethereum-light.svg">
+        <img src="../assets/icons/ethereum.svg" width="25px" height="25px">
+    </picture>
    Ethereum
 </h2>

@@ -23,12 +27,13 @@ bc1qlqz08vm7xgl7sff006z32zarrtyc26exum7z5c
 <b>Wallet Address:</b><br>
 0xe14c0d40f6b214a75cc36c063c6ad36f3947ea41

-<a href="https://git.waren.io/cwchristerw">Return to profile</a>
-
-<br>
+<a href="https://github.com/cwchristerw">Return to profile</a>

 <h2 id="litecoin">
-    <img src="../assets/icons/litecoin-light.svg" width="25px" height="25px">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="../assets/icons/litecoin-light.svg">
+        <img src="../assets/icons/litecoin.svg" width="25px" height="25px">
+    </picture>
    Litecoin
 </h2>

@@ -37,12 +42,13 @@ bc1qlqz08vm7xgl7sff006z32zarrtyc26exum7z5c
 <b>Wallet Address:</b><br>
 ltc1q0pk8gn4szdc984llafnju6259534753sm3cxtx

-<a href="https://git.waren.io/cwchristerw">Return to profile</a>
-
-<br>
+<a href="https://github.com/cwchristerw">Return to profile</a>

 <h2 id="monero">
-    <img src="../assets/icons/monero-light.svg" width="25px" height="25px">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="../assets/icons/monero-light.svg">
+        <img src="../assets/icons/monero.svg" width="25px" height="25px">
+    </picture>
    Monero
 </h2>

@@ -51,4 +57,4 @@ ltc1q0pk8gn4szdc984llafnju6259534753sm3cxtx
 <b>Wallet Address:</b><br>
 42jGtAeArpkU79SGv1ZSanSsZ3rNwkDHa9waAbcYEdarD8fFT9g2XD3c8endRdK6FLhL7E1QP7ueJ5QQZahRsgYV8Ggohq4

-<a href="https://git.waren.io/cwchristerw">Return to profile</a>
+<a href="https://github.com/cwchristerw">Return to profile</a>
--- a/docs/promolinks.md
+++ b/docs/promolinks.md
@@ -1,37 +1,43 @@
 # Promolinks

 <h2 id="digitalocean">
-    <img src="../assets/icons/digitalocean-light.svg" width="25px" height="25px">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="../assets/icons/digitalocean-light.svg">
+        <img src="../assets/icons/digitalocean.svg" width="25px" height="25px">
+    </picture>
    DigitalOcean
 </h2>

 Receive $200 in cloud credit to test their products for 60 days.<br>
 <a href="https://m.do.co/c/4248d53011c8">Register Now</a>

-<br>
-
 <h2 id="dynadot">
-    <img src="../assets/icons/dynadot-light.svg" width="25px" height="25px">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="../assets/icons/dynadot-light.svg">
+        <img src="../assets/icons/dynadot.svg" width="25px" height="25px">
+    </picture>
    Dynadot
 </h2>

 Receive 4,5€ in account credit.<br>
 <a href="https://dynadot.com?sM7K8u7m6Z7pBo">Register Now</a>

-<br>
-
 <h2 id="hetzner">
-    <img src="../assets/icons/hetzner-light.svg" width="25px" height="25px">
+    <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="../assets/icons/hetzner-light.svg">
+        <img src="../assets/icons/hetzner.svg" width="25px" height="25px">
+    </picture>
    Hetzner
 </h2>

 Receive 20€ in cloud credits.<br>
 <a href="https://hetzner.cloud/?ref=w2QMbx2s3c3h">Register Now</a>

-<br>
-
 <h2 id="ukkofi">
-  <img src="../assets/icons/ukkofi-light.svg" width="25px" height="25px">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="../assets/icons/ukkofi-light.svg">
+    <img src="../assets/icons/ukkofi.svg" width="25px" height="25px">
+  </picture>
  Ukko.fi
 </h2>

--- a/docs/ssh-keys.md
+++ b/docs/ssh-keys.md
@@ -7,4 +7,4 @@ ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIPW5phGhwAG8dmT+sR0uF1gRc0X9xXZiiFxvKUEsPk1N

 You can grant me access to your device with adding this SSH key to your .ssh/authorized_keys file.

-<a href="https://git.waren.io/cwchristerw">Return to profile</a>
+<a href="https://github.com/cwchristerw">Return to profile</a>