Add outgoing links

content/links.md

@@ -4,9 +4,24 @@ title: "Links"
 
 If you want to link back to my website, you can use one of the two banners
 below. You have an option depending on your website's color scheme :-) Please
-host the image on your own server!
+host the image on your own server if you can!
 
-![Banner 1](banner.webp)
+![Banner 1](/banner.webp)
 
-![Banner 2](banner2.webp)
+![Banner 2](/banner2.webp)
 
+## Outgoing
+
+If you wish to be added and I missed you, or I made a horrific mistake, please [contact me](/contact). Websites without banners to be added later.
+
+{{< out-link banner="goldgust_net.png" link="https://goldgust.net" label="Gold" >}}
+
+{{< out-link banner="aks.png" link="https://www.akselmo.dev" label="Aks" >}}
+
+{{< out-link banner="nina.png" link="https://misnina.com" label="Nina" >}}
+
+{{< out-link banner="neuroknives.png" link="https://euroknives.com" label="Neuroknives" >}}
+
+{{< out-link banner="bigraccoon-logo-white.png" link="https://bigraccoon.ca/" label="Johann Sebastian Staedtler" >}}
+
+{{< out-link banner="tof.png" link="https://toffeee.com" label="toffee" >}}

themes/red/layouts/shortcodes/out-link.html

@@ -0,0 +1,13 @@
+{{ $link := .Get "link" }}
+{{ $banner := .Get "banner" }}
+{{ $label := .Get "label" }}
+
+<a href="{{ $link }}" style="text-decoration: none;">
+
+{{ $path := printf "/links/%s" $banner}}
+{{ $img := resources.Get $path }}
+{{ with $img }}
+<img src="{{ .RelPermalink }}" style="width: auto; height: 31px;" alt="{{ $label }}" width="{{ .Width }}" height="{{ .Height }}"/>
+{{ end }}
+
+</a>