chore: clean up extra space in documents

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "21.4.1",
+  "version": "21.4.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "21.4.1",
+      "version": "21.4.2",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "21.4.1",
+  "version": "21.4.2",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {

src/includes/main.liquid

@@ -2,11 +2,11 @@
 layout: base
 ---
 {%- capture updateTime -%}
-  {% if updated == "now" %}
+  {%- if updated == "now" -%}
     {{ 'now' | date: "%B %-d, %l:%M %P", "America/Los_Angeles" }}
-  {% elsif page.updated %}
+  {%- elsif page.updated -%}
     {{ page.updated | date: "%B %-d, %l:%M %P", "America/Los_Angeles" }}
-  {% endif %}
+  {%- endif -%}
 {%- endcapture -%}
 <div class="main-wrapper">
   <main>{{ content }}</main>

src/includes/partials/blocks/badge-grid.liquid

@@ -1,5 +1,5 @@
 <div class="badge-grid">
-  {% for badge in badges limit: 8 %}
+  {%- for badge in badges limit: 8 -%}
   <a href="{{ badge.url }}">
     <img srcset="
         https://cdn.coryd.dev/{{ badge.image }}?class=w50 50w,
@@ -14,5 +14,5 @@
       height="31"
     />
   </a>
-  {% endfor %}
+  {%- endfor -%}
 </div>

src/includes/partials/blocks/banners/old-post.liquid

@@ -1,6 +1,6 @@
-{% assign isOldPost = date | oldPost %}
+{%- assign isOldPost = date | oldPost -%}
-{% if isOldPost %}
+{%- if isOldPost -%}
   <div class="banner old-post">
     <p>{% tablericon "clock-x" "Old post" %}This post is over 3 years old. I've probably changed my mind since it was written and it <em>could</em> be out of date.</p>
   </div>
-{% endif %}
+{%- endif -%}

src/includes/partials/blocks/index.liquid

@@ -1,19 +1,19 @@
-{% for block in blocks %}
+{%- for block in blocks -%}
-  {% if block.type == 'youtube_player' %}
+  {%- if block.type == 'youtube_player' -%}
     {% render "partials/blocks/youtube-player.liquid", url:block.url %}
-  {% elsif block.type == 'github_banner' %}
+  {%- elsif block.type == 'github_banner' -%}
     {% render "partials/blocks/banners/github.liquid", url:block.url %}
-  {% elsif block.type == 'npm_banner' %}
+  {%- elsif block.type == 'npm_banner' -%}
     {% render "partials/blocks/banners/npm.liquid", url:block.url, command:block.command %}
-  {% elsif block.type == 'rss_banner' %}
+  {%- elsif block.type == 'rss_banner' -%}
     {% render "partials/blocks/banners/rss.liquid", url:block.url, text:block.text %}
-  {% elsif block.type == 'hero' %}
+  {%- elsif block.type == 'hero' -%}
     {% render "partials/blocks/hero.liquid", image:block.image.filename_disk, alt:block.alt_text %}
-  {% elsif block.type == 'markdown' %}
+  {%- elsif block.type == 'markdown' -%}
     {{ block.text | markdown }}
-  {% elsif block.type == 'divider' %}
+  {%- elsif block.type == 'divider' -%}
     {{ block.markup | markdown }}
-  {% elsif block.type == 'addon_links' %}
+  {%- elsif block.type == 'addon_links' -%}
     {% render "partials/blocks/addon-links.liquid", popularPosts:collections.popularPosts, links:links %}
-  {% endif %}
+  {%- endif -%}
-{% endfor %}
+{%- endfor -%}

src/includes/partials/blocks/modal.liquid

@@ -1,13 +1,13 @@
-{% capture js %}
+{%- capture js -%}
   {% render "../../../assets/scripts/modal.js" %}
-{% endcapture %}
+{%- endcapture -%}
 <script>{{ js }}</script>
 {%- capture labelContent -%}
-  {% if icon %}
+  {%- if icon -%}
     {% tablericon icon label %}
-  {% elsif label %}
+  {%- elsif label -%}
     {{ label }}
-  {% endif %}
+  {%- endif -%}
 {%- endcapture -%}
 {% assign modalId = id | default: "modal-controls" %}
 <input class="modal-input" id="{{ id }}" type="checkbox" tabindex="0" />

src/includes/partials/blocks/popular-posts.liquid

@@ -1,15 +1,15 @@
-{% if popularPosts.size > 0 %}
+{%- if popularPosts.size > 0 -%}
 <h3 class="flex-centered">
   {% tablericon "flame" "Popular" %}
   Popular posts
 </h3>
 <ul class="link-list">
-  {% for post in popularPosts limit: 5 %}
+  {%- for post in popularPosts limit: 5 -%}
     <li>
       <a class="no-underline" href="{{ post.slug }}" title="{{ post.title | escape}}">
         {{ post.title }}
       </a>
     </li>
-  {% endfor %}
+  {%- endfor -%}
 </ul>
-{% endif %}
+{%- endif -%}

src/includes/partials/blocks/recent-links.liquid

@@ -1,16 +1,16 @@
-{% if links.size > 0 %}
+{%- if links.size > 0 -%}
 <h3 id="links" class="flex-centered">
   {% tablericon "link" "Links" %}
   Recent links
 </h3>
 <ul class="link-list">
-  {% for link in links limit: 5 %}
+  {%- for link in links limit: 5 -%}
     <li>
       <a href="{{ link.link }}" title="{{ link.title | escape }}">
         {{ link.title }}
       </a>
       {% if link.authors %} via <a href="{{ link.authors.url }}">{{ link.authors.name }}</a>{% endif %}
     </li>
-  {% endfor %}
+  {%- endfor -%}
 </ul>
-{% endif %}
+{%- endif -%}

src/includes/partials/feeds/rss.liquid

@@ -15,7 +15,7 @@
       <height>144</height>
     </image>
     {% for entry in entries limit: 20 -%}
-      {% assign rating = entry.rating %}
+      {%- assign rating = entry.rating -%}
       {%- capture entryTitle -%}
         {{ entry.title | escape }}
         {%- if entry.authors %} via {{ entry.authors.name }}{%- endif -%}

src/includes/partials/footer.liquid

@@ -1,16 +1,16 @@
 <footer{% unless updated %} style="margin-top:var(--sizing-3xl)"{% endunless %}>
-  {% if updated %}
+  {%- if updated -%}
     <p class="explainer text-small text-centered"><em>This page was last updated on {{ updated | strip }}.</em></p>
-  {% endif %}
+  {%- endif -%}
   <nav aria-label="Social icons" class="social flex-centered justify-centered text-centered">
-    {% for link in nav.footer_icons %}
+    {%- for link in nav.footer_icons -%}
       {% render "partials/nav/linked-icon.liquid", title:link.title, url:link.permalink, icon:link.icon %}
-    {% endfor %}
+    {%- endfor -%}
   </nav>
   <nav aria-label="Secondary site navigation" class="sub-pages flex-centered justify-centered text-centered">
-    {% for link in nav.footer_text %}
+    {%- for link in nav.footer_text -%}
       {% render "partials/nav/link.liquid", page:page, title:link.title, url:link.permalink, icon:link.icon %}
       {% if not forloop.last %}<span>/</span>{% endif %}
-    {% endfor %}
+    {%- endfor -%}
   </nav>
 </footer>

src/includes/partials/header.liquid

@@ -1,10 +1,10 @@
 <section class="main-title">
   <h1>
-    {% if page.url != '/' %}
+    {%- if page.url != '/' -%}
     <a href="/" tabindex="0">{{ globals.site_name }}</a>
-    {% else %}
+    {%- else -%}
     {{ globals.site_name }}
-    {% endif %}
+    {%- endif -%}
   </h1>
   {% render "partials/nav/menu.liquid", page:page, nav:nav %}
 </section>

src/includes/partials/home/posts.liquid

@@ -6,7 +6,7 @@
       {{ title }}
     </h2>
   </div>
-  {% for post in posts %}
+  {%- for post in posts -%}
   <article class="h-entry">
     <div class="time-wrapper flex-centered">
       {% tablericon "calendar-month" "Date" %}
@@ -21,8 +21,8 @@
     <div class="p-summary hidden">{{ post.data.post_excerpt }}</div>
     {{ post.description | markdown | truncate: 300 }}
   </article>
-  {% endfor %}
+  {%- endfor -%}
-  {% if postType != 'featured' %}
+  {%- if postType != 'featured' -%}
     <a class="link-icon flex-centered" href="/posts">View all posts {% tablericon "arrow-right" "View all posts" %}</a>
-  {% endif %}
+  {%- endif -%}
 </div>

src/includes/partials/media/grid.liquid

@@ -1,22 +1,23 @@
-{% assign hidePagination = count or data.pages.size <= 1 %}
+{%- assign hidePagination = count or data.pages.size <= 1 -%}
-{% assign media = data.items | default: data | normalizeMedia %}
+{%- assign media = data.items | default: data | normalizeMedia -%}
-<div class="media-grid {% if shape == 'square' %}square{% else %}vertical{% endif %}">
+<div class="media-grid {% if shape == 'square' -%}square{%- else -%}vertical{%- endif -%}">
-  {% for item in media limit: count | default: media.size %}
+  {%- for item in media limit: count | default: media.size -%}
-    {% assign alt = item.alt | strip | escape %}
+    {%- capture alt -%}{{ item.title | escape }} ({{ item.year }}){% endcapture %}
+    {%- assign alt = item.alt | strip | escape -%}
     <a href="{{ item.url }}" title="{{ alt }}">
       <div class="item-wrapper shadow">
         <div class="meta-text">
-          {% if item.title %}
+          {%- if item.title -%}
             <div class="header">{{ item.title }}</div>
-          {% endif %}
+          {%- endif -%}
-          {% if item.plays %}
+          {%- if item.plays -%}
             <div class="subheader">{{ item.plays }} plays</div>
-          {% elsif item.subtext %}
+          {%- elsif item.subtext -%}
             <div class="subheader">{{ item.subtext }}</div>
-          {% endif %}
+          {%- endif -%}
         </div>
-        {% assign loadingStrategy = loading | default: 'lazy' %}
+        {%- assign loadingStrategy = loading | default: 'lazy' -%}
-        {% if shape == 'square' %}
+        {%- if shape == 'square' -%}
           <img
             srcset="
               https://cdn.coryd.dev{{ item.image }}?class=squaresm 200w,
@@ -35,7 +36,7 @@
             width="240"
             height="240"
           />
-        {% else %}
+        {%- else -%}
           <img
             srcset="
               https://cdn.coryd.dev{{ item.image }}?class=verticalsm 200w,
@@ -54,11 +55,11 @@
             width="200"
             height="307"
           />
-        {% endif %}
+        {%- endif -%}
       </div>
     </a>
-  {% endfor %}
+  {%- endfor -%}
 </div>
-{% unless hidePagination %}
+{%- unless hidePagination -%}
   {% render "partials/nav/paginator.liquid", pagination:data %}
-{% endunless %}
+{%- endunless -%}

src/includes/partials/media/music/chart.liquid

@@ -1,7 +1,7 @@
 <div class="music-chart">
-  {% assign items = data.items | default: data %}
+  {%- assign items = data.items | default: data -%}
   <ol type="1">
-    {% for item in items limit: count | default: items.size %}
+    {%- for item in items limit: count | default: items.size -%}
       {%- assign playTotal = playTotal | default: mostPlayed -%}
       {%- assign percentage = item.plays | calculatePlayPercentage: playTotal -%}
       <li value="{{ item.rank }}">
@@ -11,13 +11,13 @@
               <div class="title">
                 <a href="{{ item.url }}">{{ item.title }}</a>
               </div>
-              {% capture playsLabel %}
+              {%- capture playsLabel -%}
-                {% if item.plays > 1 %}
+                {%- if item.plays > 1 -%}
                   plays
-                {% else %}
+                {%- else -%}
                   play
-                {% endif %}
+                {%- endif -%}
-              {% endcapture %}
+              {%- endcapture -%}
               <div class="subtext">{{ item.artist }}</div>
               <div class="subtext">{{ item.plays }} {{ playsLabel }}</div>
             </div>
@@ -25,9 +25,9 @@
           {% render "partials/media/progress-bar.liquid", percentage:percentage %}
         </div>
       </li>
-    {% endfor %}
+    {%- endfor -%}
   </ol>
 </div>
-{% unless count %}
+{%- unless count -%}
   {% render "partials/nav/paginator.liquid", pagination:data %}
-{% endunless %}
+{%- endunless -%}

src/includes/partials/media/music/recent.liquid

@@ -1,6 +1,6 @@
 <div class="music-chart">
-  {% for item in data limit: 10 %}
+  {%- for item in data limit: 10 -%}
-  {% capture alt %}{{ item.title | escape }} by {{ item.artist }}{% endcapture %}
+  {%- capture alt -%}{{ item.title | escape }} by {{ item.artist }}{%- endcapture -%}
     <div class="item">
       <div class="meta">
         <img
@@ -28,5 +28,5 @@
         {{ item.timestamp | date: "%B %-d, %-I:%M%p", "America/Los_Angeles" }}
       </div>
     </div>
-  {% endfor %}
+  {%- endfor -%}
 </div>

src/includes/partials/media/progress-bar.liquid

@@ -1,5 +1,5 @@
-{% if percentage %}
+{%- if percentage -%}
 <div class="progress-bar-wrapper" title="{{ percentage }}">
   <div style="width:{{ percentage }}" class="progress-bar"></div>
 </div>
-{% endif %}
+{%- endif -%}

src/includes/partials/media/watching/grid.liquid

@@ -1,27 +1,25 @@
-{% assign hidePagination = count or data.pages.size <= 1 %}
+{%- assign hidePagination = count or data.pages.size <= 1 -%}
 <div class="watching grid{% if hidePagination %} no-pagination {% endif %}">
-  {% assign items = data.items | default: mediaItems %}
+  {%- assign items = data.items | default: mediaItems -%}
-  {% for item in items limit: count %}
+  {%- for item in items limit: count -%}
-    {% capture alt %}{{ item.title | escape }} ({{ item.year }}){% endcapture %}
+    {%- capture alt -%}{{ item.title | escape }} ({{ item.year }}){% endcapture %}
     <a href="{{ item.url }}">
       <div class="watching item shadow">
         <div class="meta-text">
-          {% if item.type == 'movie' %}
+          {%- if item.type == 'movie' -%}
             <div class="header">{{ item.title }}</div>
             <div class="subheader flex-centered">
               {{ item.year }}
-              {% if item.rating %}
+              {%- if item.rating -%}
                 <span class="rating"> ({{ item.rating }})</span>
-              {% endif %}
+              {%- endif -%}
             </div>
-          {% else %}
+          {%- else -%}
             <div class="header">{{ item.name }}</div>
             <div class="subheader flex-centered">{{ item.year }}</div>
-          {% endif %}
+          {%- endif -%}
         </div>
-        {%- capture loadingStrategy -%}
+        {%- assign loadingStrategy = loading | default: 'lazy' -%}
-          {%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
-        {%- endcapture -%}
         <img
           srcset="
             https://cdn.coryd.dev{{ item.backdrop }}?class=bannersm 256w,
@@ -42,8 +40,8 @@
         />
       </div>
     </a>
-  {% endfor %}
+  {%- endfor -%}
 </div>
-{% unless hidePagination %}
+{%- unless hidePagination -%}
   {% render "partials/nav/paginator.liquid", pagination:data %}
-{% endunless %}
+{%- endunless -%}

src/includes/partials/media/watching/hero.liquid

@@ -1,4 +1,4 @@
-{% capture alt %}{{ movie.title | escape }} ({{ movie.year }}){% endcapture %}
+{%- capture alt -%}{{ movie.title | escape }} ({{ movie.year }}){%- endcapture -%}
 <a href="{{ movie.url }}">
   <div class="watching hero shadow">
     <div class="meta-text">

src/includes/partials/nav/link.liquid

@@ -1,20 +1,20 @@
 {%- assign categoryUrl = url | downcase -%}
-{% if categoryUrl | isLinkActive: page.url %}
+{%- if categoryUrl | isLinkActive: page.url -%}
   <span class="active {{ class }}" aria-current="page">
-    {% if icon %}
+    {%- if icon -%}
       {% tablericon icon title %}
       <span>{{ title }}</span>
-    {% else %}
+    {%- else -%}
       {{ title }}
-    {% endif %}
+    {%- endif -%}
   </span>
-{% else %}
+{%- else -%}
   <a class="{% if icon %}{{ icon | downcase }} icon {% endif %}{{ class }}" href="{{ categoryUrl }}" tabindex="0">
-    {% if icon %}
+    {%- if icon -%}
       {% tablericon icon title %}
       <span>{{ title }}</span>
-    {% else %}
+    {%- else -%}
       {{ title }}
-    {% endif %}
+    {%- endif -%}
   </a>
-{% endif %}
+{%- endif -%}

src/includes/partials/nav/menu.liquid

@@ -1,6 +1,6 @@
-{% capture js %}
+{%- capture js -%}
   {% render "../../../assets/scripts/menu.js" %}
-{% endcapture %}
+{%- endcapture -%}
 <script>{{ js }}</script>
 <div class="flex-centered">
   <input id="menu-toggle" type="checkbox" aria-hidden="true" />
@@ -9,9 +9,9 @@
     <div class="menu-open" aria-hidden="true">{% tablericon "x" "Menu open" %}</div>
   </label>
   <ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation">
-    {% for link in nav.primary %}
+    {%- for link in nav.primary -%}
       <li>{% render "partials/nav/link.liquid", page:page, title:link.title, url:link.permalink, icon:link.icon %}</li>
-    {% endfor %}
+    {%- endfor -%}
   </ul>
   {% render "partials/nav/theme-toggle.liquid" %}
 </div>

src/includes/partials/nav/paginator.liquid

@@ -1,22 +1,22 @@
 <script type="module" src="/assets/scripts/components/select-pagination.js"></script>
 <nav aria-label="Pagination" class="pagination flex-centered">
-  {% if pagination.href.previous %}
+  {%- if pagination.href.previous -%}
     <a href="{{ pagination.href.previous }}" aria-label="Previous page">
       {% tablericon "arrow-left" "Previous" %}
     </a>
-  {% else %}
+  {%- else -%}
     <span
       class="disabled"
       aria-label="Previous page (disabled)"
       disabled>
       {% tablericon "arrow-left" "Prevous" %}
     </span>
-  {% endif %}
+  {%- endif -%}
   <select-pagination>
     <select class="client-side" aria-label="Page selection">
-      {% for pageEntry in pagination.pages %}
+      {%- for pageEntry in pagination.pages -%}
       <option value="{{ forloop.index | minus: 1 }}">{{ forloop.index }} of {{ pagination.links.size }}</option>
-      {% endfor %}
+      {%- endfor -%}
     </select>
     <noscript>
       <div class="text-centered">
@@ -24,16 +24,16 @@
       </div>
     </noscript>
   </select-pagination>
-  {% if pagination.href.next %}
+  {%- if pagination.href.next -%}
     <a href="{{ pagination.href.next }}" aria-label="Next page">
       {% tablericon "arrow-right" "Next" %}
     </a>
-  {% else %}
+  {%- else -%}
     <span
       class="disabled"
       aria-label="Next page (disabled)"
       disabled>
       {% tablericon "arrow-right" "Next" %}
     </span>
-  {% endif %}
+  {%- endif -%}
 </nav>

src/pages/dynamic/music/artists/artist.html

@@ -11,9 +11,9 @@ schema: artist
 {%- capture alt -%}
   {{ artist.name }} / {{ artist.country }}
 {%- endcapture -%}
-{% capture js %}
+{%- capture js -%}
   {% render "../../../../assets/scripts/text-toggle.js" %}
-{% endcapture %}
+{%- endcapture -%}
 <script>{{ js }}</script>
 <noscript><style>[data-toggle-content].text-toggle-hidden {height: unset !important;overflow: unset !important;margin-bottom: unset !important;}[data-toggle-content].text-toggle-hidden::after {display: none !important;}</style></noscript>
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>

src/pages/dynamic/music/genre.html

@@ -16,9 +16,9 @@ schema: genre
     is
   {% endif %}
 {%- endcapture -%}
-{% capture js %}
+{%- capture js -%}
   {% render "../../../assets/scripts/text-toggle.js" %}
-{% endcapture %}
+{%- endcapture -%}
 <script>{{ js }}</script>
 <noscript><style>[data-toggle-content].text-toggle-hidden {height: unset !important;overflow: unset !important;margin-bottom: unset !important;}[data-toggle-content].text-toggle-hidden::after {display: none !important;}</style></noscript>
 <a class="back-link-header link-icon" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>

src/pages/dynamic/music/index.html

@@ -6,9 +6,9 @@ permalink: "/music/index.html"
 updated: "now"
 schema: music-index
 ---
-{% capture js %}
+{%- capture js -%}
   {% render "../../../assets/scripts/media-toggles.js" %}
-{% endcapture %}
+{%- endcapture -%}
 <script>{{ js }}</script>
 <h2 class="page-header">{{ title }}</h2>
 <p>I've listened to <strong class="highlight-text">{{ music.week.artists.size }} artists</strong>, <strong class="highlight-text">{{ music.week.albums.size }} albums</strong> and <strong class="highlight-text">{{ music.week.totalTracks }} tracks</strong> this week. Most of that has been {{ music.week.genres | sortByPlaysDescending: "plays" | genreStrings: "genre" | mediaLinks: "genre", 5 }}.</p>