chore: never did like those class conventions

src/_includes/partials/addon-links.liquid

@@ -1,4 +1,4 @@
-<div class="addon-links__wrapper">
+<div class="addon-links">
   {%- if analytics.size > 0 -%}
   <div>{% render "partials/popular-posts.liquid", posts:posts, analytics:analytics %}</div>
   {%- endif -%}

src/_includes/partials/badge-grid.liquid

@@ -1,4 +1,4 @@
-<div class="badge__grid">
+<div class="badge-grid">
   <a href="https://11ty.dev">
     {% image './src/assets/img/badges/eleventy.png', 'Made with 11ty', '', 'lazy' %}
   </a>

src/_includes/partials/footer.liquid

@@ -1,10 +1,10 @@
 <footer>
-  <nav aria-label="Social icons" class="flex--centered justify--centered text--centered">
+  <nav aria-label="Social icons" class="flex-centered justify-centered text-centered">
     {% for link in nav.social %}
       {% render "partials/nav/linked-icon.liquid", name:link.name, link:link.url, icon:link.icon %}
     {% endfor %}
   </nav>
-  <nav aria-label="Secondary site navigation" class="flex--centered justify--centered text--centered">
+  <nav aria-label="Secondary site navigation" class="flex-centered justify-centered text-centered">
     {% for link in nav.footer %}
       {% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %}
       {% if not forloop.last %}<span>•</span>{% endif %}

src/_includes/partials/header.liquid

@@ -1,4 +1,4 @@
-<section class="main__title">
+<section class="main-title">
   <h1>
     {% if page.url != '/' %}
     <a href="/">{{ meta.siteName }}</a>

src/_includes/partials/nav/menu.liquid

@@ -1,5 +1,5 @@
 <nav
-  class="menu__primary flex--centered flex--wrap justify--center"
+  class="menu-primary flex-centered flex-wrap justify-center"
   aria-label="Primary site navigation">
   {% for link in nav.menu %}
     {% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %}

src/_includes/partials/now/albumReleases.liquid

@@ -1,9 +1,9 @@
 {% if albumReleases.size > 0 %}
-  <h2 id="album-releases" class="now__section--header flex--centered">
+  <h2 id="album-releases" class="now-header flex-centered">
     {% tablericon "calendar-time" "Anticipated albums" %}
     Anticipated albums
   </h2>
-  <ul class="link__list">
+  <ul class="link-list">
     {% for album in albumReleases %}
       <li>
         <strong>{{ album.date | readableDate }}: </strong>

src/_includes/partials/now/media-grid.liquid

@@ -5,7 +5,7 @@
       {% assign alt = item.alt | strip | escape %}
       <a href="{{ item.url | stripUtm }}" title="{{ alt }}">
         <div class="item__wrapper{% if item.subtext %} shadow{% endif %}">
-          <div class="item__meta-text">
+          <div class="meta-text">
             {% if item.title %}
               <div class="header">{{ item.title }}</div>
             {% endif %}

src/_includes/partials/now/status.liquid

@@ -1,3 +1 @@
-<p>
-  {{ status.emoji }} {{ status.content }}
-</p>
+<p>{{ status.emoji }} {{ status.content }}</p>

src/_includes/partials/now/topper.liquid

@@ -1,7 +1,7 @@
 {%- assign artist = artists | first -%}
 {%- assign book = books | first -%}
 {%- assign show = tv | first -%}
-<div class="now__topper">
+<div class="now-topper">
   <p><strong class="highlight-text">I'm a software developer based in Camarillo, California</strong>. I enjoy hanging out with my beautiful family and 3 rescue dogs, technology, automation, <a href="https://coryd.dev/now#artists">music</a>, writing, <a href="https://coryd.dev/now#books">reading</a>, <a href="https://coryd.dev/now#tv">tv</a> and <a href="https://coryd.dev/now#movies">movies</a>. Lately I've been{% if artist %} listening to a lot of <strong class="highlight-text">{{ artist.title }}</strong>,{% endif %} reading <strong class="highlight-text">{{ book.title }}</strong> and watching <strong class="highlight-text">{{ show.name }}</strong>.</p>
   {% render "partials/now/status.liquid", status:status %}
   {% render "partials/now-playing.liquid" %}

src/_includes/partials/paginator.liquid

@@ -1,5 +1,5 @@
 <script type="module" src="/assets/scripts/components/select-pagination.js"></script>
-<nav aria-label="Blog pagination" class="pagination flex--centered">
+<nav aria-label="Blog pagination" class="pagination flex-centered">
   {% if pagination.href.previous %}
     <a href="{{ pagination.href.previous }}" aria-label="Previous page">
       {% tablericon "arrow-left" "Previous" %}
@@ -19,7 +19,7 @@
       {% endfor %}
     </select>
     <noscript>
-      <div class="text--centered">
+      <div class="text-centered">
         <span aria-current="page">{{ pagination.pageNumber | plus: 1 }}</span> of {{ pagination.links.size }}
       </div>
     </noscript>

src/_includes/partials/popular-posts.liquid

@@ -1,10 +1,10 @@
 {% assign posts = posts | getPopularPosts: analytics %}
 {% if posts.size > 0 %}
-<h2 class="link__list--header flex--centered">
+<h2 class="link-list-header flex-centered">
   {% tablericon "flame" "Popular" %}
   Popular posts
 </h2>
-<ul class="link__list">
+<ul class="link-list">
   {% for post in posts limit: 5 %}
     <li>
       <a class="no-underline" href="{{post.url}}" title="{{ post.data.title | escape}}">

src/_includes/partials/post-graph.liquid

@@ -1,13 +1,10 @@
 <div class="post-graph">
   {% assign years = postYears | reverse %}
   {%- for year in years %}
-  <div class="post-graph__wrapper">
-    <div class="post-graph__year">{{ year.year }}</div>
-    <div class="post-graph__progress" style="width: {{ year.yearProgress }}%">
-    </div>
-    <div class="post-graph__data">
-      {{ year.postCount }}
-    </div>
+  <div class="wrapper">
+    <div class="year">{{ year.year }}</div>
+    <div class="progress" style="width: {{ year.yearProgress }}%"></div>
+    <div class="data">{{ year.postCount }}</div>
   </div>
   {% endfor %}
 </div>

src/_includes/partials/recent-links.liquid

@@ -1,9 +1,9 @@
 {% if links.size > 0 %}
-<h2 id="links" class="link__list--header flex--centered">
+<h2 id="links" class="link-list-header flex-centered">
   {% tablericon "link" "Links" %}
   Recent links
 </h2>
-<ul class="link__list">
+<ul class="link-list">
   {% for link in links limit: 5 %}
     <li>
       <a href="{{link.url}}" title="{{link.title | escape}}">

src/_includes/partials/share-button.liquid

@@ -1,4 +1,4 @@
 <script type="module" src="/assets/scripts/components/webcare-webshare.js"></script>
 <webcare-webshare share-text="{{ title }} {{ url | tagLookup: tagMap }}" share-url="{{ url }}" copy-text="{{ title }} {{ url | tagLookup: tagMap }} {{ url }}">
-  <button class="share icon--small icon--center__vertical" disabled>{% tablericon "share" "Share" %}</button>
+  <button class="share icon-small icon-center-vertical" disabled>{% tablericon "share" "Share" %}</button>
 </webcare-webshare>