diff --git a/assets/main.css.map b/assets/main.css.map
index 162b93bdc..441455c8e 100644
--- a/assets/main.css.map
+++ b/assets/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../vendor/bundle/ruby/3.2.0/bundler/gems/fractal-da09a10a79a9/_sass/fractal/_base.scss","../vendor/bundle/ruby/3.2.0/bundler/gems/fractal-da09a10a79a9/_sass/fractal.scss","main.scss","../vendor/bundle/ruby/3.2.0/bundler/gems/fractal-da09a10a79a9/_sass/fractal/_layout.scss","../vendor/bundle/ruby/3.2.0/bundler/gems/fractal-da09a10a79a9/_sass/fractal/_syntax-highlighting.scss","../vendor/bundle/ruby/3.2.0/bundler/gems/fractal-da09a10a79a9/_sass/custom.scss"],"names":[],"mappings":"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","sourcesContent":["/**\n * Reset some basic elements\n */\nbody,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\nhr,\ndl,\ndd,\nol,\nul,\nfigure {\n  margin: 0;\n  padding: 0;\n}\n\n/**\n * Basic styling\n */\nbody {\n  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;\n  color: $text-color;\n  background-color: $background-color;\n  -webkit-text-size-adjust: 100%;\n  -webkit-font-feature-settings: \"kern\" 1;\n  -moz-font-feature-settings: \"kern\" 1;\n  -o-font-feature-settings: \"kern\" 1;\n  font-feature-settings: \"kern\" 1;\n  font-kerning: normal;\n  display: flex;\n  min-height: 100vh;\n  flex-direction: column;\n}\n\n/**\n * Set `margin-bottom` to maintain vertical rhythm\n */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\nul,\nol,\ndl,\nfigure,\n%vertical-rhythm {\n  margin-bottom: $spacing-unit / 2;\n}\n\n/**\n * `main` element\n */\nmain {\n  display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */\n}\n\n/**\n * Images\n */\nimg {\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n/**\n * Figures\n */\nfigure > img {\n  display: block;\n}\n\nfigcaption {\n  font-size: $small-font-size;\n}\n\n/**\n * Lists\n */\nul,\nol {\n  margin-left: $spacing-unit;\n}\n\nli {\n  > ul,\n  > ol {\n    margin-bottom: 0;\n  }\n}\n\n/**\n * Headings\n */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-weight: $base-font-weight;\n}\n\n/**\n * Links\n */\na {\n  color: $brand-color;\n  text-decoration: none;\n\n  &:visited {\n    color: darken($brand-color, 15%);\n  }\n\n  &:hover {\n    color: $text-color;\n    text-decoration: underline;\n  }\n\n  .social-media-list &:hover {\n    text-decoration: none;\n\n    .username {\n      text-decoration: underline;\n    }\n  }\n}\n\n/**\n * Blockquotes\n */\nblockquote {\n  color: $grey-color;\n  border-left: 4px solid $grey-color-light;\n  padding-left: $spacing-unit / 2;\n  @include relative-font-size(1.125);\n  letter-spacing: -1px;\n  font-style: italic;\n\n  > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n/**\n * Code formatting\n */\npre,\ncode {\n  @include relative-font-size(0.9375);\n  border: 1px solid $grey-color-light;\n  border-radius: 3px;\n  background-color: #eef;\n}\n\ncode {\n  padding: 1px 5px;\n}\n\npre {\n  padding: 8px 12px;\n  overflow-x: auto;\n\n  > code {\n    border: 0;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n/**\n * Wrapper\n */\n.wrapper {\n  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));\n  max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: $spacing-unit;\n  padding-left: $spacing-unit;\n  @extend %clearfix;\n\n  @include media-query($on-laptop) {\n    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));\n    max-width: calc(#{$content-width} - (#{$spacing-unit}));\n    padding-right: $spacing-unit / 2;\n    padding-left: $spacing-unit / 2;\n  }\n}\n\n/**\n * Clearfix\n */\n%clearfix:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n/**\n * Icons\n */\n\n.svg-icon {\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  fill: #{$grey-color};\n  padding-right: 5px;\n  vertical-align: text-top;\n}\n\n.social-media-list {\n  li + li {\n    padding-top: 5px;\n  }\n}\n\n/**\n * Tables\n */\ntable {\n  margin-bottom: $spacing-unit;\n  width: 100%;\n  text-align: $table-text-align;\n  color: lighten($text-color, 18%);\n  border-collapse: collapse;\n  border: 1px solid $grey-color-light;\n  tr {\n    &:nth-child(even) {\n      background-color: lighten($grey-color-light, 6%);\n    }\n  }\n  th,\n  td {\n    padding: ($spacing-unit / 3) ($spacing-unit / 2);\n  }\n  th {\n    background-color: lighten($grey-color-light, 3%);\n    border: 1px solid darken($grey-color-light, 4%);\n    border-bottom-color: darken($grey-color-light, 12%);\n  }\n  td {\n    border: 1px solid $grey-color-light;\n  }\n}\n","@charset \"utf-8\";\n\n// Define defaults for each variable.\n\n$base-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif,\n  \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$base-font-size: 16px !default;\n$base-font-weight: 400 !default;\n$small-font-size: $base-font-size * 0.875 !default;\n$base-line-height: 1.5 !default;\n\n$spacing-unit: 30px !default;\n\n$text-color: #111 !default;\n$background-color: #fdfdfd !default;\n$brand-color: #2068c7 !default;\n\n$grey-color: #828282 !default;\n$grey-color-light: lighten($grey-color, 40%) !default;\n$grey-color-dark: darken($grey-color, 25%) !default;\n\n$table-text-align: left !default;\n\n// Width of the content area\n$content-width: 800px !default;\n\n$on-palm: 600px !default;\n$on-laptop: 800px !default;\n\n// Use media queries like this:\n// @include media-query($on-palm) {\n//   .wrapper {\n//     padding-right: $spacing-unit / 2;\n//     padding-left: $spacing-unit / 2;\n//   }\n// }\n@mixin media-query($device) {\n  @media screen and (max-width: $device) {\n    @content;\n  }\n}\n\n@mixin relative-font-size($ratio) {\n  font-size: $base-font-size * $ratio;\n}\n\n// Import partials.\n@import \"fractal/base\", \"fractal/layout\", \"fractal/syntax-highlighting\";\n","$brand-color: #5d15a1;\n@import \"fractal\";\n@import \"custom\";\n","/**\n * Site header\n */\n.site-header {\n  border-top: 5px solid $grey-color-dark;\n  border-bottom: 1px solid $grey-color-light;\n  min-height: $spacing-unit * 1.865;\n\n  // Positioning context for the mobile navigation icon\n  position: relative;\n}\n\n.site-title {\n  @include relative-font-size(1.625);\n  font-weight: 300;\n  line-height: $base-line-height * $base-font-size * 2.25;\n  letter-spacing: -1px;\n  margin-bottom: 0;\n  float: left;\n\n  &,\n  &:visited {\n    color: $grey-color-dark;\n  }\n}\n\n.site-nav {\n  float: right;\n  line-height: $base-line-height * $base-font-size * 2.25;\n\n  .nav-trigger {\n    display: none;\n  }\n\n  .menu-icon {\n    display: none;\n  }\n\n  .page-link {\n    color: $text-color;\n    line-height: $base-line-height;\n\n    // Gaps between nav items, but not on the last one\n    &:not(:last-child) {\n      margin-right: 20px;\n    }\n  }\n\n  @include media-query($on-palm) {\n    position: absolute;\n    top: 9px;\n    right: $spacing-unit / 2;\n    background-color: $background-color;\n    border: 1px solid $grey-color-light;\n    border-radius: 5px;\n    text-align: right;\n\n    label[for=\"nav-trigger\"] {\n      display: block;\n      float: right;\n      width: 36px;\n      height: 36px;\n      z-index: 2;\n      cursor: pointer;\n    }\n\n    .menu-icon {\n      display: block;\n      float: right;\n      width: 36px;\n      height: 26px;\n      line-height: 0;\n      padding-top: 10px;\n      text-align: center;\n\n      > svg {\n        fill: $grey-color-dark;\n      }\n    }\n\n    input ~ .trigger {\n      clear: both;\n      display: none;\n    }\n\n    input:checked ~ .trigger {\n      display: block;\n      padding-bottom: 5px;\n    }\n\n    .page-link {\n      display: block;\n      padding: 5px 10px;\n\n      &:not(:last-child) {\n        margin-right: 0;\n      }\n      margin-left: 20px;\n    }\n  }\n}\n\n/**\n * Site footer\n */\n.site-footer {\n  border-top: 1px solid $grey-color-light;\n  padding: $spacing-unit 0;\n}\n\n.footer-heading {\n  @include relative-font-size(1.125);\n  margin-bottom: $spacing-unit / 2;\n}\n\n.contact-list,\n.social-media-list {\n  list-style: none;\n  margin-left: 0;\n}\n\n.footer-col-wrapper {\n  @include relative-font-size(0.9375);\n  color: $grey-color;\n  margin-left: -$spacing-unit / 2;\n  @extend %clearfix;\n}\n\n.footer-col {\n  float: left;\n  margin-bottom: $spacing-unit / 2;\n  padding-left: $spacing-unit / 2;\n}\n\n.footer-col-1 {\n  width: -webkit-calc(35% - (#{$spacing-unit} / 2));\n  width: calc(35% - (#{$spacing-unit} / 2));\n}\n\n.footer-col-2 {\n  width: -webkit-calc(20% - (#{$spacing-unit} / 2));\n  width: calc(20% - (#{$spacing-unit} / 2));\n}\n\n.footer-col-3 {\n  width: -webkit-calc(45% - (#{$spacing-unit} / 2));\n  width: calc(45% - (#{$spacing-unit} / 2));\n}\n\n@include media-query($on-laptop) {\n  .footer-col-1,\n  .footer-col-2 {\n    width: -webkit-calc(50% - (#{$spacing-unit} / 2));\n    width: calc(50% - (#{$spacing-unit} / 2));\n  }\n\n  .footer-col-3 {\n    width: -webkit-calc(100% - (#{$spacing-unit} / 2));\n    width: calc(100% - (#{$spacing-unit} / 2));\n  }\n}\n\n@include media-query($on-palm) {\n  .footer-col {\n    float: none;\n    width: -webkit-calc(100% - (#{$spacing-unit} / 2));\n    width: calc(100% - (#{$spacing-unit} / 2));\n  }\n}\n\n/**\n * Page content\n */\n.page-content {\n  padding: $spacing-unit 0;\n  flex: 1;\n}\n\n.page-heading {\n  @include relative-font-size(2);\n}\n\n.post-list-heading {\n  @include relative-font-size(1.75);\n}\n\n.post-list {\n  margin-left: 0;\n  list-style: none;\n\n  > li {\n    margin-bottom: $spacing-unit;\n  }\n}\n\n.post-meta {\n  font-size: $small-font-size;\n  color: $grey-color;\n}\n\n.post-link {\n  display: block;\n  @include relative-font-size(1.5);\n}\n\n/**\n * Posts\n */\n.post-header {\n  margin-bottom: $spacing-unit;\n}\n\n.post-title {\n  @include relative-font-size(2.625);\n  letter-spacing: -1px;\n  line-height: 1;\n\n  @include media-query($on-laptop) {\n    @include relative-font-size(2.25);\n  }\n}\n\n.post-content {\n  margin-bottom: $spacing-unit;\n\n  h2 {\n    @include relative-font-size(2);\n\n    @include media-query($on-laptop) {\n      @include relative-font-size(1.75);\n    }\n  }\n\n  h3 {\n    @include relative-font-size(1.625);\n\n    @include media-query($on-laptop) {\n      @include relative-font-size(1.375);\n    }\n  }\n\n  h4 {\n    @include relative-font-size(1.25);\n\n    @include media-query($on-laptop) {\n      @include relative-font-size(1.125);\n    }\n  }\n}\n","/**\n * Syntax highlighting styles\n */\n.highlight {\n  background: #fff;\n  @extend %vertical-rhythm;\n\n  .highlighter-rouge & {\n    background: #eef;\n  }\n\n  .c {\n    color: #998;\n    font-style: italic;\n  } // Comment\n  .err {\n    color: #a61717;\n    background-color: #e3d2d2;\n  } // Error\n  .k {\n    font-weight: bold;\n  } // Keyword\n  .o {\n    font-weight: bold;\n  } // Operator\n  .cm {\n    color: #998;\n    font-style: italic;\n  } // Comment.Multiline\n  .cp {\n    color: #999;\n    font-weight: bold;\n  } // Comment.Preproc\n  .c1 {\n    color: #998;\n    font-style: italic;\n  } // Comment.Single\n  .cs {\n    color: #999;\n    font-weight: bold;\n    font-style: italic;\n  } // Comment.Special\n  .gd {\n    color: #000;\n    background-color: #fdd;\n  } // Generic.Deleted\n  .gd .x {\n    color: #000;\n    background-color: #faa;\n  } // Generic.Deleted.Specific\n  .ge {\n    font-style: italic;\n  } // Generic.Emph\n  .gr {\n    color: #a00;\n  } // Generic.Error\n  .gh {\n    color: #999;\n  } // Generic.Heading\n  .gi {\n    color: #000;\n    background-color: #dfd;\n  } // Generic.Inserted\n  .gi .x {\n    color: #000;\n    background-color: #afa;\n  } // Generic.Inserted.Specific\n  .go {\n    color: #888;\n  } // Generic.Output\n  .gp {\n    color: #555;\n  } // Generic.Prompt\n  .gs {\n    font-weight: bold;\n  } // Generic.Strong\n  .gu {\n    color: #aaa;\n  } // Generic.Subheading\n  .gt {\n    color: #a00;\n  } // Generic.Traceback\n  .kc {\n    font-weight: bold;\n  } // Keyword.Constant\n  .kd {\n    font-weight: bold;\n  } // Keyword.Declaration\n  .kp {\n    font-weight: bold;\n  } // Keyword.Pseudo\n  .kr {\n    font-weight: bold;\n  } // Keyword.Reserved\n  .kt {\n    color: #458;\n    font-weight: bold;\n  } // Keyword.Type\n  .m {\n    color: #099;\n  } // Literal.Number\n  .s {\n    color: #d14;\n  } // Literal.String\n  .na {\n    color: #008080;\n  } // Name.Attribute\n  .nb {\n    color: #0086b3;\n  } // Name.Builtin\n  .nc {\n    color: #458;\n    font-weight: bold;\n  } // Name.Class\n  .no {\n    color: #008080;\n  } // Name.Constant\n  .ni {\n    color: #800080;\n  } // Name.Entity\n  .ne {\n    color: #900;\n    font-weight: bold;\n  } // Name.Exception\n  .nf {\n    color: #900;\n    font-weight: bold;\n  } // Name.Function\n  .nn {\n    color: #555;\n  } // Name.Namespace\n  .nt {\n    color: #000080;\n  } // Name.Tag\n  .nv {\n    color: #008080;\n  } // Name.Variable\n  .ow {\n    font-weight: bold;\n  } // Operator.Word\n  .w {\n    color: #bbb;\n  } // Text.Whitespace\n  .mf {\n    color: #099;\n  } // Literal.Number.Float\n  .mh {\n    color: #099;\n  } // Literal.Number.Hex\n  .mi {\n    color: #099;\n  } // Literal.Number.Integer\n  .mo {\n    color: #099;\n  } // Literal.Number.Oct\n  .sb {\n    color: #d14;\n  } // Literal.String.Backtick\n  .sc {\n    color: #d14;\n  } // Literal.String.Char\n  .sd {\n    color: #d14;\n  } // Literal.String.Doc\n  .s2 {\n    color: #d14;\n  } // Literal.String.Double\n  .se {\n    color: #d14;\n  } // Literal.String.Escape\n  .sh {\n    color: #d14;\n  } // Literal.String.Heredoc\n  .si {\n    color: #d14;\n  } // Literal.String.Interpol\n  .sx {\n    color: #d14;\n  } // Literal.String.Other\n  .sr {\n    color: #009926;\n  } // Literal.String.Regex\n  .s1 {\n    color: #d14;\n  } // Literal.String.Single\n  .ss {\n    color: #990073;\n  } // Literal.String.Symbol\n  .bp {\n    color: #999;\n  } // Name.Builtin.Pseudo\n  .vc {\n    color: #008080;\n  } // Name.Variable.Class\n  .vg {\n    color: #008080;\n  } // Name.Variable.Global\n  .vi {\n    color: #008080;\n  } // Name.Variable.Instance\n  .il {\n    color: #099;\n  } // Literal.Number.Integer.Long\n}\n","/**\n * Shift menu on mobile to allow for GitHub corner.\n */\n@media screen and (max-width: 900px) {\n  .site-nav {\n    position: absolute;\n    right: 90px;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n/* Details and summary blocks. Copied from GH Pages without Jekyll. The cursor pointer is the most useful here. */\n[hidden][hidden] {\n  display: none !important;\n}\ndetails summary {\n  cursor: pointer;\n}\ndetails:not([open]) > *:not(summary) {\n  display: none !important;\n}\nsummary {\n  display: list-item;\n}\n\n/*\n  Not too big otherwise the size of the blocks distort, unless text is also made bigger.\n*/\n.logo-small {\n  width: 20px;\n  height: 20px;\n\n  display: inline-block;\n}\n\n.logo-medium {\n  width: 30px;\n  height: 30px;\n\n  display: inline-block;\n}\n\n// For section menu and also any other use of a flexbox grid of buttons.\n.flex-container {\n  display: flex;\n  flex-wrap: wrap;\n  padding-bottom: 1em;\n\n  & div {\n    margin: 10px;\n    padding: 20px;\n    font-size: 20px;\n\n    box-shadow: 1px 2px 4px gray;\n  }\n}\n\n.page-list {\n  font-size: 18px;\n\n  & i {\n    font-size: 14px;\n    // Based on blockquote.\n    color: #828282;\n  }\n}\n\n#github-edit {\n  float: right;\n}\n#github-add {\n  float: right;\n\n  padding-right: 10px;\n}\n"],"file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../vendor/bundle/ruby/3.2.0/bundler/gems/fractal-f0b418c4a3f7/_sass/fractal/_base.scss","../vendor/bundle/ruby/3.2.0/bundler/gems/fractal-f0b418c4a3f7/_sass/fractal.scss","main.scss","../vendor/bundle/ruby/3.2.0/bundler/gems/fractal-f0b418c4a3f7/_sass/fractal/_layout.scss","../vendor/bundle/ruby/3.2.0/bundler/gems/fractal-f0b418c4a3f7/_sass/fractal/_syntax-highlighting.scss","../vendor/bundle/ruby/3.2.0/bundler/gems/fractal-f0b418c4a3f7/_sass/custom.scss"],"names":[],"mappings":"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","sourcesContent":["/**\n * Reset some basic elements\n */\nbody,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\nhr,\ndl,\ndd,\nol,\nul,\nfigure {\n  margin: 0;\n  padding: 0;\n}\n\n/**\n * Basic styling\n */\nbody {\n  font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;\n  color: $text-color;\n  background-color: $background-color;\n  -webkit-text-size-adjust: 100%;\n  -webkit-font-feature-settings: \"kern\" 1;\n  -moz-font-feature-settings: \"kern\" 1;\n  -o-font-feature-settings: \"kern\" 1;\n  font-feature-settings: \"kern\" 1;\n  font-kerning: normal;\n  display: flex;\n  min-height: 100vh;\n  flex-direction: column;\n}\n\n/**\n * Set `margin-bottom` to maintain vertical rhythm\n */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\nul,\nol,\ndl,\nfigure,\n%vertical-rhythm {\n  margin-bottom: $spacing-unit / 2;\n}\n\n/**\n * `main` element\n */\nmain {\n  display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */\n}\n\n/**\n * Images\n */\nimg {\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n/**\n * Figures\n */\nfigure > img {\n  display: block;\n}\n\nfigcaption {\n  font-size: $small-font-size;\n}\n\n/**\n * Lists\n */\nul,\nol {\n  margin-left: $spacing-unit;\n}\n\nli {\n  > ul,\n  > ol {\n    margin-bottom: 0;\n  }\n}\n\n/**\n * Headings\n */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-weight: $base-font-weight;\n}\n\n/**\n * Links\n */\na {\n  color: $brand-color;\n  text-decoration: none;\n\n  &:visited {\n    color: darken($brand-color, 15%);\n  }\n\n  &:hover {\n    color: $text-color;\n    text-decoration: underline;\n  }\n\n  .social-media-list &:hover {\n    text-decoration: none;\n\n    .username {\n      text-decoration: underline;\n    }\n  }\n}\n\n/**\n * Blockquotes\n */\nblockquote {\n  color: $grey-color;\n  border-left: 4px solid $grey-color-light;\n  padding-left: $spacing-unit / 2;\n  @include relative-font-size(1.125);\n  letter-spacing: -1px;\n  font-style: italic;\n\n  > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n/**\n * Code formatting\n */\npre,\ncode {\n  @include relative-font-size(0.9375);\n  border: 1px solid $grey-color-light;\n  border-radius: 3px;\n  background-color: #eef;\n}\n\ncode {\n  padding: 1px 5px;\n}\n\npre {\n  padding: 8px 12px;\n  overflow-x: auto;\n\n  > code {\n    border: 0;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n/**\n * Wrapper\n */\n.wrapper {\n  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));\n  max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: $spacing-unit;\n  padding-left: $spacing-unit;\n  @extend %clearfix;\n\n  @include media-query($on-laptop) {\n    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));\n    max-width: calc(#{$content-width} - (#{$spacing-unit}));\n    padding-right: $spacing-unit / 2;\n    padding-left: $spacing-unit / 2;\n  }\n}\n\n/**\n * Clearfix\n */\n%clearfix:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n/**\n * Icons\n */\n\n.svg-icon {\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  fill: #{$grey-color};\n  padding-right: 5px;\n  vertical-align: text-top;\n}\n\n.social-media-list {\n  li + li {\n    padding-top: 5px;\n  }\n}\n\n/**\n * Tables\n */\ntable {\n  margin-bottom: $spacing-unit;\n  width: 100%;\n  text-align: $table-text-align;\n  color: lighten($text-color, 18%);\n  border-collapse: collapse;\n  border: 1px solid $grey-color-light;\n  tr {\n    &:nth-child(even) {\n      background-color: lighten($grey-color-light, 6%);\n    }\n  }\n  th,\n  td {\n    padding: ($spacing-unit / 3) ($spacing-unit / 2);\n  }\n  th {\n    background-color: lighten($grey-color-light, 3%);\n    border: 1px solid darken($grey-color-light, 4%);\n    border-bottom-color: darken($grey-color-light, 12%);\n  }\n  td {\n    border: 1px solid $grey-color-light;\n  }\n}\n","@charset \"utf-8\";\n\n// Define defaults for each variable.\n\n$base-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif,\n  \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$base-font-size: 16px !default;\n$base-font-weight: 400 !default;\n$small-font-size: $base-font-size * 0.875 !default;\n$base-line-height: 1.5 !default;\n\n$spacing-unit: 30px !default;\n\n$text-color: #111 !default;\n$background-color: #fdfdfd !default;\n$brand-color: #2068c7 !default;\n\n$grey-color: #828282 !default;\n$grey-color-light: lighten($grey-color, 40%) !default;\n$grey-color-dark: darken($grey-color, 25%) !default;\n\n$table-text-align: left !default;\n\n// Width of the content area\n$content-width: 800px !default;\n\n$on-palm: 600px !default;\n$on-laptop: 800px !default;\n\n// Use media queries like this:\n// @include media-query($on-palm) {\n//   .wrapper {\n//     padding-right: $spacing-unit / 2;\n//     padding-left: $spacing-unit / 2;\n//   }\n// }\n@mixin media-query($device) {\n  @media screen and (max-width: $device) {\n    @content;\n  }\n}\n\n@mixin relative-font-size($ratio) {\n  font-size: $base-font-size * $ratio;\n}\n\n// Import partials.\n@import \"fractal/base\", \"fractal/layout\", \"fractal/syntax-highlighting\";\n","$brand-color: #5d15a1;\n@import \"fractal\";\n@import \"custom\";\n","/**\n * Site header\n */\n.site-header {\n  border-top: 5px solid $grey-color-dark;\n  border-bottom: 1px solid $grey-color-light;\n  min-height: $spacing-unit * 1.865;\n\n  // Positioning context for the mobile navigation icon\n  position: relative;\n}\n\n.site-title {\n  @include relative-font-size(1.625);\n  font-weight: 300;\n  line-height: $base-line-height * $base-font-size * 2.25;\n  letter-spacing: -1px;\n  margin-bottom: 0;\n  float: left;\n\n  &,\n  &:visited {\n    color: $grey-color-dark;\n  }\n}\n\n.site-nav {\n  float: right;\n  line-height: $base-line-height * $base-font-size * 2.25;\n\n  .nav-trigger {\n    display: none;\n  }\n\n  .menu-icon {\n    display: none;\n  }\n\n  .page-link {\n    color: $text-color;\n    line-height: $base-line-height;\n\n    // Gaps between nav items, but not on the last one\n    &:not(:last-child) {\n      margin-right: 20px;\n    }\n  }\n\n  @include media-query($on-palm) {\n    position: absolute;\n    top: 9px;\n    right: $spacing-unit / 2;\n    background-color: $background-color;\n    border: 1px solid $grey-color-light;\n    border-radius: 5px;\n    text-align: right;\n\n    label[for=\"nav-trigger\"] {\n      display: block;\n      float: right;\n      width: 36px;\n      height: 36px;\n      z-index: 2;\n      cursor: pointer;\n    }\n\n    .menu-icon {\n      display: block;\n      float: right;\n      width: 36px;\n      height: 26px;\n      line-height: 0;\n      padding-top: 10px;\n      text-align: center;\n\n      > svg {\n        fill: $grey-color-dark;\n      }\n    }\n\n    input ~ .trigger {\n      clear: both;\n      display: none;\n    }\n\n    input:checked ~ .trigger {\n      display: block;\n      padding-bottom: 5px;\n    }\n\n    .page-link {\n      display: block;\n      padding: 5px 10px;\n\n      &:not(:last-child) {\n        margin-right: 0;\n      }\n      margin-left: 20px;\n    }\n  }\n}\n\n/**\n * Site footer\n */\n.site-footer {\n  border-top: 1px solid $grey-color-light;\n  padding: $spacing-unit 0;\n}\n\n.footer-heading {\n  @include relative-font-size(1.125);\n  margin-bottom: $spacing-unit / 2;\n}\n\n.contact-list,\n.social-media-list {\n  list-style: none;\n  margin-left: 0;\n}\n\n.footer-col-wrapper {\n  @include relative-font-size(0.9375);\n  color: $grey-color;\n  margin-left: -$spacing-unit / 2;\n  @extend %clearfix;\n}\n\n.footer-col {\n  float: left;\n  margin-bottom: $spacing-unit / 2;\n  padding-left: $spacing-unit / 2;\n}\n\n.footer-col-1 {\n  width: -webkit-calc(35% - (#{$spacing-unit} / 2));\n  width: calc(35% - (#{$spacing-unit} / 2));\n}\n\n.footer-col-2 {\n  width: -webkit-calc(20% - (#{$spacing-unit} / 2));\n  width: calc(20% - (#{$spacing-unit} / 2));\n}\n\n.footer-col-3 {\n  width: -webkit-calc(45% - (#{$spacing-unit} / 2));\n  width: calc(45% - (#{$spacing-unit} / 2));\n}\n\n@include media-query($on-laptop) {\n  .footer-col-1,\n  .footer-col-2 {\n    width: -webkit-calc(50% - (#{$spacing-unit} / 2));\n    width: calc(50% - (#{$spacing-unit} / 2));\n  }\n\n  .footer-col-3 {\n    width: -webkit-calc(100% - (#{$spacing-unit} / 2));\n    width: calc(100% - (#{$spacing-unit} / 2));\n  }\n}\n\n@include media-query($on-palm) {\n  .footer-col {\n    float: none;\n    width: -webkit-calc(100% - (#{$spacing-unit} / 2));\n    width: calc(100% - (#{$spacing-unit} / 2));\n  }\n}\n\n/**\n * Page content\n */\n.page-content {\n  padding: $spacing-unit 0;\n  flex: 1;\n}\n\n.page-heading {\n  @include relative-font-size(2);\n}\n\n.post-list-heading {\n  @include relative-font-size(1.75);\n}\n\n.post-list {\n  margin-left: 0;\n  list-style: none;\n\n  > li {\n    margin-bottom: $spacing-unit;\n  }\n}\n\n.post-meta {\n  font-size: $small-font-size;\n  color: $grey-color;\n}\n\n.post-link {\n  display: block;\n  @include relative-font-size(1.5);\n}\n\n/**\n * Posts\n */\n.post-header {\n  margin-bottom: $spacing-unit;\n}\n\n.post-title {\n  @include relative-font-size(2.625);\n  letter-spacing: -1px;\n  line-height: 1;\n\n  @include media-query($on-laptop) {\n    @include relative-font-size(2.25);\n  }\n}\n\n.post-content {\n  margin-bottom: $spacing-unit;\n\n  h2 {\n    @include relative-font-size(2);\n\n    @include media-query($on-laptop) {\n      @include relative-font-size(1.75);\n    }\n  }\n\n  h3 {\n    @include relative-font-size(1.625);\n\n    @include media-query($on-laptop) {\n      @include relative-font-size(1.375);\n    }\n  }\n\n  h4 {\n    @include relative-font-size(1.25);\n\n    @include media-query($on-laptop) {\n      @include relative-font-size(1.125);\n    }\n  }\n}\n","/**\n * Syntax highlighting styles\n */\n.highlight {\n  background: #fff;\n  @extend %vertical-rhythm;\n\n  .highlighter-rouge & {\n    background: #eef;\n  }\n\n  .c {\n    color: #998;\n    font-style: italic;\n  } // Comment\n  .err {\n    color: #a61717;\n    background-color: #e3d2d2;\n  } // Error\n  .k {\n    font-weight: bold;\n  } // Keyword\n  .o {\n    font-weight: bold;\n  } // Operator\n  .cm {\n    color: #998;\n    font-style: italic;\n  } // Comment.Multiline\n  .cp {\n    color: #999;\n    font-weight: bold;\n  } // Comment.Preproc\n  .c1 {\n    color: #998;\n    font-style: italic;\n  } // Comment.Single\n  .cs {\n    color: #999;\n    font-weight: bold;\n    font-style: italic;\n  } // Comment.Special\n  .gd {\n    color: #000;\n    background-color: #fdd;\n  } // Generic.Deleted\n  .gd .x {\n    color: #000;\n    background-color: #faa;\n  } // Generic.Deleted.Specific\n  .ge {\n    font-style: italic;\n  } // Generic.Emph\n  .gr {\n    color: #a00;\n  } // Generic.Error\n  .gh {\n    color: #999;\n  } // Generic.Heading\n  .gi {\n    color: #000;\n    background-color: #dfd;\n  } // Generic.Inserted\n  .gi .x {\n    color: #000;\n    background-color: #afa;\n  } // Generic.Inserted.Specific\n  .go {\n    color: #888;\n  } // Generic.Output\n  .gp {\n    color: #555;\n  } // Generic.Prompt\n  .gs {\n    font-weight: bold;\n  } // Generic.Strong\n  .gu {\n    color: #aaa;\n  } // Generic.Subheading\n  .gt {\n    color: #a00;\n  } // Generic.Traceback\n  .kc {\n    font-weight: bold;\n  } // Keyword.Constant\n  .kd {\n    font-weight: bold;\n  } // Keyword.Declaration\n  .kp {\n    font-weight: bold;\n  } // Keyword.Pseudo\n  .kr {\n    font-weight: bold;\n  } // Keyword.Reserved\n  .kt {\n    color: #458;\n    font-weight: bold;\n  } // Keyword.Type\n  .m {\n    color: #099;\n  } // Literal.Number\n  .s {\n    color: #d14;\n  } // Literal.String\n  .na {\n    color: #008080;\n  } // Name.Attribute\n  .nb {\n    color: #0086b3;\n  } // Name.Builtin\n  .nc {\n    color: #458;\n    font-weight: bold;\n  } // Name.Class\n  .no {\n    color: #008080;\n  } // Name.Constant\n  .ni {\n    color: #800080;\n  } // Name.Entity\n  .ne {\n    color: #900;\n    font-weight: bold;\n  } // Name.Exception\n  .nf {\n    color: #900;\n    font-weight: bold;\n  } // Name.Function\n  .nn {\n    color: #555;\n  } // Name.Namespace\n  .nt {\n    color: #000080;\n  } // Name.Tag\n  .nv {\n    color: #008080;\n  } // Name.Variable\n  .ow {\n    font-weight: bold;\n  } // Operator.Word\n  .w {\n    color: #bbb;\n  } // Text.Whitespace\n  .mf {\n    color: #099;\n  } // Literal.Number.Float\n  .mh {\n    color: #099;\n  } // Literal.Number.Hex\n  .mi {\n    color: #099;\n  } // Literal.Number.Integer\n  .mo {\n    color: #099;\n  } // Literal.Number.Oct\n  .sb {\n    color: #d14;\n  } // Literal.String.Backtick\n  .sc {\n    color: #d14;\n  } // Literal.String.Char\n  .sd {\n    color: #d14;\n  } // Literal.String.Doc\n  .s2 {\n    color: #d14;\n  } // Literal.String.Double\n  .se {\n    color: #d14;\n  } // Literal.String.Escape\n  .sh {\n    color: #d14;\n  } // Literal.String.Heredoc\n  .si {\n    color: #d14;\n  } // Literal.String.Interpol\n  .sx {\n    color: #d14;\n  } // Literal.String.Other\n  .sr {\n    color: #009926;\n  } // Literal.String.Regex\n  .s1 {\n    color: #d14;\n  } // Literal.String.Single\n  .ss {\n    color: #990073;\n  } // Literal.String.Symbol\n  .bp {\n    color: #999;\n  } // Name.Builtin.Pseudo\n  .vc {\n    color: #008080;\n  } // Name.Variable.Class\n  .vg {\n    color: #008080;\n  } // Name.Variable.Global\n  .vi {\n    color: #008080;\n  } // Name.Variable.Instance\n  .il {\n    color: #099;\n  } // Literal.Number.Integer.Long\n}\n","/**\n * Shift menu on mobile to allow for GitHub corner.\n */\n@media screen and (max-width: 900px) {\n  .site-nav {\n    position: absolute;\n    right: 90px;\n  }\n}\n\n.underline {\n  text-decoration: underline;\n}\n\n/* Details and summary blocks. Copied from GH Pages without Jekyll. The cursor pointer is the most useful here. */\n[hidden][hidden] {\n  display: none !important;\n}\ndetails summary {\n  cursor: pointer;\n}\ndetails:not([open]) > *:not(summary) {\n  display: none !important;\n}\nsummary {\n  display: list-item;\n}\n\n/*\n  Not too big otherwise the size of the blocks distort, unless text is also made bigger.\n*/\n.logo-small {\n  width: 20px;\n  height: 20px;\n\n  display: inline-block;\n}\n\n.logo-medium {\n  width: 30px;\n  height: 30px;\n\n  display: inline-block;\n}\n\n// For section menu and also any other use of a flexbox grid of buttons.\n.flex-container {\n  display: flex;\n  flex-wrap: wrap;\n  padding-bottom: 1em;\n\n  & div {\n    margin: 10px;\n    padding: 20px;\n    font-size: 20px;\n\n    box-shadow: 1px 2px 4px gray;\n  }\n}\n\n.page-list {\n  font-size: 18px;\n\n  & i {\n    font-size: 14px;\n    // Based on blockquote.\n    color: #828282;\n  }\n}\n\n#github-edit {\n  float: right;\n}\n#github-add {\n  float: right;\n\n  padding-right: 10px;\n}\n"],"file":"main.css"}
\ No newline at end of file
diff --git a/cheatsheets/shell/commands/wc.html b/cheatsheets/shell/commands/wc.html
index 898a8241e..b1cb48318 100644
--- a/cheatsheets/shell/commands/wc.html
+++ b/cheatsheets/shell/commands/wc.html
@@ -168,9 +168,9 @@ <h1 class="post-title">
 
     <div class="post-content">
         
-            <p>Count number of characters, lines, and words. or</p>
+            <p>Count number of characters, lines, and words.</p>
 
-<p>he default is to show all 3 counts.</p>
+<p>The default is to show all 3 counts.</p>
 
 <h2 id="options">Options</h2>
 
@@ -212,7 +212,9 @@ <h2 id="options">Options</h2>
   202331 sample-cheatsheets.png
 </span></code></pre></div></div>
 
-<h2 id="files">Files</h2>
+<h2 id="usage">Usage</h2>
+
+<h3 id="count-lines-in-files">Count lines in files</h3>
 
 <p>This can be useful on file contents. Use it in file paths. You get an error on directories.</p>
 
@@ -238,9 +240,27 @@ <h2 id="files">Files</h2>
       64     153    1262 total
 </span></code></pre></div></div>
 
+<h2 id="count-files">Count files</h2>
+
+<p>Here is a simple approach.</p>
+
+<div class="language-sh highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">ls</span> | <span class="nb">wc</span> <span class="nt">-l</span>
+</code></pre></div></div>
+
+<p>Parsing the output of <code class="language-plaintext highlighter-rouge">ls</code> is <strong>not</strong> recommended due to issues with handling special characters or spaces in filenames.</p>
+
+<p>Here are some alternative ways to count files in a directory using Bash:</p>
+
+<div class="language-sh highlighter-rouge"><div class="highlight"><pre class="highlight"><code>find PATH/<span class="k">*</span> <span class="nt">-maxdepth</span> 1 <span class="nt">-type</span> f | <span class="nb">wc</span> <span class="nt">-l</span>
+</code></pre></div></div>
+
+<p>Note use of <code class="language-plaintext highlighter-rouge">/*</code> to count contents of the directory and not the directory itself.</p>
+
+<p>Use <code class="language-plaintext highlighter-rouge">-type d</code> to count directories instead of files.</p>
+
 <h2 id="related">Related</h2>
 
-<p>See <a href="/dev-cheatsheets/cheatsheets/version-control/git/count-files-in-repo.html">Count files in repo</a></p>
+<p>See <a href="/dev-cheatsheets/cheatsheets/version-control/git/count-files-in-repo.html">Count files in repo</a>.</p>
 
 <h2 id="help">Help</h2>
 
diff --git a/feed.xml b/feed.xml
index 636ae22a3..6efee6b8e 100644
--- a/feed.xml
+++ b/feed.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="https://michaelcurrin.github.io/dev-cheatsheets/feed.xml" rel="self" type="application/atom+xml" /><link href="https://michaelcurrin.github.io/dev-cheatsheets/" rel="alternate" type="text/html" /><updated>2023-12-16T18:28:10+00:00</updated><id>https://michaelcurrin.github.io/dev-cheatsheets/feed.xml</id><title type="html">Dev Cheatsheets</title><subtitle>A collection of code snippets and CLI guides for quick and easy reference while coding</subtitle><author><name>Michael Currin</name></author></feed>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.2">Jekyll</generator><link href="https://michaelcurrin.github.io/dev-cheatsheets/feed.xml" rel="self" type="application/atom+xml" /><link href="https://michaelcurrin.github.io/dev-cheatsheets/" rel="alternate" type="text/html" /><updated>2023-12-17T11:52:25+00:00</updated><id>https://michaelcurrin.github.io/dev-cheatsheets/feed.xml</id><title type="html">Dev Cheatsheets</title><subtitle>A collection of code snippets and CLI guides for quick and easy reference while coding</subtitle><author><name>Michael Currin</name></author></feed>
\ No newline at end of file