Githubify Profile

README.md

@@ -1,89 +1,113 @@
 <div align="center">
   <h1>Christer Warén</h1>
+  <p align="center">
     <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>
+  <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">
+  <picture>
-  <a href="https://git.waren.io/cwchristerw/.profile/blob/master/docs/crypto-wallets.md#bitcoin">Bitcoin - BTC</a> /
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/bitcoin-light.svg">
-  <img src="./assets/icons/ethereum-light.svg" width="15px" height="15px">
+    <img src="./assets/icons/bitcoin.svg" width="15px" height="15px">
-  <a href="https://git.waren.io/cwchristerw/.profile/blob/master/docs/crypto-wallets.md#ethereum">Ethereum - ETH</a> /
+  </picture>
-  <img src="./assets/icons/litecoin-light.svg" width="15px" height="15px">
+  <a href="https://github.com/cwchristerw/cwchristerw/blob/master/docs/crypto-wallets.md#bitcoin">Bitcoin - BTC</a> /
-  <a href="https://git.waren.io/cwchristerw/.profile/blob/master/docs/crypto-wallets.md#litecoin">Litecoin - LTC</a> /
+  <picture>
-  <img src="./assets/icons/monero-light.svg" width="15px" height="15px">
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/ethereum-light.svg">
-  <a href="https://git.waren.io/cwchristerw/.profile/blob/master/docs/crypto-wallets.md#monero">Monero - XMR</a>
+    <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">
+  <picture>
-  <a href="https://github.com/cwchristerw">Github</a> /
+    <source media="(prefers-color-scheme: dark)" srcset="./assets/icons/gitlab-light.svg">
-  <img src="./assets/icons/gitlab-light.svg" width="15px" height="15px">
+    <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>

assets/icons/github-light.svg

@@ -1,37 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   viewBox="0 0 640 640"
-   version="1.1"
-   id="svg1"
-   sodipodi:docname="github-light.svg"
-   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="M237.9 461.4C237.9 463.4 235.6 465 232.7 465C229.4 465.3 227.1 463.7 227.1 461.4C227.1 459.4 229.4 457.8 232.3 457.8C235.3 457.5 237.9 459.1 237.9 461.4zM206.8 456.9C206.1 458.9 208.1 461.2 211.1 461.8C213.7 462.8 216.7 461.8 217.3 459.8C217.9 457.8 216 455.5 213 454.6C210.4 453.9 207.5 454.9 206.8 456.9zM251 455.2C248.1 455.9 246.1 457.8 246.4 460.1C246.7 462.1 249.3 463.4 252.3 462.7C255.2 462 257.2 460.1 256.9 458.1C256.6 456.2 253.9 454.9 251 455.2zM316.8 72C178.1 72 72 177.3 72 316C72 426.9 141.8 521.8 241.5 555.2C254.3 557.5 258.8 549.6 258.8 543.1C258.8 536.9 258.5 502.7 258.5 481.7C258.5 481.7 188.5 496.7 173.8 451.9C173.8 451.9 162.4 422.8 146 415.3C146 415.3 123.1 399.6 147.6 399.9C147.6 399.9 172.5 401.9 186.2 425.7C208.1 464.3 244.8 453.2 259.1 446.6C261.4 430.6 267.9 419.5 275.1 412.9C219.2 406.7 162.8 398.6 162.8 302.4C162.8 274.9 170.4 261.1 186.4 243.5C183.8 237 175.3 210.2 189 175.6C209.9 169.1 258 202.6 258 202.6C278 197 299.5 194.1 320.8 194.1C342.1 194.1 363.6 197 383.6 202.6C383.6 202.6 431.7 169 452.6 175.6C466.3 210.3 457.8 237 455.2 243.5C471.2 261.2 481 275 481 302.4C481 398.9 422.1 406.6 366.2 412.9C375.4 420.8 383.2 435.8 383.2 459.3C383.2 493 382.9 534.7 382.9 542.9C382.9 549.4 387.5 557.3 400.2 555C500.2 521.8 568 426.9 568 316C568 177.3 455.5 72 316.8 72zM169.2 416.9C167.9 417.9 168.2 420.2 169.9 422.1C171.5 423.7 173.8 424.4 175.1 423.1C176.4 422.1 176.1 419.8 174.4 417.9C172.8 416.3 170.5 415.6 169.2 416.9zM158.4 408.8C157.7 410.1 158.7 411.7 160.7 412.7C162.3 413.7 164.3 413.4 165 412C165.7 410.7 164.7 409.1 162.7 408.1C160.7 407.5 159.1 407.8 158.4 408.8zM190.8 444.4C189.2 445.7 189.8 448.7 192.1 450.6C194.4 452.9 197.3 453.2 198.6 451.6C199.9 450.3 199.3 447.3 197.3 445.4C195.1 443.1 192.1 442.8 190.8 444.4zM179.4 429.7C177.8 430.7 177.8 433.3 179.4 435.6C181 437.9 183.7 438.9 185 437.9C186.6 436.6 186.6 434 185 431.7C183.6 429.4 181 428.4 179.4 429.7z"
-     id="path1"
-     style="fill:#ffffff" />
-</svg>

assets/icons/github.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M237.9 461.4C237.9 463.4 235.6 465 232.7 465C229.4 465.3 227.1 463.7 227.1 461.4C227.1 459.4 229.4 457.8 232.3 457.8C235.3 457.5 237.9 459.1 237.9 461.4zM206.8 456.9C206.1 458.9 208.1 461.2 211.1 461.8C213.7 462.8 216.7 461.8 217.3 459.8C217.9 457.8 216 455.5 213 454.6C210.4 453.9 207.5 454.9 206.8 456.9zM251 455.2C248.1 455.9 246.1 457.8 246.4 460.1C246.7 462.1 249.3 463.4 252.3 462.7C255.2 462 257.2 460.1 256.9 458.1C256.6 456.2 253.9 454.9 251 455.2zM316.8 72C178.1 72 72 177.3 72 316C72 426.9 141.8 521.8 241.5 555.2C254.3 557.5 258.8 549.6 258.8 543.1C258.8 536.9 258.5 502.7 258.5 481.7C258.5 481.7 188.5 496.7 173.8 451.9C173.8 451.9 162.4 422.8 146 415.3C146 415.3 123.1 399.6 147.6 399.9C147.6 399.9 172.5 401.9 186.2 425.7C208.1 464.3 244.8 453.2 259.1 446.6C261.4 430.6 267.9 419.5 275.1 412.9C219.2 406.7 162.8 398.6 162.8 302.4C162.8 274.9 170.4 261.1 186.4 243.5C183.8 237 175.3 210.2 189 175.6C209.9 169.1 258 202.6 258 202.6C278 197 299.5 194.1 320.8 194.1C342.1 194.1 363.6 197 383.6 202.6C383.6 202.6 431.7 169 452.6 175.6C466.3 210.3 457.8 237 455.2 243.5C471.2 261.2 481 275 481 302.4C481 398.9 422.1 406.6 366.2 412.9C375.4 420.8 383.2 435.8 383.2 459.3C383.2 493 382.9 534.7 382.9 542.9C382.9 549.4 387.5 557.3 400.2 555C500.2 521.8 568 426.9 568 316C568 177.3 455.5 72 316.8 72zM169.2 416.9C167.9 417.9 168.2 420.2 169.9 422.1C171.5 423.7 173.8 424.4 175.1 423.1C176.4 422.1 176.1 419.8 174.4 417.9C172.8 416.3 170.5 415.6 169.2 416.9zM158.4 408.8C157.7 410.1 158.7 411.7 160.7 412.7C162.3 413.7 164.3 413.4 165 412C165.7 410.7 164.7 409.1 162.7 408.1C160.7 407.5 159.1 407.8 158.4 408.8zM190.8 444.4C189.2 445.7 189.8 448.7 192.1 450.6C194.4 452.9 197.3 453.2 198.6 451.6C199.9 450.3 199.3 447.3 197.3 445.4C195.1 443.1 192.1 442.8 190.8 444.4zM179.4 429.7C177.8 430.7 177.8 433.3 179.4 435.6C181 437.9 183.7 438.9 185 437.9C186.6 436.6 186.6 434 185 431.7C183.6 429.4 181 428.4 179.4 429.7z"/></svg>

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>
+<a href="https://github.com/cwchristerw">Return to profile</a>
-
-<br>
 
 <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>
+<a href="https://github.com/cwchristerw">Return to profile</a>
-
-<br>
 
 <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>
+<a href="https://github.com/cwchristerw">Return to profile</a>
-
-<br>
 
 <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>

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>
 

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>