malarkey

# AGENTS.md## Overview

- This is an Eleventy project.
- Follow existing patterns in templates, styles, and naming.
- Make the smallest change that solves the problem cleanly.
- Don’t write new code unless absolutely necessary.

## Structure

- `src/` contains all source files.

malarkey

# AGENTS.md## Core rules

- Prefer plain CSS and vanilla JavaScript.
- Prefer inline SVG when control, styling, or reuse matter.
- Use native platform features. Avoid dependencies and libraries.
- Use semantic HTML.

## CSS rules

- Don’t indent CSS declarations.

malarkey

<script>
// Initialize text splitting for elements with data-split="toon"
initTextSplitting('[data-split="toon"]');

function initTextSplitting(selector) {
const elements = document.querySelectorAll(selector);
if (elements.length === 0) {
console.log(`No elements found for selector: "${selector}"`);
return;
}

malarkey

/* 
5 essential CSS rules to add to any Squarespace website
-------------------------------------------------------
Author: Andy Clarke
Studio: https://stuffandnonsense.co.uk
Template store: https://stuffandnonsense.store
*/

html:focus-within {
scroll-behavior: smooth; }

malarkey

/* CSS Custom Properties  */

:root {
--font-family-default: 'Merriweather', serif;
--font-family-alt: 'Merriweather Sans', sans-serif;

--font-color-default: #b1a18;
--font-color-alt: #f5f5f3;

--font-link-default: #a62339;

malarkey

/* CSS Custom Properties */

:root {
--font-family: 'Georgia', serif;
--font-family-alt: 'Helvetica', Arial, sans-serif;
--font-weight: 400;
--font-weight-bold: 700;
--font-weight-black: 900;

/* 3:4 perfect fourth scale */