Finish distributive's work

.stylelintrc.js

@@ -2,4 +2,8 @@
 
 module.exports = {
   extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'],
+  rules: {
+    'custom-property-pattern': null,
+    'block-no-empty': null,
+  },
 };

.template-lintrc.js

@@ -2,4 +2,8 @@
 
 module.exports = {
   extends: 'recommended',
+
+  rules: {
+    'no-inline-styles': 'warn',
+  },
 };

app/components/box-link.gjs

@@ -0,0 +1,46 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { LinkTo } from '@ember/routing';
+import { service } from '@ember/service';
+
+export default class CardListsComponent extends Component {
+  @service store;
+  @tracked latestSet;
+
+  constructor(...args) {
+    super(...args);
+
+    this.latestSet = this.store.query('cardSet', {});
+  }
+
+  <template>
+    <LinkTo
+      @route='set'
+      @model='rebellion_without_rehearsal'
+      class='box-link latest-set'
+    >
+      <div class='row'>
+        <div class='col-2 col-lg-4'>
+          <img
+            src='/assets/image/set/liberation.png'
+            alt='Liberation cycle icon'
+            style='width:100%; opacity:50%;'
+          />
+        </div>
+        <div class='col-10 col-lg-8 position-relative'>
+          <div
+            class='position-absolute w-75'
+            style='top:50%; transform:translateY(-50%)'
+          >
+            <div>
+              Latest set:
+            </div>
+            <div class='fst-italic'>
+              Rebellion without Rehearsal
+            </div>
+          </div>
+        </div>
+      </div>
+    </LinkTo>
+  </template>
+}

app/components/card-lists.gjs

@@ -47,7 +47,6 @@ export default class CardListsComponent extends Component {
   }
 
   <template>
-    {{@foo}}
     <div class='card flex-grow-1' id='nav-main-content'>
       <div class='card-header'>
         <ul class='nav nav-tabs nav-fill card-header-tabs'>
@@ -96,12 +95,14 @@ export default class CardListsComponent extends Component {
               <tbody>
                 {{#each (sortBy 'id:asc' @printings) as |printing|}}
                   <tr>
-                    <td><Icon @icon={{printing.cardCycleId}} />{{printing.cardSet.name}}
+                    <td><Icon
+                        @icon={{printing.cardCycleId}}
+                      />{{printing.cardSet.name}}
                       {{printing.position}}</td>
                     <td>
-                      <CardLinkTo
-                        @printing={{printing}}
-                      >{{#if printing.isUnique }}♦ {{/if}}{{printing.title}}</CardLinkTo>
+                      <CardLinkTo @printing={{printing}}>{{#if
+                          printing.isUnique
+                        }}♦ {{/if}}{{printing.title}}</CardLinkTo>
                     </td>
                     <td><Icon @icon='{{printing.factionId}}' /><InfluencePips
                         @printing={{printing}}
@@ -136,8 +137,12 @@ export default class CardListsComponent extends Component {
           {{#each this.printingsTableForImages as |row|}}
             <div class='row'>
               {{#each row as |p|}}
-                <div class='col-xl-3 col-lg-3 col-md-6 card-art-container px-2 pb-3'>
-                  <CardLinkTo @printing={{ p }}><Image src={{p.images.nrdb_classic.large}} /></CardLinkTo>
+                <div
+                  class='col-xl-3 col-lg-3 col-md-6 card-art-container px-2 pb-3'
+                >
+                  <CardLinkTo @printing={{p}}><Image
+                      src={{p.images.nrdb_classic.large}}
+                    /></CardLinkTo>
                 </div>
               {{/each}}
             </div>
@@ -148,13 +153,14 @@ export default class CardListsComponent extends Component {
             {{#each this.printingsTableForTextOnly as |row|}}
               <div class='row'>
                 {{#each row as |p|}}
-                  <div class="card col-4 px-md-0">
-                    <div class="card-header">
-                      <div class="card-title">
-                        <CardLinkTo @printing={{p}}>{{#if p.isUnique }}♦ {{/if}}{{p.title}}</CardLinkTo>
+                  <div class='card col-4 px-md-0'>
+                    <div class='card-header'>
+                      <div class='card-title'>
+                        <CardLinkTo @printing={{p}}>{{#if p.isUnique}}♦
+                          {{/if}}{{p.title}}</CardLinkTo>
                       </div>
                     </div>
-                    <div class="card-body">
+                    <div class='card-body'>
                       <CardTextBox
                         @cardSet={{@p.cardSet}}
                         @cardType={{@p.cardType}}