rpearce / robertwpearce.com

💾 My personal site; built with hakyll

robertwpearce.com

My personal website, https://robertwpearce.com

Development

View hakyll-nix-template's README for development instructions.

robertwpearce.com's Issues

Hakyll – Pure Builds With Nix

Helpful:

• https://maybevoid.com/posts/2019-01-27-getting-started-haskell-nix.html
• https://turbomack.github.io/posts/2020-02-17-cabal-flags-and-nix.html
• haskellPackages = pkgs.haskellPackages; # really haskell.packages.ghc7102: https://nixos.org/nixpkgs/manual/#haskell
• overriding haskell packages: https://github.com/Gabriel439/haskell-nix/tree/master/project4
• overrideAttrs: https://nixos.org/nixpkgs/manual/#sec-pkg-overrideAttrs
• overlays: https://nixos.org/nixpkgs/manual/#chap-overlays
• nixpkgs haskell section: https://github.com/NixOS/nixpkgs/blob/master/doc/languages-frameworks/haskell.section.md
• https://kuznero.com/post/linux/haskell-project-structure-in-nixos/

Steps:

1. Make a new project with default.nix, shell.nix, and release.nix and get into its pure nix shell environment

λ mkdir hakyll-nix-example && cd $_
λ echo "(import ./release.nix { }).project" > default.nix
λ echo "(import ./release.nix { }).shell" > shell.nix
λ echo "{ }: let in { }" > release.nix
λ nix-shell --pure -p niv nix cacert

1. Initialize niv and setup your nixpkgs owner, repository, and branch

[nix-shell:~/projects/hakyll-nix-example]$ niv init
[nix-shell:~/projects/hakyll-nix-example]$ niv update nixpkgs -o NixOS -r nixpkgs-channels -b nixpkgs-unstable
[nix-shell:~/projects/hakyll-nix-example]$ exit

1. update release.nix

{ compiler ? "ghc883"
, sources ? import ./nix/sources.nix
}:

let
overlay = _: pkgz: {
  niv = import sources.niv { };
};

pkgs = import sources.nixpkgs {
  config = {
    packageOverrides = pkgz: rec {
      haskell = pkgz.haskell // {
        packages = pkgz.haskell.packages // {
          ${compiler} = pkgz.haskell.packages.${compiler}.override {
            overrides = hpNew: hpOld: rec {
              hakyll = hpOld.hakyll.overrideAttrs(oldAttrs: {
                configureFlags = "-f watchServer -f previewServer";
                patches = [ ./hakyll.patch ];
              });

              project = hpNew.callCabal2nix "robertwpearce-com" ./. { };
            };
          };
        };
      };
    };
  };

  overlays = [ overlay ];
};

haskellPackages = pkgs.haskell.packages.${compiler};
in
{
  project = haskellPackages.project;

  shell = haskellPackages.shellFor {
    packages = p: with p; [
      haskellPackages.project
    ];
    buildInputs = with haskellPackages; [
      ghcid
      hlint
      niv
      #ormolu
      pkgs.cacert
      pkgs.nix
    ];
    withHoogle = true;
  };
}

1. create hakyll.patch diff file

diff --git a/hakyll.cabal b/hakyll.cabal
index fcded8d..9746f20 100644
--- a/hakyll.cabal
+++ b/hakyll.cabal
@@ -199,7 +199,7 @@ Library
   If flag(previewServer)
     Build-depends:
       wai             >= 3.2   && < 3.3,
-      warp            >= 3.2   && < 3.3,
+      warp,
       wai-app-static  >= 3.1   && < 3.2,
       http-types      >= 0.9   && < 0.13,
       fsnotify        >= 0.2   && < 0.4

1. bootstrap the hakyll project (we won't ever need this again)

λ nix-shell --pure -p haskellPackages.hakyll --run "hakyll-init ."

1. build the project and --show-trace just in case something goes wrong

λ nix-build --show-trace

1. run the local dev server

λ ./result/bin/site watch

1. navigate to http://localhost:8000 and see your local dev site up and running!

Ramda Chops: Reading Type Signatures

Helpful:

• https://drboolean.gitbooks.io/mostly-adequate-guide-old/content/ch7.html#whats-your-type

Hakyll – Customizing Markdown Compiler Options

Get feed.xml working

minor friction when using hakyll+nix in configuration.nix

robertwpearce.com/flake.nix

Line 76 in 655e73d

mkdir -p "$out/dist"

This might be the wrong place to report this bug?

I wanted to use your hakyll+nix blog builder in my configuration.nix
I spent fruitless hours debugging, and finally discovered that I had to manually add /dist/ as shown here:

https://github.com/shapr/surtr/blob/main/surtr.nix#L71

Would you be open to a pull request changing the output directory to $out ?

Accessible Table Grid Using React.js and Hooks

• with table
• with divs that use all the role info

Resources

• https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Grid_Role
• https://www.w3.org/TR/wai-aria-1.1/#grid
• https://www.w3.org/TR/wai-aria-practices-1.1/#grid
• https://www.w3.org/TR/wai-aria-practices-1.1/examples/grid/dataGrids.html

Ramdomize blog background colors per post

Functional JavaScript – Point-Free Code That Tells a Story

Replace Hogan with simple template strings as part of component functions

Hogan, for all its greatness and simplicity, is way too complex for something this simple.

Instead, consider using functions and template strings to accomplish the same thing. I bet it'll be 50x simpler.

The remarkable simplicity of only including the CSS, JavaScript, and icons you need for a given webpage

How to use bash and md5 hashes to tell if the content in multiple files and directories changed

Hakyll Pt. 5 – Generating Custom Post Filenames From a Title Slug

Nightmode theme

example: https://github.com/gaearon/overreacted.io/blob/master/src/utils/global.css

example: https://hacktoberfest.digitalocean.com/details#participation-rules

Ramda Chops: The Art of the Lens

example object: https://developer.okta.com/docs/reference/api/idps/#list-identity-providers

Functional JavaScript – Moving from Promises to Tasks/Asyncs

Theming static sites with minimal effort and page weight

People are so much more than cogs

"I point out to you […] a lesson learned from past over-machined societies which you appear not to have learned. The devices themselves condition the users to employ each other the way they employ machines."

— Leto II, God Emperor of Dune

I'm re-reading the Dune series for the nth time, and this time, I'm doing it with a group via the excellent Gom Jabbar podcast. There are some seriously problematic themes in God Emperor of Dune, but the quote above has stuck with me for weeks and has illuminated life for me in a way I haven't experienced in years.

This quote helped me wrap my head around ways we might inadvertantly dehumanize one another by assigning those around us rigid roles in the context of our daily lives and businesses. Like removing extra dough around a cookie cutter baking shape, we may discard from others that wealth of life and creativity that makes us human, leaving behind only the shapes we expect to see, and this limits and devalues ourselves and everyone around us.

Machines are everywhere and, depending on where you live, are involved in nearly everything we do. We give them commands, and they do something. When a part is broken, we replace that part. When they no longer suit our needs or are broken enough, we discard them. If we are exposed to this thinking every day for most of our lives, how does that affect how we treat and interact with people around us? Through force of habit, do we unintentionally treat others similarly to how we treat machines? Have we always done this, but our current technology makes this more ingrained since it is all-engrossing and demands our constant attention?

Much could be written on this subject, but let's keep this short.

The next time you find yourself eliminating someone's "role" at work and laying them off, ignoring someone bagging your groceries, growing impatient with your music teacher's stories, or disregarding someone's ideas because of their station, try to stop and remember that the person before you is a vibrant, autonomous, wonderful being that brings their entire lifetime of valuable experiences before you and exists far outside the box you and/or society might have put them in.

Ramda Chops: Transform Deeply Nested Data with over, set, evolve, assoc, and more

Rust learning resources

Hakyll Pt. 8 – Pure Functional CSS with Clay

You Should Try Nix

Build Your Team a Component Library

Add Accessible Night-Mode To Your Website

... Using CSS Variables and a Little JavaScript

Ramda Chops: Conditional Composition

Helpful:

• if/else, cond, when, unless

Docker Rails devcontainer

Will need a demo app 💯 before doing this.

Re-do site (design, phoenix, ???)

Updated content:

• what type of work I have done and am interested in
• projects showcase
  • https://dear-dia11y.com
  • https://ramda.guide
  • https://github.com/rpearce/slugger
  • https://github.com/rpearce/bashcards
  • https://github.com/rpearce/hakyll-nix-template
  • https://github.com/rpearce/image-zoom
  • https://github.com/rpearce/react-expanding-textarea
  • https://github.com/rpearce/react-with-forwarded-ref
  • https://github.com/rpearce/hex
  • https://github.com/rpearce/ts-dom-fns
  • https://github.com/rpearce/flexible-string-replace/
• reviews
• blog stuff
• RSS / Atom / JSON Feed
• WebMentions https://christine.website/blog/webmention-support-2020-12-02

Lazy load images

One `if` Statement Per JavaScript Application

Pandoc not parsing elm correctly

Ramda Chops: The Double Underscore __ Placeholder

Ramda Chops: Flip the (Java)Script

• flip

Show print-friendly HTML details elements' content with only a few lines of JavaScript

const mql = window.matchMedia('print')

mql.addEventListener('change', (event) => {
  const detailEls = document.querySelectorAll('details')

  detailEls.forEach(detailEl => {
    if (event.matches) {
      detailEl.open = true
    } else if (detailEl.open) {
      detailEl.open = false
    }
  })
})

Sort articles by metadata.date (descending) before passing them off to the index

Announcing react-medium-image-zoom v4

Nixpkgs: How to Contribute a Missing Vim Plugin

License?

Hey, I love your blog setup. May I reuse your code? I'd be happy to attribute.

Provide option to disable blog post bg images

Maybe also don't load them if it takes longer than X? Or certain level of slow speed detected?

Ramda Chops: Pass-Through With Tap

Ramda Chops: Merging Objects

• merge right, left, deep, etc
• compare to Object.assign

Fix code CSS issues

This isn't that good. Make it better.

Goal:

Make nix-build do all the things

Convert CSS to use Clay

https://jaspervdj.be/hakyll/tutorials/using-clay-with-hakyll.html

http://fvisser.nl/clay/

Write post after doing this (issue #35)