Add links to programming languages

2 files changed, 75 insertions, 29 deletions

diff --git a/assets/logos/erlang.svg b/assets/logos/erlang.svg
new file mode 100644
index 0000000..5a729a5
--- /dev/null
+++ b/assets/logos/erlang.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="243"
+   height="213"
+   viewBox="0 0 243 213"
+   id="svg2">
+  <metadata
+     id="metadata34">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs32" />
+  <g
+     id="g8"
+     style="fill:#a90533">
+    <path
+       d="M 38.003327,153.65612 C 19.2,133.73121 8.1983366,106.20487 8.2262178,73.362099 8.2002376,44.316871 17.326257,19.351168 33.015129,0.35394059 l -0.02535,0.009505 -32.97584141,0 0,153.29584441 37.96594041,0 0.02345,-0.003 0,0 z"
+       id="path10" />
+    <path
+       d="m 211.67271,153.66879 c 8.10012,-8.67548 15.3581,-18.89267 21.93489,-30.57742 l -36.49901,-18.24951 c -12.81837,20.83929 -31.56404,40.02091 -57.48594,40.14891 -37.72641,-0.128 -52.549066,-32.3878 -52.467323,-73.910493 l 140.977423,0 c 0.1882,-4.687841 0.1882,-6.867643 0,-9.124119 0.92008,-24.703366 -5.62693,-45.467881 -17.53663,-61.63833622 l -0.0615,0.0462574 31.74147,0 0,153.29584082 -30.67248,0 0.0691,0.009 0,0 z"
+       id="path12" />
+    <path
+       d="M 89.437149,35.493743 C 90.997861,16.694218 105.81988,4.0513663 123.19873,4.0133465 c 17.49735,0.03802 30.13957,12.6808715 30.56792,31.4803965 l -64.329501,0 0,0 z"
+       id="path14" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/index.html.pm b/index.html.pm
index 9cd456a..ac32c1b 100644
--- a/index.html.pm
+++ b/index.html.pm
@@ -3,51 +3,57 @@
 ◊(require string-interpolation)
 
 ◊`(div ([class ,"flex bg-[@{raisin-black}]"])
-    (div ([class "hidden my-2 lg:flex flex-col items-center shrink-0 justify-around ml-12"])
+    (div ([class "hidden my-2 lg:flex flex-col items-center shrink-0 justify-around ml-12 xl:ml-36"])
         ,(badge "Locality of Behavior")
-        (img ([src "assets/logos/nix.png"] [class "aspect-auto w-24"]))
+        (a ([href "https://nixos.org"]) 
+            (img ([src "assets/logos/nix.png"] [class "aspect-auto w-24"])))
         ,(badge "Simplicity")
-        (img ([src "assets/logos/clojure.svg"] [class "aspect-auto w-24"]))
+        (a ([href "https://clojure.org"]) 
+            (img ([src "assets/logos/clojure.svg"] [class "aspect-auto w-24"])))
         ,(badge "Lenses")
-        (img ([src "assets/logos/ferris.svg"] [class "aspect-auto w-24"]))
+        (a ([href "https://rust-lang.org"]) 
+            (img ([src "assets/logos/ferris.svg"] [class "aspect-auto w-24"])))
         ,(badge "Reproducibility")
     )
     (div ([class ,"flex flex-col justify-between mx-auto min-h-screen max-w-screen-xl px-4 pt-12 md:px-8 md:pt-20 lg:px-16 text-zinc-300"])
         (div ([class "my-6"])
-        (h1 ([class ,"my-4 text-4xl text-[@{jordy}] font-fira-code tracking-tighter leading-snug text-center"])
-            "Coding is hard —")
-        (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
-            "Most of the tools and languages (make it easy to) add unnecessary complexity.")
-        (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
-            "This creates unnecessary cognitive load.")
-        (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
-            "If we constantly battle cognitive load, we get exhausted, unhappy and frustrated.")
+            (h1 ([class ,"my-4 text-4xl text-[@{jordy}] font-fira-code tracking-tighter leading-snug text-center"])
+                "Coding is hard —")
+            (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
+                "Most of the tools and languages (make it easy to) add unnecessary complexity.")
+            (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
+                "This creates unnecessary cognitive load.")
+            (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
+                "If we constantly battle cognitive load, we get exhausted, unhappy and frustrated.")
         )
         (div ([class "my-6"])
-        (h1 ([class ,"my-4 text-4xl text-[@{jordy}] font-fira-code tracking-tighter leading-snug text-center"])
-            "but it doesn't have to be.")
-        (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
-            "There are tools and techniques that manage complexity comparatively well.")
-        (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
-            "Using those " (span ([class "italic"]) "reduces") " cognitive load.")
-        (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
-            "So that you can be energetic, happy and joyful while coding.")
+            (h1 ([class ,"my-4 text-4xl text-[@{jordy}] font-fira-code tracking-tighter leading-snug text-center"])
+                "but it does it have to be that hard?")
+            (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
+                "There are tools and techniques that manage complexity comparatively well.")
+            (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
+                "Using those " (span ([class "italic"]) "reduces") " cognitive load.")
+            (p ([class "my-2 sm:text-lg leading-relaxed text-center"])
+                "So that you can be energetic, happy and joyful while coding.")
         )
         (div ([class "mx-auto"])
-        (a ([href "#meetup"]
-            [class ,"mb-4 flex flex-col gap-2 items-center hover:text-[@{jordy}] focus-visible:text-[@{jordy}] duration-300"])
-            (span ([class "text-xl text-[@{jordy}] font-fira-code tracking-tighter leading-snug"])"Interested? Have a look")
-            (svg ([xmlns "http://www.w3.org/2000/svg"] [fill "none"] [viewBox "0 0 24 24"] [stroke-width "1"] [stroke "currentColor"] [class "size-16"])
-                (path ([stroke-linecap "round"] [stroke-linejoin "round"] [d "m19.5 8.25-7.5 7.5-7.5-7.5"]))))
+            (a ([href "#meetup"]
+                [class ,"mb-4 flex flex-col gap-2 items-center hover:text-[@{jordy}] focus-visible:text-[@{jordy}] duration-300"])
+                (span ([class "text-xl text-[@{jordy}] font-fira-code tracking-tighter leading-snug"])"Interested?")
+                (svg ([xmlns "http://www.w3.org/2000/svg"] [fill "none"] [viewBox "0 0 24 24"] [stroke-width "1"] [stroke "currentColor"] [class "size-16"])
+                    (path ([stroke-linecap "round"] [stroke-linejoin "round"] [d "m19.5 8.25-7.5 7.5-7.5-7.5"]))))
         )
     )
-    (div ([class "hidden my-2 lg:flex flex-col items-center shrink-0 justify-around mr-12"])
+    (div ([class "hidden my-2 lg:flex flex-col items-center shrink-0 justify-around mr-12 xl:mr-36"])
         ,(badge "Functional Data Structures")
-        (img ([src "assets/logos/haskell.svg"] [class "aspect-auto w-28"]))
+        (a ([href "https://www.haskell.org/"]) 
+            (img ([src "assets/logos/haskell.svg"] [class "aspect-auto w-28"])))
         ,(badge "Category Theory")
-        (img ([src "assets/logos/elixir.svg"] [class "aspect-auto w-24"]))
+        (a ([href "https://elixir-lang.org"]) 
+            (img ([src "assets/logos/elixir.svg"] [class "aspect-auto w-24"])))
         ,(badge "Distributed Systems")
-        (img ([src "assets/logos/racket.svg"] [class "aspect-auto w-24"]))
+        (a ([href "https://racket-lang.org"]) 
+            (img ([src "assets/logos/racket.svg"] [class "aspect-auto w-24"])))
         ,(badge "Low Coupling")
     )
 )