diff options
Diffstat (limited to 'index.html.pm')
| -rw-r--r-- | index.html.pm | 64 |
1 files changed, 35 insertions, 29 deletions
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") ) ) |