fix: broken features and upgrade to node 20

.github/workflows/build-artifact-iota.yaml

@@ -9,12 +9,12 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 14
+      - name: Use Node.js 20
         uses: actions/setup-node@v2
         with:
-            node-version: '14'
+            node-version: '20'
       - name: Install dependencies && build
-        run: cd src && yarn && yarn build
+        run: cd src && npm install && npm run build
       - name: Create zip
         run: zip -r liebling.zip ./* -x 'node_modules/*' -x '*src*'
       - name: 'Upload Artifact'

.gitignore

@@ -10,4 +10,6 @@ node_modules
 .DS_Store
 .idea
 
-.vscode
+.vscode
+
+.nvmrc

index.hbs

@@ -83,12 +83,17 @@ into the {body} of the default.hbs template --}}
                         <span>{{t "Featured"}}</span>
                       </div>
                       <a href="{{url}}" class="m-featured-article__content">
-                        <h2 class="m-featured-article__title js-featured-article-title" title="{{title}}">
+                        {{#if primary_tag}}
+                          <a href="{{primary_tag.url}}" class="m-featured-article__tag">
+                            {{primary_tag.name}}
+                          </a>
+                        {{/if}}
+                        {{!-- <h2 class="m-featured-article__title js-featured-article-title" title="{{title}}">
                           {{title}}
-                        </h2>
+                        </h2> --}}
                         <div class="m-featured-article__timestamp">
                           <span>{{date published_at}}</span>
-                          <span>&bull;</span>
+                          <span> </span>
                           <span>{{reading_time minute=(t "1 min read") minutes=(t "% min read")}}</span>
                         </div>
                       </a>

src/sass/components/articles/_featured-slider.scss

@@ -1,4 +1,4 @@
-.m-featured-slider {
+.m-featured-slider.swiper {
     position: relative;
     overflow: hidden !important;
     height: calc(100vw * 9 / 16);