feat: Add titles to taxonomy pages

archetypes/academia.md

@@ -4,7 +4,7 @@ date: {{ .Date }}
 cardImage: library
 draft: true
 featured: false
-keywords:
+tags:
   - smart
   - profound
 type: "Journal Article"

assets/scripts/fa-icons.js

@@ -7,13 +7,16 @@ import {
   faEllipsis,
   faFileAlt,
   faFileSignature,
+  faGlobe,
   faGraduationCap,
   faHome,
   faNotebook,
   faPodium,
   faPresentation,
+  faTag,
   faScaleBalanced,
   faUniversity,
+  faUser,
   faUserAstronaut,
   faVideo,
   faW,
@@ -94,6 +97,7 @@ library.add(
   faGitea,
   faGithub,
   faGitlab,
+  faGlobe,
   faGolang,
   faGraduationCap,
   faHome,
@@ -104,10 +108,12 @@ library.add(
   faPeertube,
   faPodium,
   faPresentation,
+  faTag,
   faScaleBalanced,
   faStackOverflow,
   faSteam,
   faUniversity,
+  faUser,
   faUserAstronaut,
   faVideo,
   faVimeo,

assets/styles/mix-twbs.scss

@@ -152,4 +152,32 @@ h1 {
   .fixed-bottom {
     left: 25%;
   }
+
+  .md-max-width-33 {
+    max-width: 33%;
+  }
+}
+
+.card-link {
+  white-space: nowrap;
+}
+
+.category-button {
+  position: absolute;
+  top: 1em;
+  right: 1em;
+  display: grid;
+}
+
+.card-title {
+  margin-right: 2.25em;
+}
+
+.thumb-icon-wrapper {
+  display: flex;
+  justify-content: center;
+}
+
+.thumb-icon-badge {
+  font-size: xx-large;
 }

config.toml

@@ -10,6 +10,11 @@ writeStats = true
 cardImage = "saddles"
 motto = ""
 
+[taxonomies]
+people = "people"
+tag = "tags"
+category = "categories"
+
 [module]
 
 [[module.mounts]]
@@ -71,3 +76,7 @@ target = "assets/scripts/jquery"
 [[module.mounts]]
 source = "./node_modules/jquery-mask-plugin/dist"
 target = "assets/scripts/jquery-mask-plugin"
+
+[[module.mounts]]
+source = "./node_modules/masonry-layout/dist"
+target = "assets/scripts/masonry"

content/academia/_index.md

@@ -10,6 +10,16 @@ menu:
       prefix: fad
       icon: fa-university
     weight: 20
+fa-thumbnail: fad fa-university
 ---
 
-### Academic Papers
+> I have spent too long in school and not enough time in the middle of nowhere
+>
+> -- Baxter Black, DVM
+
+During my time in academia, I have amassed a few notable accomplishments. Of
+course, as the old saying goes, "if it isn't published, then it never happened,"
+so here is a list of everything that actually happened. Several of these
+articles are also available on
+[my Google Scholar page](https://scholar.google.com/citations?user=gbP4RDgAAAAJ),
+but this is the complete list.

content/academia/cheme-car/index.md

@@ -4,14 +4,15 @@ date: 2019-05-14
 cardImage: cannulated-cows
 draft: false
 featured: true
-keywords:
+tags:
   - chemical engineering
   - AIChE
   - radiation
   - rumen
   - microbial electrolysis cells
-medium: thesis
-authors:
+categories:
+  - thesis
+people:
   - Thomas A. Christensen II
 link: "/academia/cheme-car/cud_cheme_car_web.pdf"
 journal: "University of Wyoming Honors Program"

content/academia/how-to-build-a-cow-cud-fuel-cell.md

@@ -4,8 +4,9 @@ date: 2018-08-01
 cardImage: library
 draft: false
 featured: false
-medium: presentation
-authors:
+categories:
+  - presentation
+people:
   - Thomas A. Christensen II
 journal: "Idaho INBRE Summer Research Conference"
 location: "Moscow, Idaho"

content/academia/hydronium-pva.md

@@ -4,14 +4,15 @@ title:
   Critical First Step to Describe Acid Transport for Encapsulated Bioremediation"
 date: 2022-09-02
 featured: false
-keywords:
+tags:
   - diffusion
   - hydrogels
   - ionic strength
   - polymers
   - transport properties
-medium: paper
-authors:
+categories:
+  - paper
+people:
   - Carson J. Silsby
   - Jonathan R. Counts
   - Thomas A. Christensen II

content/academia/metagenomics/index.md

@@ -6,13 +6,14 @@ date: 2019-06-12
 cardImage: cannulated-cows
 draft: false
 featured: true
-keywords:
+tags:
   - gestation
   - metagenomics
   - microbiome
   - rumen
-medium: poster
-authors:
+categories:
+  - poster
+people:
   - Thomas A. Christensen II
   - Kathy J. Austin
   - Kristi M. Cammack

content/academia/pva-aiche/index.md

@@ -6,14 +6,15 @@ date: 2018-10-29
 cardImage: library
 draft: false
 featured: false
-keywords:
+tags:
   - bioremediation
   - polyoxometalate
   - hydrogel polymers
   - proton transport
   - chemical engineering
-medium: poster
-authors:
+categories:
+  - poster
+people:
   - Thomas A. Christensen II
   - Samuel R. Wolfe
   - Jonathan Counts

content/academia/pva-inbre.md

@@ -4,8 +4,9 @@ date: 2018-07-31
 cardImage: library
 draft: false
 featured: false
-medium: poster
-authors:
+categories:
+  - poster
+people:
   - Thomas A. Christensen II
   - Jonathan Counts
   - James G. Moberly

content/academia/rotavirus-virome.md

@@ -5,13 +5,14 @@ title:
 date: 2022-04-27
 cardImage: cannulated-cows
 featured: true
-keywords:
+tags:
   - porcine rotavirus
   - porcine enteric disease
   - virome
   - rotavirus
-medium: paper
-authors:
+categories:
+  - paper
+people:
   - Tyler Doerksen
   - Thomas A. Christensen II
   - Andrea Lu

content/academia/thesis.md

@@ -6,14 +6,15 @@ date: 2020-08-07
 cardImage: library
 draft: false
 featured: true
-keywords:
+tags:
   - bioremediation
   - polyoxometalate
   - hydrogel polymers
   - proton transport
   - chemical engineering
-medium: thesis
-authors:
+categories:
+  - thesis
+people:
   - Thomas A. Christensen II
 link: "https://www.proquest.com/dissertations-theses/polyoxometalate-incorporation-effects-on-proton/docview/2502214356/se-2"
 journal: "University of Idaho"

content/ai/_index.md

@@ -4,12 +4,14 @@ cardImage: Ai-calf
 motto: Artificial Insemination
 description:
   Advertising page to try and sell my artificial insemination services
+date: 2022-12-31
 menu:
   main:
     params:
       prefix: fax
       icon: fa-bull-sperm
     weight: 30
+fa-thumbnail: fax fa-bull-sperm
 ---
 
 I am licensed in the Great State of Wyoming as a food animal artificial

content/contact/_index.html

@@ -3,6 +3,7 @@ title: Contact Me
 cardImage: venice-mailbox
 motto: Contact Me
 description: Contact form to get ahold of me
+date: 2023-07-01
 menu:
   main:
     name: Contact
@@ -10,6 +11,7 @@ menu:
       prefix: fad
       icon: fa-file-signature
     weight: 1
+fa-thumbnail: fad fa-file-signature
 ---
 
 <form

content/videos/_index.md

@@ -8,6 +8,7 @@ menu:
     params:
       prefix: fad
       icon: fa-video
+fa-thumbnail: fad fa-video
 ---
 
 > ### The culmination of all art forms is that of film.

content/videos/ag-olympics-reel/index.md

@@ -4,6 +4,8 @@ date: 2017-02-16
 storage: yt
 storageId: jhLJp3OFsYM
 thumbnail: https://i.ytimg.com/vi_webp/jhLJp3OFsYM/maxresdefault.webp
+categories:
+  - video
 ---
 
 The Albany County Farm Bureau Young Farmer's and Rancher's committee asked me to

content/videos/if-you-come-out-to-the-fair/index.md

@@ -4,6 +4,8 @@ date: 2016-10-13
 storage: peertube
 storageId: 3a872dbf-4141-4bec-8a0c-11f5c1db2328
 thumbnail: https://video.millironx.com/lazy-static/previews/d1f33911-fdff-461d-a485-54de0bde79f3.jpg
+categories:
+  - video
 ---
 
 My extension agent asked me to make a promotional video for our county fair.

content/videos/in-the-hayfields/index.md

@@ -4,6 +4,8 @@ date: 2015-10-05
 storage: peertube
 storageId: a755f140-123a-4435-8002-0da2d0c831e9
 thumbnail: https://video.millironx.com/lazy-static/previews/837d70cd-b5dc-48be-bc65-84a50ae29c99.jpg
+categories:
+  - video
 ---
 
 I always get the comment that our implements are _old_ whenever I show this

content/videos/non-verum/index.md

@@ -4,6 +4,8 @@ date: 2015-06-12
 storage: peertube
 storageId: 03ac71e5-69b2-4c3d-b8b2-da98055cd953
 thumbnail: https://video.millironx.com/lazy-static/previews/6c479593-5bcf-4953-bbe5-99c4b4a87a79.jpg
+categories:
+  - video
 ---
 
 My first ~~documentary~~ mockumentary. This film won 2{{< sup nd >}} place at

content/websites/_index.md

@@ -9,6 +9,7 @@ menu:
     params:
       prefix: fad
       icon: fa-browser
+fa-thumbnail: fad fa-browser
 ---
 
 I do occasionally build websites for myself and other people. Here is a list of

content/websites/millironx/index.md

@@ -6,6 +6,8 @@ platformIcon: fab fa-golang
 platformURL: https://gohugo.io/
 deployURL: https://millironx.com
 sourceURL: https://github.com/MillironX/millironx.github.io
+categories:
+  - web
 ---
 
 Lo and behold: I made my own website!

content/websites/record-books/index.md

@@ -6,6 +6,8 @@ platformIcon: fab fa-html5
 platformURL: https://www.w3.org/html/
 deployURL: http://wyoming4h.org/albany4h/record-book
 sourceURL: https://github.com/MillironX/4h-record-books
+categories:
+  - web
 ---
 
 I constructed this site to hold the record book helps of the rebellious Albany

layouts/_default/baseof.html

@@ -116,6 +116,10 @@
     {{ $bootstrapbundle := slice $popperjs $twbsjs $ttjs | resources.Concat "js/bootstrap-bundle.js" }}
     <script src="{{ $bootstrapbundle.RelPermalink }}"></script>
 
+    <!-- Masonry -->
+    {{ $masonryjs := resources.Get "scripts/masonry/masonry.pkgd.min.js" }}
+    <script src="{{ $masonryjs.RelPermalink }}"></script>
+
     <!-- GoatCounter -->
     <script
       data-goatcounter="https://millironx.goatcounter.com/count"

layouts/_default/list.html

@@ -6,5 +6,59 @@
         {{ .Content }}
       {{ end }}
     </div>
+
+    <div class="row" data-masonry='{"percentPosition": true}'>
+      {{ range .Pages }}
+        <div class="col-xl-6 mb-4">
+          <div class="card">
+            {{ partial "category-button" . }}
+
+
+            <div class="card-body">
+              {{ partial "list-item-thumbnail" . }}
+
+              {{/* Prefer full-text links over local ones */}}
+              {{ $link := default .RelPermalink (index .Params "link") }}
+              <a href="{{ $link }}"><h3 class="card-title">{{ .Title }}</h3></a>
+
+              <div>
+                {{ dateFormat "02 Jan 2006" .Date }}
+              </div>
+
+              {{ range (.GetTerms "people") }}
+                <a
+                  href="{{ .RelPermalink }}"
+                  class="icon-link card-link {{ if eq .LinkTitle "Thomas A. Christensen II" }}
+                    fw-bolder
+                  {{ end }}"
+                  ><i class="fad fa-user"></i> {{ .LinkTitle }}</a
+                >
+              {{ end }}
+
+
+              <p class="card-text">
+                {{ .Summary }}
+                <strong
+                  ><small
+                    ><a href="{{ $link }}">Read&nbsp;more &raquo;</a></small
+                  ></strong
+                >
+              </p>
+            </div>
+
+            <div class="card-footer">
+              {{ range (.GetTerms "tags") }}
+                <a href="{{ .RelPermalink }}" class="icon-link card-link"
+                  ><i class="fad fa-tag"></i> {{ .LinkTitle }}</a
+                >
+              {{ end }}
+            </div>
+          </div>
+          <!-- </card> -->
+        </div>
+        <!-- </col> -->
+      {{ end }}
+    </div>
+    <!-- </row> -->
   </section>
 {{ end }}

layouts/academia/list.html

@@ -1,20 +0,0 @@
-{{ define "main" }}
-  {{ partial "scrolling-image-header" . }}
-  <section class="container-fluid list-main">
-    <div class="container px-5">
-      <h2>Selected Presentations</h2>
-      {{ $featuredpubs := where .Pages ".Params.featured" "==" true }}
-      {{ range $featuredpubs }}
-        {{ .Scratch.Set "showAbstract" true }}
-        {{ partial "academia/list-single.html" . }}
-      {{ end }}
-      <hr />
-      <h2>Other Presentations</h2>
-      {{ $nonfeaturedpubs := where .Pages ".Params.featured" "==" false }}
-      {{ range $nonfeaturedpubs }}
-        {{ partial "academia/list-single.html" . }}
-      {{ end }}
-
-    </div>
-  </section>
-{{ end }}

layouts/partials/category-button.html

@@ -0,0 +1,27 @@
+<div class="category-button">
+  {{ with .Param "categories" }}
+    {{ range $i, $category := . }}
+      {{ if eq $i 0 }}
+        {{ with $.Site.GetPage (printf "/%s/%s" "categories" $category) }}
+          {{ $iconDictionary := dict
+            "video" "fad fa-video"
+            "paper" "fad fa-book"
+            "poster" "fad fa-presentation"
+            "thesis" "fad fa-graduation-cap"
+            "presentation" "fad fa-podium"
+            "web" "fad fa-globe"
+          }}
+          {{ $categoryIcon := index $iconDictionary $category }}
+          <a
+            href="{{ .RelPermalink }}"
+            class="btn btn-dark btn-sm"
+            data-bs-toggle="tooltip"
+            title="{{ humanize $category }}"
+          >
+            <i class="{{ $categoryIcon | default "fad fa-tag" }} fa-fw"></i>
+          </a>
+        {{ end }}
+      {{ end }}
+    {{ end }}
+  {{ end }}
+</div>

layouts/partials/list-item-thumbnail.html

@@ -0,0 +1,26 @@
+{{ with .Param "fa-thumbnail" }}
+  <div class="thumb-icon-wrapper mb-3">
+    <span class="badge thumb-icon-badge rounded-pill bg-primary py-4 px-5">
+      <i class="fa-fw {{ . }}"></i>
+    </span>
+  </div>
+{{ end }}
+
+{{/* Thumbnail images should be stored as 'thumbnail'.* in the page bundle, but
+  historically they might have been referenced as 'thumbnail' in the front
+  matter, or (even more historically) as 'cardImage'. Use scratch to
+  normalize all these different systems.
+*/}}
+{{ $bundleGlob := "thumbnail.*" }}
+{{ $frontThumbGlob := print "images/" (.Params.thumbnail) ".*" }}
+{{ $frontCardGlob := print "images/" (.Params.cardImage) ".jpg" }}
+{{ $allThumbnailGlob := print "{" $frontThumbGlob "," $frontCardGlob "," $bundleGlob "}" }}
+{{ with .Resources.GetMatch $allThumbnailGlob }}
+  {{ $thumbnail := . }}
+  {{ $thumbnailResized := $thumbnail.Resize "600x" }}
+  <img
+    class="img img-thumbnail float-start me-3 md-max-width-33"
+    src="{{ $thumbnailResized.RelPermalink }}"
+    alt="Thumbnail of {{ .Title }}"
+  />
+{{ end }}

layouts/partials/scrolling-image-header.html

@@ -2,7 +2,7 @@
 <div class="blurred-container">
   <div class="motto">
     <h1 id="motto">
-      {{ safeHTML (.Param "motto") }}
+      {{ default .Title (safeHTML (.Param "motto")) }}
     </h1>
   </div>
   {{ $imgsrc := print "images/" (.Param "cardImage") ".jpg" }}

layouts/videos/list.html

@@ -1,26 +0,0 @@
-{{ define "main" }}
-  {{ partial "scrolling-image-header" . }}
-
-
-  <section class="container-fluid list-main">
-    <div class="container px-5">
-      {{ .Content }}
-
-
-      <div class="row">
-        {{ range .Pages }}
-          <div class="col-sm-4">
-            <a href="{{ .RelPermalink }}">
-              <img
-                class="img-fluid img-thumbnail rounded"
-                src="{{ .Params.thumbnail }}"
-                alt="Thumbnail of {{ .Title }}"
-              />
-              <h4>{{ .Title }}</h4>
-            </a>
-          </div>
-        {{ end }}
-      </div>
-    </div>
-  </section>
-{{ end }}

layouts/websites/list.html

@@ -1,53 +0,0 @@
-{{ define "main" }}
-  {{ partial "scrolling-image-header" . }}
-
-
-  <section class="container-fluid list-main">
-    <div class="container px-5">
-      {{ range .Pages }}
-        <section class="card mb-3">
-          <div class="card-body d-flex align-items-center">
-            {{ $thumbnail := .Resources.GetMatch "thumbnail.png" }}
-            {{ $thumbimg := $thumbnail.Resize "250x" }}
-            <div class="flex-shrink-0">
-              {{ $image := . }}
-              <img
-                class="img-thumbnail rounded"
-                src="{{ $thumbimg.RelPermalink }}"
-                alt="Thumbnail of {{ .Title }}"
-              />
-            </div>
-            <div class="flex-grow-1 ms-3 py-1">
-              <h3 class="card-title">{{ .Title }}</h3>
-              <h4 class="card-subtitle">
-                <a href="{{ .Params.deployURL }}">{{ .Params.deployURL }}</a>
-              </h4>
-              {{ .Content }}
-            </div>
-            <div class="flex-shrink-0">
-              <div class="btn-group-vertical">
-                <a
-                  class="btn btn-secondary"
-                  data-bs-toggle="tooltip"
-                  title="{{ .Params.platform }}"
-                  href="{{ .Params.platformURL }}"
-                >
-                  <i class="{{ .Params.platformIcon }}"></i>
-                </a>
-                <a
-                  class="btn btn-secondary"
-                  data-bs-toggle="tooltip"
-                  title="Source code"
-                  href="{{ .Params.sourceURL }}"
-                >
-                  <i class="fab fa-github"></i>
-                </a>
-              </div>
-            </div>
-          </div>
-        </section>
-      {{ end }}
-
-    </div>
-  </section>
-{{ end }}

package-lock.json

@@ -18,6 +18,7 @@
         "fittext.js": "^1.2.0",
         "jquery": "^3.6.0",
         "jquery-mask-plugin": "^1.14.16",
+        "masonry-layout": "^4.2.2",
         "postcss": "^8.4.12",
         "postcss-purgecss": "^2.0.3"
       },
@@ -379,6 +380,11 @@
         }
       }
     },
+    "node_modules/desandro-matches-selector": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/desandro-matches-selector/-/desandro-matches-selector-2.0.2.tgz",
+      "integrity": "sha512-+1q0nXhdzg1IpIJdMKalUwvvskeKnYyEe3shPRwedNcWtnhEKT3ZxvFjzywHDeGcKViIxTCAoOYQWP1qD7VNyg=="
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@@ -399,6 +405,11 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/ev-emitter": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ev-emitter/-/ev-emitter-1.1.1.tgz",
+      "integrity": "sha512-ipiDYhdQSCZ4hSbX4rMW+XzNKMD1prg/sTvoVmSLkuQ1MVlwjJQQA+sW8tMYR3BLUr9KjodFV4pvzunvRhd33Q=="
+    },
     "node_modules/execa": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-6.1.0.tgz",
@@ -439,11 +450,24 @@
       "resolved": "https://registry.npmjs.org/fittext.js/-/fittext.js-1.2.0.tgz",
       "integrity": "sha512-t74oh607jFTvZ1zelX5nVlxrLbk0iREVSgvn5HZhltUj34ANAaFNtORHwmXEHUiPNcZVk252G52hFnFLjLHBqg=="
     },
+    "node_modules/fizzy-ui-utils": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/fizzy-ui-utils/-/fizzy-ui-utils-2.0.7.tgz",
+      "integrity": "sha512-CZXDVXQ1If3/r8s0T+v+qVeMshhfcuq0rqIFgJnrtd+Bu8GmDmqMjntjUePypVtjHXKJ6V4sw9zeyox34n9aCg==",
+      "dependencies": {
+        "desandro-matches-selector": "^2.0.0"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
     },
+    "node_modules/get-size": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/get-size/-/get-size-2.0.3.tgz",
+      "integrity": "sha512-lXNzT/h/dTjTxRbm9BXb+SGxxzkm97h/PCIKtlN/CBCxxmkkIVV21udumMS93MuVTDX583gqc94v3RjuHmI+2Q=="
+    },
     "node_modules/get-stream": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
@@ -854,6 +878,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/masonry-layout": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/masonry-layout/-/masonry-layout-4.2.2.tgz",
+      "integrity": "sha512-iGtAlrpHNyxaR19CvKC3npnEcAwszXoyJiI8ARV2ePi7fmYhIud25MHK8Zx4P0LCC4d3TNO9+rFa1KoK1OEOaA==",
+      "dependencies": {
+        "get-size": "^2.0.2",
+        "outlayer": "^2.1.0"
+      }
+    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -981,6 +1014,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/outlayer": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/outlayer/-/outlayer-2.1.1.tgz",
+      "integrity": "sha512-+GplXsCQ3VrbGujAeHEzP9SXsBmJxzn/YdDSQZL0xqBmAWBmortu2Y9Gwdp9J0bgDQ8/YNIPMoBM13nTwZfAhw==",
+      "dependencies": {
+        "ev-emitter": "^1.0.0",
+        "fizzy-ui-utils": "^2.0.0",
+        "get-size": "^2.0.2"
+      }
+    },
     "node_modules/p-map": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
@@ -1791,6 +1834,11 @@
         "ms": "2.1.2"
       }
     },
+    "desandro-matches-selector": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/desandro-matches-selector/-/desandro-matches-selector-2.0.2.tgz",
+      "integrity": "sha512-+1q0nXhdzg1IpIJdMKalUwvvskeKnYyEe3shPRwedNcWtnhEKT3ZxvFjzywHDeGcKViIxTCAoOYQWP1qD7VNyg=="
+    },
     "eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@@ -1808,6 +1856,11 @@
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg=="
     },
+    "ev-emitter": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ev-emitter/-/ev-emitter-1.1.1.tgz",
+      "integrity": "sha512-ipiDYhdQSCZ4hSbX4rMW+XzNKMD1prg/sTvoVmSLkuQ1MVlwjJQQA+sW8tMYR3BLUr9KjodFV4pvzunvRhd33Q=="
+    },
     "execa": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-6.1.0.tgz",
@@ -1839,11 +1892,24 @@
       "resolved": "https://registry.npmjs.org/fittext.js/-/fittext.js-1.2.0.tgz",
       "integrity": "sha512-t74oh607jFTvZ1zelX5nVlxrLbk0iREVSgvn5HZhltUj34ANAaFNtORHwmXEHUiPNcZVk252G52hFnFLjLHBqg=="
     },
+    "fizzy-ui-utils": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/fizzy-ui-utils/-/fizzy-ui-utils-2.0.7.tgz",
+      "integrity": "sha512-CZXDVXQ1If3/r8s0T+v+qVeMshhfcuq0rqIFgJnrtd+Bu8GmDmqMjntjUePypVtjHXKJ6V4sw9zeyox34n9aCg==",
+      "requires": {
+        "desandro-matches-selector": "^2.0.0"
+      }
+    },
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
     },
+    "get-size": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/get-size/-/get-size-2.0.3.tgz",
+      "integrity": "sha512-lXNzT/h/dTjTxRbm9BXb+SGxxzkm97h/PCIKtlN/CBCxxmkkIVV21udumMS93MuVTDX583gqc94v3RjuHmI+2Q=="
+    },
     "get-stream": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
@@ -2130,6 +2196,15 @@
         }
       }
     },
+    "masonry-layout": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/masonry-layout/-/masonry-layout-4.2.2.tgz",
+      "integrity": "sha512-iGtAlrpHNyxaR19CvKC3npnEcAwszXoyJiI8ARV2ePi7fmYhIud25MHK8Zx4P0LCC4d3TNO9+rFa1KoK1OEOaA==",
+      "requires": {
+        "get-size": "^2.0.2",
+        "outlayer": "^2.1.0"
+      }
+    },
     "merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -2217,6 +2292,16 @@
         "mimic-fn": "^4.0.0"
       }
     },
+    "outlayer": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/outlayer/-/outlayer-2.1.1.tgz",
+      "integrity": "sha512-+GplXsCQ3VrbGujAeHEzP9SXsBmJxzn/YdDSQZL0xqBmAWBmortu2Y9Gwdp9J0bgDQ8/YNIPMoBM13nTwZfAhw==",
+      "requires": {
+        "ev-emitter": "^1.0.0",
+        "fizzy-ui-utils": "^2.0.0",
+        "get-size": "^2.0.2"
+      }
+    },
     "p-map": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",

package.json

@@ -22,6 +22,7 @@
     "fittext.js": "^1.2.0",
     "jquery": "^3.6.0",
     "jquery-mask-plugin": "^1.14.16",
+    "masonry-layout": "^4.2.2",
     "postcss": "^8.4.12",
     "postcss-purgecss": "^2.0.3"
   },