From fbed0075048e8d4f8cdd5d78808dcbe26f6964d9 Mon Sep 17 00:00:00 2001 From: maxkapur Date: Sun, 20 Oct 2024 18:00:57 +0000 Subject: [PATCH] deploy: 5fd15f8b13fe31f89c78c8fe9f41a3976e3a5ee3 --- assets/main.css | 9 +- assets/main.css.map | 2 +- browse/index.html | 215 +++++++++----------------------------------- feed.xml | 2 +- feed.xsl | 5 +- 5 files changed, 47 insertions(+), 186 deletions(-) diff --git a/assets/main.css b/assets/main.css index edf9ef6..ad28a56 100644 --- a/assets/main.css +++ b/assets/main.css @@ -510,15 +510,8 @@ p.excerpt-warning { * Atom feed preview * Same styling is used on the "Browse" page */ -ul.atom-post-list li .atom-post-list-entry { - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: baseline; -} -ul.atom-post-list li .atom-post-list-entry a, ul.atom-post-list li .atom-post-list-entry span { - display: block; + white-space: nowrap; } /** diff --git a/assets/main.css.map b/assets/main.css.map index e39cb0f..a85c32f 100644 --- a/assets/main.css.map +++ b/assets/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../_sass/minima.scss","../_sass/minima/_base.scss","../_sass/minima/_layout.scss","../_sass/minima/_syntax-highlighting.scss"],"names":[],"mappings":"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;EACE,YHoCgB;;AGjChB;EACE;EACA;;AAIF;EACE;EACA;;AAIF;EHJA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGY7B;EHTA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGiB7B;EACE;EACA;;AAIF;EACE;EHrBF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AG6B7B;EACE;EACA;;AAIF;EACE;EHjCF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;EGsC3B;;AAIF;EACE;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;AAIF;EACE;;AAIF;EHxFA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGgG7B;EACE;;AAIF;EACE;;AAIF;EHvGA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AG+G7B;EH5GA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGoH7B;EHjHA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGyH7B;EHtHA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AG8H7B;EACE;EH5HF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGoI7B;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;EHtJF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AG8J7B;EACE;;AAIF;EACE;;AAIF;EACE;EHtKF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AG8K7B;EACE;EH5KF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGoL7B;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EHhMA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGwM7B;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE","sourcesContent":["@charset \"utf-8\";\n@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');\n\n$base-font-family: \"Rubik\", sans-serif;\n$base-font-size: 1rem;\n$base-font-weight: 400;\n// Default bold weight (700) is too intense in Rubik\n$base-font-strong-weight: 450;\n$base-line-height: 1.5;\n\n$monospace-font-family: \"Noto Sans Mono\", monospace;\n$monospace-font-size: $base-font-size * 0.9;\n$monospace-font-strong-weight: 600;\n\n@mixin monospace-strong {\n font-family: $monospace-font-family;\n font-size: $monospace-font-size;\n font-weight: $monospace-font-strong-weight;\n}\n\n// These two mixins are intended to differentiate normal links\n// from hovered links:\n@mixin subtle-underline {\n text-decoration: underline solid currentColor 1px;\n}\n\n@mixin heavy-underline {\n text-decoration: underline solid currentColor 1.5px;\n}\n// For completeness' sake, this mixin undoes the other two in\n// case one of those styles was inherited:\n@mixin no-underline {\n text-decoration: none;\n}\n\n$small-font-size: $base-font-size * 0.875;\n$spacing-unit: 30px;\n\n$text-color: #111;\n$background-color: #ffffeb;\n$highlight-color: lighten($background-color, 2%);\n$brand-color: #008000;\n\n$grey-color: #778899;\n$green-color-light: #b7ccb7;\n$grey-color-dark: darken($grey-color, 25%);\n\n$table-text-align: left;\n\n// Width of the content area\n$content-width: 800px;\n$on-palm: 600px;\n$on-laptop: 800px;\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// Import partials\n@import \"minima/base\",\n\"minima/layout\",\n\"minima/syntax-highlighting\"\n;\n","@use 'sass:math';\n\n/**\n * Reset some basic elements\n */\nbody,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\naside,\np,\nblockquote,\npre,\nhr,\ndl,\ndd,\nol,\nul,\nfigure {\n margin: 0;\n padding: 0;\n}\n\nhtml {\n font-size: $base-font-size;\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\nstrong {\n font-weight: $base-font-strong-weight;\n}\n\n// This keeps sup elements from making their lines awkwardly higher than others\n// https://stackoverflow.com/questions/1530685/how-can-i-keep-consistent-line-height-with-superscript-elements\nsub,\nsup {\n line-height: 100%;\n}\n\n/**\n * Set `margin-bottom` to maintain vertical rhythm\n */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\naside,\nblockquote,\npre,\ntable,\nul,\nol,\ndl,\nfigure,\n%vertical-rhythm {\n margin-bottom: math.div($spacing-unit, 2);\n}\n\n\n\n/**\n * `main` element\n */\nmain {\n display: block;\n /* Default value of `display` of `main` element is 'inline' in IE 11. */\n}\n\n\n\n/**\n * Images\n */\nimg {\n max-width: 100%;\n border-radius: 8px;\n}\n\n// By default, images are the full width of the text. This is a little loud for\n// some images; add a .compact class to those that we want to be a bit smaller.\nimg.compact {\n max-width: min(100%, 600px);\n}\n\n// Add this style to remove the border radius from images (e.g. graphs) that\n// have content all the way to the corners.\nimg.squareborder {\n border-radius: 0;\n}\n\n\n\n/**\n * Figures\n */\nfigure {\n display: flex;\n flex-direction: column;\n align-items: left;\n}\n\nfigcaption {\n font-size: $small-font-size;\n}\n\n\n\n/**\n * Lists\n */\nul,\nol {\n margin-left: $spacing-unit;\n}\n\nli {\n\n >ul,\n >ol {\n margin-bottom: 0;\n }\n}\n\n\n\n/**\n * Headings\n */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: $base-font-weight;\n}\n\n\n\n/**\n * Links\n */\na {\n color: $brand-color;\n @include subtle-underline;\n\n &:visited {\n color: desaturate($brand-color, 50%);\n }\n\n &:hover {\n @include heavy-underline;\n }\n\n // Couple of places where we don't want links underlined until hovered:\n h1 &,\n h2 &,\n h3 &,\n h4 &,\n h5 &,\n h6 &,\n .site-header &,\n .excerpt-warning & {\n @include no-underline;\n\n &:hover {\n @include heavy-underline;\n }\n }\n\n // This is a weird case: Without this block, the space before the username\n // also gets underlined, which looks bad; we only want the username itself to\n // be highlighted. Moreover, selector specificity requires this rule to be\n // last so that it overrides the &:hover rule above (or else the space is\n // again underlined on hover). Ditto the RSS link (which appears in the social\n // list).\n .social-media-list & {\n @include no-underline;\n\n .username,\n .rss-link {\n @include subtle-underline;\n\n &:hover {\n @include heavy-underline;\n }\n }\n }\n}\n\n/**\n * Blockquotes\n */\nblockquote {\n color: $grey-color-dark;\n border-left: 3px solid $green-color-light;\n padding-left: math.div($spacing-unit, 3);\n\n > :last-child {\n margin-bottom: 0;\n }\n}\n\n\n\n/**\n * Code\n */\n\n// Inline code gets bold styling\ncode {\n @include monospace-strong;\n padding: 0 0.1em;\n}\n\n// Code blocks\npre {\n border: 1px solid $green-color-light;\n border-radius: 3px;\n padding: 8px 12px;\n overflow-x: auto;\n\n // Ensures correct line height calculation\n font-size: $monospace-font-size;\n\n >code {\n padding: 0;\n\n // Syntax highlighter will make some elements strong, others not;\n // we want to respect this, so reset the font weight to normal.\n font-weight: normal;\n\n // NOTE: In _syntax-highlighting.scss, we include monospace-strong\n // back into the styles that the syntax highlighter wants to bold\n }\n}\n\n\n\n/**\n * Keyboard\n */\nkbd {\n font-family: $base-font-family;\n font-weight: $base-font-strong-weight;\n font-size: $small-font-size;\n border: 1px solid $grey-color-dark;\n border-radius: 3px;\n padding: 3px 5px 2px 5px;\n}\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: math.div($spacing-unit, 2);\n padding-left: math.div($spacing-unit, 2);\n }\n}\n\n\n\n/**\n * Clearfix\n */\n%clearfix:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n\n\n/**\n * Icons\n */\n.svg-icon {\n width: 16px;\n height: 16px;\n display: inline-block;\n fill: #{$grey-color};\n\n padding-right: 5px;\n vertical-align: text-top;\n}\n\n\n\n/**\n * Tables\n */\ntable {\n text-align: $table-text-align;\n background-color: $highlight-color;\n\n border: 0.5px solid $grey-color-dark;\n border-collapse: collapse;\n\n th,\n td {\n // NOTE: Padding matches 
\n    padding: 8px 12px;\n    border: 0.5px solid $grey-color-dark;\n  }\n\n  th {\n    background-color: lighten($green-color-light, 10%);\n    font-weight: $base-font-strong-weight;\n    border-bottom-width: 2px;\n  }\n}\n\n\n// Add a separator at top of footnotes\ndiv.footnotes {\n  border-top: 1px solid $green-color-light;\n  padding-top: math.div($spacing-unit, 2);\n}\n\n// Change to a pointer cursor so users know they can click the summary text\n// instead of tiny triangle\ndetails>summary {\n  cursor: pointer;\n  font-style: italic;\n}\n\ndetails {\n  margin-bottom: math.div($spacing-unit, 4);\n}\n","@use 'sass:math';\n\n/**\n * Site header\n */\n.site-header {\n  /* border-top: 5px solid $grey-color-dark; */\n  border-top: 0;\n  border-bottom: 1px solid $green-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  font-size: 1.625rem;\n  font-weight: 400;\n  line-height: $base-line-height * $base-font-size * 2.25;\n  letter-spacing: -0.5px;\n  margin-bottom: 0;\n  float: left;\n\n  &,\n  &:visited {\n    color: $text-color;\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: math.div($spacing-unit, 2);\n    background-color: $background-color;\n    border: 1px solid $green-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\n      margin-left: 20px;\n    }\n  }\n}\n\n\n\n/**\n * Site footer\n */\n.site-footer {\n  border-top: 1px solid $green-color-light;\n  padding: $spacing-unit 0;\n}\n\n.footer-heading {\n  font-size: 1.125rem;\n  margin-bottom: math.div($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  font-size: $small-font-size;\n  color: $grey-color;\n  display: grid;\n  grid-template-columns: auto auto 1fr;\n  justify-content: space-between;\n  gap: 0 (2 * $spacing-unit);\n  @extend %clearfix;\n\n  @include media-query($on-laptop) {\n    // Collapse to two columns\n    grid-template-columns: 1fr 1fr;\n\n    // If the number of \"cells\" in the grid (.footer-col elements) is odd, have\n    // the last cell span the full width:\n    .footer-col:last-child:nth-child(odd) {\n      grid-column: 1/-1;\n    }\n  }\n\n  @include media-query($on-palm) {\n    // Collapse to one column\n    grid-template-columns: 1fr;\n  }\n}\n\n\n\n/**\n * Page content\n */\n.page-content {\n  padding: ($spacing-unit * 2) 0;\n  flex: 1;\n}\n\n.page-heading {\n  font-size: 2rem;\n}\n\n.post-list-heading {\n  font-size: 1.75rem;\n}\n\n.post-list {\n  margin-left: 0;\n\n  >.post-list-item {\n    // Amount of space between posts on homepage\n    margin-bottom: $spacing-unit * 3;\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}\n\n\n\n/**\n * Posts\n */\n.post-header {\n  margin-bottom: $spacing-unit;\n}\n\n.post-title {\n  font-size: 2.2rem;\n  letter-spacing: -0.5px;\n  line-height: 1;\n\n  @include media-query($on-laptop) {\n    font-size: 2.2rem;\n  }\n}\n\n.post-content {\n  margin-bottom: $spacing-unit;\n\n  h1 {\n    font-size: 1.5rem;\n  }\n\n  h2 {\n    font-size: 1.2rem;\n    color: $grey-color-dark;\n    margin-bottom: math.div($spacing-unit, 4);\n  }\n\n  h3 {\n    font-size: 1rem;\n    font-weight: $base-font-strong-weight;\n\n    @supports (display: run-in) {\n      display: run-in;\n\n      &::after {\n        content: \": \";\n      }\n    }\n\n    // E.g. Firefox\n    @supports not (display: run-in) {\n      margin-bottom: math.div($spacing-unit, 4);\n    }\n  }\n\n  // Others unused\n}\n\n\n/**\n * Text indicating that a post has more to read.\n */\np.excerpt-warning {\n  font-size: $small-font-size;\n  margin-top: -0.5em;\n}\n\n/**\n * Atom feed preview\n * Same styling is used on the \"Browse\" page\n */\nul.atom-post-list {\n  li .atom-post-list-entry {\n    display: flex;\n    flex-direction: row;\n    // Align dates to the right:\n    // justify-content: space-between;\n    flex-wrap: wrap;\n    align-items: baseline;\n\n    a,\n    span {\n      display: block;\n    }\n  }\n}\n","/**\n * Syntax highlighting styles\n */\n.highlight {\n  background: $highlight-color;\n  @extend %vertical-rhythm;\n\n  .c {\n    color: #998;\n    font-style: italic\n  }\n\n  // Comment\n  .err {\n    color: #a61717;\n    background-color: #e3d2d2\n  }\n\n  // Error\n  .k {\n    @include monospace-strong\n  }\n\n  // Keyword\n  .o {\n    @include monospace-strong\n  }\n\n  // Operator\n  .cm {\n    color: #998;\n    font-style: italic\n  }\n\n  // Comment.Multiline\n  .cp {\n    color: #999;\n    @include monospace-strong\n  }\n\n  // Comment.Preproc\n  .c1 {\n    color: #998;\n    font-style: italic\n  }\n\n  // Comment.Single\n  .cs {\n    color: #999;\n    @include monospace-strong;\n    font-style: italic\n  }\n\n  // Comment.Special\n  .gd {\n    color: #000;\n    background-color: #fdd\n  }\n\n  // Generic.Deleted\n  .gd .x {\n    color: #000;\n    background-color: #faa\n  }\n\n  // Generic.Deleted.Specific\n  .ge {\n    font-style: italic\n  }\n\n  // Generic.Emph\n  .gr {\n    color: #a00\n  }\n\n  // Generic.Error\n  .gh {\n    color: #999\n  }\n\n  // Generic.Heading\n  .gi {\n    color: #000;\n    background-color: #dfd\n  }\n\n  // Generic.Inserted\n  .gi .x {\n    color: #000;\n    background-color: #afa\n  }\n\n  // Generic.Inserted.Specific\n  .go {\n    color: #888\n  }\n\n  // Generic.Output\n  .gp {\n    color: #555\n  }\n\n  // Generic.Prompt\n  .gs {\n    @include monospace-strong\n  }\n\n  // Generic.Strong\n  .gu {\n    color: #aaa\n  }\n\n  // Generic.Subheading\n  .gt {\n    color: #a00\n  }\n\n  // Generic.Traceback\n  .kc {\n    @include monospace-strong\n  }\n\n  // Keyword.Constant\n  .kd {\n    @include monospace-strong\n  }\n\n  // Keyword.Declaration\n  .kp {\n    @include monospace-strong\n  }\n\n  // Keyword.Pseudo\n  .kr {\n    @include monospace-strong\n  }\n\n  // Keyword.Reserved\n  .kt {\n    color: #458;\n    @include monospace-strong\n  }\n\n  // Keyword.Type\n  .m {\n    color: #099\n  }\n\n  // Literal.Number\n  .s {\n    color: #d14\n  }\n\n  // Literal.String\n  .na {\n    color: #008080\n  }\n\n  // Name.Attribute\n  .nb {\n    color: #0086B3\n  }\n\n  // Name.Builtin\n  .nc {\n    color: #458;\n    @include monospace-strong\n  }\n\n  // Name.Class\n  .no {\n    color: #008080\n  }\n\n  // Name.Constant\n  .ni {\n    color: #800080\n  }\n\n  // Name.Entity\n  .ne {\n    color: #900;\n    @include monospace-strong\n  }\n\n  // Name.Exception\n  .nf {\n    color: #900;\n    @include monospace-strong\n  }\n\n  // Name.Function\n  .nn {\n    color: #555\n  }\n\n  // Name.Namespace\n  .nt {\n    color: #000080\n  }\n\n  // Name.Tag\n  .nv {\n    color: #008080\n  }\n\n  // Name.Variable\n  .ow {\n    @include monospace-strong\n  }\n\n  // Operator.Word\n  .w {\n    color: #bbb\n  }\n\n  // Text.Whitespace\n  .mf {\n    color: #099\n  }\n\n  // Literal.Number.Float\n  .mh {\n    color: #099\n  }\n\n  // Literal.Number.Hex\n  .mi {\n    color: #099\n  }\n\n  // Literal.Number.Integer\n  .mo {\n    color: #099\n  }\n\n  // Literal.Number.Oct\n  .sb {\n    color: #d14\n  }\n\n  // Literal.String.Backtick\n  .sc {\n    color: #d14\n  }\n\n  // Literal.String.Char\n  .sd {\n    color: #d14\n  }\n\n  // Literal.String.Doc\n  .s2 {\n    color: #d14\n  }\n\n  // Literal.String.Double\n  .se {\n    color: #d14\n  }\n\n  // Literal.String.Escape\n  .sh {\n    color: #d14\n  }\n\n  // Literal.String.Heredoc\n  .si {\n    color: #d14\n  }\n\n  // Literal.String.Interpol\n  .sx {\n    color: #d14\n  }\n\n  // Literal.String.Other\n  .sr {\n    color: #009926\n  }\n\n  // Literal.String.Regex\n  .s1 {\n    color: #d14\n  }\n\n  // Literal.String.Single\n  .ss {\n    color: #990073\n  }\n\n  // Literal.String.Symbol\n  .bp {\n    color: #999\n  }\n\n  // Name.Builtin.Pseudo\n  .vc {\n    color: #008080\n  }\n\n  // Name.Variable.Class\n  .vg {\n    color: #008080\n  }\n\n  // Name.Variable.Global\n  .vi {\n    color: #008080\n  }\n\n  // Name.Variable.Instance\n  .il {\n    color: #099\n  }\n\n  // Literal.Number.Integer.Long\n}\n"],"file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../_sass/minima.scss","../_sass/minima/_base.scss","../_sass/minima/_layout.scss","../_sass/minima/_syntax-highlighting.scss"],"names":[],"mappings":"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;AAIF;EACE;EACA;;AAIF;EHJA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGY7B;EHTA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGiB7B;EACE;EACA;;AAIF;EACE;EHrBF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AG6B7B;EACE;EACA;;AAIF;EACE;EHjCF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;EGsC3B;;AAIF;EACE;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;AAIF;EACE;;AAIF;EHxFA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGgG7B;EACE;;AAIF;EACE;;AAIF;EHvGA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AG+G7B;EH5GA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGoH7B;EHjHA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGyH7B;EHtHA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AG8H7B;EACE;EH5HF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGoI7B;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;EHtJF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AG8J7B;EACE;;AAIF;EACE;;AAIF;EACE;EHtKF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AG8K7B;EACE;EH5KF,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGoL7B;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EHhMA,aALsB;EAMtB,WALoB;EAMpB,aAL6B;;AGwM7B;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE","sourcesContent":["@charset \"utf-8\";\n@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');\n\n$base-font-family: \"Rubik\", sans-serif;\n$base-font-size: 1rem;\n$base-font-weight: 400;\n// Default bold weight (700) is too intense in Rubik\n$base-font-strong-weight: 450;\n$base-line-height: 1.5;\n\n$monospace-font-family: \"Noto Sans Mono\", monospace;\n$monospace-font-size: $base-font-size * 0.9;\n$monospace-font-strong-weight: 600;\n\n@mixin monospace-strong {\n  font-family: $monospace-font-family;\n  font-size: $monospace-font-size;\n  font-weight: $monospace-font-strong-weight;\n}\n\n// These two mixins are intended to differentiate normal links\n// from hovered links:\n@mixin subtle-underline {\n  text-decoration: underline solid currentColor 1px;\n}\n\n@mixin heavy-underline {\n  text-decoration: underline solid currentColor 1.5px;\n}\n// For completeness' sake, this mixin undoes the other two in\n// case one of those styles was inherited:\n@mixin no-underline {\n  text-decoration: none;\n}\n\n$small-font-size: $base-font-size * 0.875;\n$spacing-unit: 30px;\n\n$text-color: #111;\n$background-color: #ffffeb;\n$highlight-color: lighten($background-color, 2%);\n$brand-color: #008000;\n\n$grey-color: #778899;\n$green-color-light: #b7ccb7;\n$grey-color-dark: darken($grey-color, 25%);\n\n$table-text-align: left;\n\n// Width of the content area\n$content-width: 800px;\n$on-palm: 600px;\n$on-laptop: 800px;\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// Import partials\n@import \"minima/base\",\n\"minima/layout\",\n\"minima/syntax-highlighting\"\n;\n","@use 'sass:math';\n\n/**\n * Reset some basic elements\n */\nbody,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\naside,\np,\nblockquote,\npre,\nhr,\ndl,\ndd,\nol,\nul,\nfigure {\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  font-size: $base-font-size;\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\nstrong {\n  font-weight: $base-font-strong-weight;\n}\n\n// This keeps sup elements from making their lines awkwardly higher than others\n// https://stackoverflow.com/questions/1530685/how-can-i-keep-consistent-line-height-with-superscript-elements\nsub,\nsup {\n  line-height: 100%;\n}\n\n/**\n * Set `margin-bottom` to maintain vertical rhythm\n */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\naside,\nblockquote,\npre,\ntable,\nul,\nol,\ndl,\nfigure,\n%vertical-rhythm {\n  margin-bottom: math.div($spacing-unit, 2);\n}\n\n\n\n/**\n * `main` element\n */\nmain {\n  display: block;\n  /* Default value of `display` of `main` element is 'inline' in IE 11. */\n}\n\n\n\n/**\n * Images\n */\nimg {\n  max-width: 100%;\n  border-radius: 8px;\n}\n\n// By default, images are the full width of the text. This is a little loud for\n// some images; add a .compact class to those that we want to be a bit smaller.\nimg.compact {\n  max-width: min(100%, 600px);\n}\n\n// Add this style to remove the border radius from images (e.g. graphs) that\n// have content all the way to the corners.\nimg.squareborder {\n  border-radius: 0;\n}\n\n\n\n/**\n * Figures\n */\nfigure {\n  display: flex;\n  flex-direction: column;\n  align-items: left;\n}\n\nfigcaption {\n  font-size: $small-font-size;\n}\n\n\n\n/**\n * Lists\n */\nul,\nol {\n  margin-left: $spacing-unit;\n}\n\nli {\n\n  >ul,\n  >ol {\n    margin-bottom: 0;\n  }\n}\n\n\n\n/**\n * Headings\n */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-weight: $base-font-weight;\n}\n\n\n\n/**\n * Links\n */\na {\n  color: $brand-color;\n  @include subtle-underline;\n\n  &:visited {\n    color: desaturate($brand-color, 50%);\n  }\n\n  &:hover {\n    @include heavy-underline;\n  }\n\n  // Couple of places where we don't want links underlined until hovered:\n  h1 &,\n  h2 &,\n  h3 &,\n  h4 &,\n  h5 &,\n  h6 &,\n  .site-header &,\n  .excerpt-warning & {\n    @include no-underline;\n\n    &:hover {\n      @include heavy-underline;\n    }\n  }\n\n  // This is a weird case: Without this block, the space before the username\n  // also gets underlined, which looks bad; we only want the username itself to\n  // be highlighted. Moreover, selector specificity requires this rule to be\n  // last so that it overrides the &:hover rule above (or else the space is\n  // again underlined on hover). Ditto the RSS link (which appears in the social\n  // list).\n  .social-media-list & {\n    @include no-underline;\n\n    .username,\n    .rss-link {\n      @include subtle-underline;\n\n      &:hover {\n        @include heavy-underline;\n      }\n    }\n  }\n}\n\n/**\n * Blockquotes\n */\nblockquote {\n  color: $grey-color-dark;\n  border-left: 3px solid $green-color-light;\n  padding-left: math.div($spacing-unit, 3);\n\n  > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n\n\n/**\n * Code\n */\n\n//  Inline code gets bold styling\ncode {\n  @include monospace-strong;\n  padding: 0 0.1em;\n}\n\n// Code blocks\npre {\n  border: 1px solid $green-color-light;\n  border-radius: 3px;\n  padding: 8px 12px;\n  overflow-x: auto;\n\n  // Ensures correct line height calculation\n  font-size: $monospace-font-size;\n\n  >code {\n    padding: 0;\n\n    // Syntax highlighter will make some elements strong, others not;\n    // we want to respect this, so reset the font weight to normal.\n    font-weight: normal;\n\n    // NOTE: In _syntax-highlighting.scss, we include monospace-strong\n    // back into the styles that the syntax highlighter wants to bold\n  }\n}\n\n\n\n/**\n * Keyboard\n */\nkbd {\n  font-family: $base-font-family;\n  font-weight: $base-font-strong-weight;\n  font-size: $small-font-size;\n  border: 1px solid $grey-color-dark;\n  border-radius: 3px;\n  padding: 3px 5px 2px 5px;\n}\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: math.div($spacing-unit, 2);\n    padding-left: math.div($spacing-unit, 2);\n  }\n}\n\n\n\n/**\n * Clearfix\n */\n%clearfix:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n\n\n/**\n * Icons\n */\n.svg-icon {\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  fill: #{$grey-color};\n\n  padding-right: 5px;\n  vertical-align: text-top;\n}\n\n\n\n/**\n * Tables\n */\ntable {\n  text-align: $table-text-align;\n  background-color: $highlight-color;\n\n  border: 0.5px solid $grey-color-dark;\n  border-collapse: collapse;\n\n  th,\n  td {\n    // NOTE: Padding matches 
\n    padding: 8px 12px;\n    border: 0.5px solid $grey-color-dark;\n  }\n\n  th {\n    background-color: lighten($green-color-light, 10%);\n    font-weight: $base-font-strong-weight;\n    border-bottom-width: 2px;\n  }\n}\n\n\n// Add a separator at top of footnotes\ndiv.footnotes {\n  border-top: 1px solid $green-color-light;\n  padding-top: math.div($spacing-unit, 2);\n}\n\n// Change to a pointer cursor so users know they can click the summary text\n// instead of tiny triangle\ndetails>summary {\n  cursor: pointer;\n  font-style: italic;\n}\n\ndetails {\n  margin-bottom: math.div($spacing-unit, 4);\n}\n","@use 'sass:math';\n\n/**\n * Site header\n */\n.site-header {\n  /* border-top: 5px solid $grey-color-dark; */\n  border-top: 0;\n  border-bottom: 1px solid $green-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  font-size: 1.625rem;\n  font-weight: 400;\n  line-height: $base-line-height * $base-font-size * 2.25;\n  letter-spacing: -0.5px;\n  margin-bottom: 0;\n  float: left;\n\n  &,\n  &:visited {\n    color: $text-color;\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: math.div($spacing-unit, 2);\n    background-color: $background-color;\n    border: 1px solid $green-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\n      margin-left: 20px;\n    }\n  }\n}\n\n\n\n/**\n * Site footer\n */\n.site-footer {\n  border-top: 1px solid $green-color-light;\n  padding: $spacing-unit 0;\n}\n\n.footer-heading {\n  font-size: 1.125rem;\n  margin-bottom: math.div($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  font-size: $small-font-size;\n  color: $grey-color;\n  display: grid;\n  grid-template-columns: auto auto 1fr;\n  justify-content: space-between;\n  gap: 0 (2 * $spacing-unit);\n  @extend %clearfix;\n\n  @include media-query($on-laptop) {\n    // Collapse to two columns\n    grid-template-columns: 1fr 1fr;\n\n    // If the number of \"cells\" in the grid (.footer-col elements) is odd, have\n    // the last cell span the full width:\n    .footer-col:last-child:nth-child(odd) {\n      grid-column: 1/-1;\n    }\n  }\n\n  @include media-query($on-palm) {\n    // Collapse to one column\n    grid-template-columns: 1fr;\n  }\n}\n\n\n\n/**\n * Page content\n */\n.page-content {\n  padding: ($spacing-unit * 2) 0;\n  flex: 1;\n}\n\n.page-heading {\n  font-size: 2rem;\n}\n\n.post-list-heading {\n  font-size: 1.75rem;\n}\n\n.post-list {\n  margin-left: 0;\n\n  >.post-list-item {\n    // Amount of space between posts on homepage\n    margin-bottom: $spacing-unit * 3;\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}\n\n\n\n/**\n * Posts\n */\n.post-header {\n  margin-bottom: $spacing-unit;\n}\n\n.post-title {\n  font-size: 2.2rem;\n  letter-spacing: -0.5px;\n  line-height: 1;\n\n  @include media-query($on-laptop) {\n    font-size: 2.2rem;\n  }\n}\n\n.post-content {\n  margin-bottom: $spacing-unit;\n\n  h1 {\n    font-size: 1.5rem;\n  }\n\n  h2 {\n    font-size: 1.2rem;\n    color: $grey-color-dark;\n    margin-bottom: math.div($spacing-unit, 4);\n  }\n\n  h3 {\n    font-size: 1rem;\n    font-weight: $base-font-strong-weight;\n\n    @supports (display: run-in) {\n      display: run-in;\n\n      &::after {\n        content: \": \";\n      }\n    }\n\n    // E.g. Firefox\n    @supports not (display: run-in) {\n      margin-bottom: math.div($spacing-unit, 4);\n    }\n  }\n\n  // Others unused\n}\n\n\n/**\n * Text indicating that a post has more to read.\n */\np.excerpt-warning {\n  font-size: $small-font-size;\n  margin-top: -0.5em;\n}\n\n/**\n * Atom feed preview\n * Same styling is used on the \"Browse\" page\n */\nul.atom-post-list {\n  li .atom-post-list-entry span {\n    white-space: nowrap;\n  }\n}\n","/**\n * Syntax highlighting styles\n */\n.highlight {\n  background: $highlight-color;\n  @extend %vertical-rhythm;\n\n  .c {\n    color: #998;\n    font-style: italic\n  }\n\n  // Comment\n  .err {\n    color: #a61717;\n    background-color: #e3d2d2\n  }\n\n  // Error\n  .k {\n    @include monospace-strong\n  }\n\n  // Keyword\n  .o {\n    @include monospace-strong\n  }\n\n  // Operator\n  .cm {\n    color: #998;\n    font-style: italic\n  }\n\n  // Comment.Multiline\n  .cp {\n    color: #999;\n    @include monospace-strong\n  }\n\n  // Comment.Preproc\n  .c1 {\n    color: #998;\n    font-style: italic\n  }\n\n  // Comment.Single\n  .cs {\n    color: #999;\n    @include monospace-strong;\n    font-style: italic\n  }\n\n  // Comment.Special\n  .gd {\n    color: #000;\n    background-color: #fdd\n  }\n\n  // Generic.Deleted\n  .gd .x {\n    color: #000;\n    background-color: #faa\n  }\n\n  // Generic.Deleted.Specific\n  .ge {\n    font-style: italic\n  }\n\n  // Generic.Emph\n  .gr {\n    color: #a00\n  }\n\n  // Generic.Error\n  .gh {\n    color: #999\n  }\n\n  // Generic.Heading\n  .gi {\n    color: #000;\n    background-color: #dfd\n  }\n\n  // Generic.Inserted\n  .gi .x {\n    color: #000;\n    background-color: #afa\n  }\n\n  // Generic.Inserted.Specific\n  .go {\n    color: #888\n  }\n\n  // Generic.Output\n  .gp {\n    color: #555\n  }\n\n  // Generic.Prompt\n  .gs {\n    @include monospace-strong\n  }\n\n  // Generic.Strong\n  .gu {\n    color: #aaa\n  }\n\n  // Generic.Subheading\n  .gt {\n    color: #a00\n  }\n\n  // Generic.Traceback\n  .kc {\n    @include monospace-strong\n  }\n\n  // Keyword.Constant\n  .kd {\n    @include monospace-strong\n  }\n\n  // Keyword.Declaration\n  .kp {\n    @include monospace-strong\n  }\n\n  // Keyword.Pseudo\n  .kr {\n    @include monospace-strong\n  }\n\n  // Keyword.Reserved\n  .kt {\n    color: #458;\n    @include monospace-strong\n  }\n\n  // Keyword.Type\n  .m {\n    color: #099\n  }\n\n  // Literal.Number\n  .s {\n    color: #d14\n  }\n\n  // Literal.String\n  .na {\n    color: #008080\n  }\n\n  // Name.Attribute\n  .nb {\n    color: #0086B3\n  }\n\n  // Name.Builtin\n  .nc {\n    color: #458;\n    @include monospace-strong\n  }\n\n  // Name.Class\n  .no {\n    color: #008080\n  }\n\n  // Name.Constant\n  .ni {\n    color: #800080\n  }\n\n  // Name.Entity\n  .ne {\n    color: #900;\n    @include monospace-strong\n  }\n\n  // Name.Exception\n  .nf {\n    color: #900;\n    @include monospace-strong\n  }\n\n  // Name.Function\n  .nn {\n    color: #555\n  }\n\n  // Name.Namespace\n  .nt {\n    color: #000080\n  }\n\n  // Name.Tag\n  .nv {\n    color: #008080\n  }\n\n  // Name.Variable\n  .ow {\n    @include monospace-strong\n  }\n\n  // Operator.Word\n  .w {\n    color: #bbb\n  }\n\n  // Text.Whitespace\n  .mf {\n    color: #099\n  }\n\n  // Literal.Number.Float\n  .mh {\n    color: #099\n  }\n\n  // Literal.Number.Hex\n  .mi {\n    color: #099\n  }\n\n  // Literal.Number.Integer\n  .mo {\n    color: #099\n  }\n\n  // Literal.Number.Oct\n  .sb {\n    color: #d14\n  }\n\n  // Literal.String.Backtick\n  .sc {\n    color: #d14\n  }\n\n  // Literal.String.Char\n  .sd {\n    color: #d14\n  }\n\n  // Literal.String.Doc\n  .s2 {\n    color: #d14\n  }\n\n  // Literal.String.Double\n  .se {\n    color: #d14\n  }\n\n  // Literal.String.Escape\n  .sh {\n    color: #d14\n  }\n\n  // Literal.String.Heredoc\n  .si {\n    color: #d14\n  }\n\n  // Literal.String.Interpol\n  .sx {\n    color: #d14\n  }\n\n  // Literal.String.Other\n  .sr {\n    color: #009926\n  }\n\n  // Literal.String.Regex\n  .s1 {\n    color: #d14\n  }\n\n  // Literal.String.Single\n  .ss {\n    color: #990073\n  }\n\n  // Literal.String.Symbol\n  .bp {\n    color: #999\n  }\n\n  // Name.Builtin.Pseudo\n  .vc {\n    color: #008080\n  }\n\n  // Name.Variable.Class\n  .vg {\n    color: #008080\n  }\n\n  // Name.Variable.Global\n  .vi {\n    color: #008080\n  }\n\n  // Name.Variable.Instance\n  .il {\n    color: #099\n  }\n\n  // Literal.Number.Integer.Long\n}\n"],"file":"main.css"}
\ No newline at end of file
diff --git a/browse/index.html b/browse/index.html
index f2042e7..da185de 100644
--- a/browse/index.html
+++ b/browse/index.html
@@ -71,388 +71,259 @@ 
Browse

     
All posts by date: