lint

Author: cb341

src/components/Footer.astro

@@ -5,7 +5,14 @@ const currentYear = new Date().getFullYear();
 <footer role="contentinfo">
   <center>
     <hr />
-    <p><small>© {currentYear} cb341. Licensed under <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener noreferrer">CC BY 4.0</a>.</small></p>
+    <p>
+      <small
+        >© {currentYear} cb341. Licensed under <a
+          href="https://creativecommons.org/licenses/by/4.0/"
+          target="_blank"
+          rel="noopener noreferrer">CC BY 4.0</a
+        >.</small>
+    </p>
 
     <a
       href="https://github.com/cb341"

src/components/NavLink.astro

@@ -4,10 +4,16 @@ interface Props {
   external?: boolean;
   target?: string;
   rel?: string;
-  'aria-label'?: string;
+  "aria-label"?: string;
 }
 
-const { href, external = false, target, rel, 'aria-label': ariaLabel } = Astro.props;
+const {
+  href,
+  external = false,
+  target,
+  rel,
+  "aria-label": ariaLabel,
+} = Astro.props;
 
 let isActive = !external && Astro.url.pathname.startsWith(href);
 if (isActive && href === "/" && Astro.url.pathname !== "/") {
@@ -17,11 +23,19 @@ if (isActive && href === "/" && Astro.url.pathname !== "/") {
 const linkProps = {
   href,
   ...(external && { target, rel }),
-  ...(ariaLabel && { 'aria-label': ariaLabel }),
-  ...(isActive && !external && { 'aria-current': 'page' as const }),
+  ...(ariaLabel && { "aria-label": ariaLabel }),
+  ...(isActive && !external && { "aria-current": "page" as const }),
 };
 ---
 
 <a {...linkProps}>
-  {isActive && !external ? <b><slot /></b> : <slot />}
+  {
+    isActive && !external ? (
+      <b>
+        <slot />
+      </b>
+    ) : (
+      <slot />
+    )
+  }
 </a>

src/content/blog/editor-journey.md

@@ -2,7 +2,7 @@
 title: "My Editor Journey"
 publishedAt: 2025-10-25
 description: "My journey through text editors, from Atom to LazyVim, with some thoughts on AI coding assistants."
-tags: ["neovim","ai","workflow"]
+tags: ["neovim", "ai", "workflow"]
 ---
 
 # My Editor Journey

src/content/blog/hackts-design.md

@@ -14,18 +14,18 @@ I chose Rails with custom Sass stylesheets because of the abundance of unique st
 As you can see in the box model view, the layout contains many irregular spacings, varying element sizes, and non-uniform alignments. These characteristics made it difficult to implement using flexbox or grid with simple gaps, margins, and paddings, and required precise, element by element positioning.
 
 ![hackts.ch homepage with debug rendering](../../assets/blog/hackts_debug.webp)  
-*A draft of the hackts.ch page with box model inspection, showing the irregular spacing and alignment requirements.*
+_A draft of the hackts.ch page with box model inspection, showing the irregular spacing and alignment requirements._
 
 I also experimented with Figma to code tools such as [Builder.io’s Figma plugin](https://www.builder.io/c/docs/figma-to-builder) but the results were disappointing. The generated markup was verbose and composed of inline styles, with font styling defined multiple times instead of integrating with the existing font definitions. There was no clear component structure or hierarchy, which made the output unpleasant to read.
 
 ## Retrospective Approaches
 
 Looking back, several methods might have eased the process:
 
-- Rendering sections as images with defined clickable areas using [`<area>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/area) elements  
-- Using background images with text overlays  
-- Exporting directly from Figma as SVGs to keep both vector shapes and text, applying CSS classes to [SVG elements](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/style) for consistent styling ([MDN: Styling SVG with CSS](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SVG_and_CSS))  
-- Adding overlays for pixel accurate alignment adjustments  
+- Rendering sections as images with defined clickable areas using [`<area>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/area) elements
+- Using background images with text overlays
+- Exporting directly from Figma as SVGs to keep both vector shapes and text, applying CSS classes to [SVG elements](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/style) for consistent styling ([MDN: Styling SVG with CSS](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SVG_and_CSS))
+- Adding overlays for pixel accurate alignment adjustments
 
 While using images and clickable areas may allow for faster development, it compromises accessibility, responsiveness, and maintainability, ultimately leading to a poorer user experience and not aligning with best practices in web development.
 

src/content/blog/local-zsh.md

@@ -12,7 +12,7 @@ Some rely entirely on Docker Compose.
 Defining global aliases for commands such as `rspec` or `rubocop` can quickly cause conflicts between projects:
 
 ```bash
-alias rubocop='docker compose exec app bundle exec rubocop -a' 
+alias rubocop='docker compose exec app bundle exec rubocop -a'
 ```
 
 Creating complex Bash functions to detect the correct environment is possible, but usually not worth the time.

src/layouts/BaseLayout.astro

@@ -153,19 +153,28 @@ const structuredData = {
         overflow-x: auto;
       }
 
-      h1, h2, h3 {
+      h1,
+      h2,
+      h3 {
         line-height: 1.2;
       }
 
-      table td, table th {
+      table td,
+      table th {
         border-bottom: 1px solid #ddd;
       }
 
       @media (max-width: 768px) {
-        .mobile-table thead { display: none; }
-        .mobile-table tr { display: block; border-bottom: 1px solid #ddd }
+        .mobile-table thead {
+          display: none;
+        }
+        .mobile-table tr {
+          display: block;
+          border-bottom: 1px solid #ddd;
+        }
         .mobile-table td {
-          display: block; border-bottom: none;
+          display: block;
+          border-bottom: none;
         }
         .mobile-table td:before {
           content: attr(data-label) ": ";
@@ -178,7 +187,11 @@ const structuredData = {
     <a href="#main-content" class="skip-nav">Skip to main content</a>
 
     <header role="banner">
-      <h1><center><NavLink href="/" aria-label="CB341.DEV - Home">CB341.DEV</NavLink></center></h1>
+      <h1>
+        <center
+          ><NavLink href="/" aria-label="CB341.DEV - Home">CB341.DEV</NavLink
+          ></center>
+      </h1>
       <nav role="navigation" aria-label="Main navigation">
         <center>
           <NavLink href="/">Home</NavLink>
@@ -196,11 +209,29 @@ const structuredData = {
       </nav>
       <nav class="social-nav" role="navigation" aria-label="Social media links">
         <center>
-          <NavLink href="https://www.codewars.com/users/cb341" external target="_blank" rel="noopener noreferrer" aria-label="Codewars profile (opens in new tab)">Codewars</NavLink>
+          <NavLink
+            href="https://www.codewars.com/users/cb341"
+            external
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="Codewars profile (opens in new tab)">Codewars</NavLink
+          >
           |
-          <NavLink href="https://www.linkedin.com/in/daniel-bengl" external target="_blank" rel="noopener noreferrer" aria-label="LinkedIn profile (opens in new tab)">LinkedIn</NavLink>
+          <NavLink
+            href="https://www.linkedin.com/in/daniel-bengl"
+            external
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="LinkedIn profile (opens in new tab)">LinkedIn</NavLink
+          >
           |
-          <NavLink href="https://github.com/cb341" external target="_blank" rel="noopener noreferrer" aria-label="GitHub profile (opens in new tab)">GitHub</NavLink>
+          <NavLink
+            href="https://github.com/cb341"
+            external
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="GitHub profile (opens in new tab)">GitHub</NavLink
+          >
         </center>
       </nav>
     </header>
@@ -219,10 +250,12 @@ const structuredData = {
           if (table.hasAttribute("data-responsive")) return;
           table.setAttribute("data-responsive", "true");
 
-          const headers = Array.from(table.querySelectorAll("thead th")).map(th => th.textContent?.trim() || "");
-          
+          const headers = Array.from(table.querySelectorAll("thead th")).map(
+            (th) => th.textContent?.trim() || "",
+          );
+
           table.classList.add("mobile-table");
-          
+
           const rows = table.querySelectorAll("tbody tr");
           rows.forEach((row) => {
             const cells = row.querySelectorAll("td");

src/pages/about.astro

@@ -67,8 +67,7 @@ import BaseLayout from "../layouts/BaseLayout.astro";
 
     <ul>
       <li>
-        <strong>Coding</strong> - Working on personal projects and exploring new
-        technologies
+        <strong>Coding</strong> - Working on personal projects and exploring new technologies
       </li>
       <li>
         <strong>Reading about coding</strong> - Staying up-to-date with development

src/pages/blog/tags/[...tag].astro

@@ -23,6 +23,7 @@ export async function getStaticPaths() {
 const { tag } = Astro.params;
 const { taggedBlogPosts } = Astro.props;
 ---
+
 <BaseLayout title={`Posts tagged with ${tag}`}>
   <h1>Posts tagged with "{tag}"</h1>
 

src/pages/rss.xml.js

@@ -1,7 +1,7 @@
-import rss from '@astrojs/rss';
+import rss from "@astrojs/rss";
 import { getCollection } from "astro:content";
-import sanitizeHtml from 'sanitize-html';
-import MarkdownIt from 'markdown-it';
+import sanitizeHtml from "sanitize-html";
+import MarkdownIt from "markdown-it";
 const parser = new MarkdownIt();
 
 export async function GET(context) {
@@ -15,7 +15,7 @@ export async function GET(context) {
         description: post.data.description,
         link: `/blog/${post.slug}/`,
         content: sanitizeHtml(parser.render(post.body), {
-          allowedTags: sanitizeHtml.defaults.allowedTags.concat(['img'])
+          allowedTags: sanitizeHtml.defaults.allowedTags.concat(["img"]),
         }),
         categories: post.data.tags || [],
         author: "cb341",
@@ -32,7 +32,7 @@ export async function GET(context) {
           <license>MIT</license>
         `,
       };
-    })
+    }),
   );
 
   return rss({

src/utils/dateHelpers.ts

@@ -4,8 +4,5 @@
  * @returns Formatted date string in dd.mm.yyyy format
  */
 export function formatDate(date: Date | string | number): string {
-  return new Date(date)
-    .toLocaleDateString("en-GB")
-    .split("/")
-    .join(".");
+  return new Date(date).toLocaleDateString("en-GB").split("/").join(".");
 }