MattterSteege

.months .month {
    --rows: 5;
    --row-lines: 4;
    --row-step: 20%;
    --col-lines: 6;
    --col-step: 14.28%;
    
    --line-color: #000;

    display: grid;

MattterSteege

/**
   Copyright 2025 Matt ter Steege

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software

MattterSteege

class ContextMenu {
    #container;
    #menuDom = null;
    #isVisible = false;
    #isRootMenu = true;
    #parentMenu = null;
    #childMenus = [];
    #menuItems;

    constructor(container, items) {

MattterSteege

class KeyboardShortcuts {
    /**
     * Initializes the KeyboardShortcuts instance and binds the event listener.
     *
     * @example
     * const shortcuts = new KeyboardShortcuts();
     * shortcuts.addShortcut('ctrl+s', event => console.log('Save'));
     * shortcuts.addShortcut('ctrl+z', event => console.log('Undo'));
     * shortcuts.addShortcut('ctrl+y', event => console.log('Redo'));
     *

MattterSteege

const jsonData = {
    items: [
        { Title: "test", SubTitle: "", Image: "" },
        { Title: "", SubTitle: "subtitle", Image: "https://example.com/image" }
    ],
    nested: {
        hint: "Think about what you use to type.",
        moreHints: {
            hint1: "You have 26 letters.",
            hint2: "It's essential for computers."

MattterSteege

<div id="overlay">
    <div class="left" style="left: 0"></div>
    <div class="right" style="right: 0"></div>
    <div class="top" style="top: 0"></div>
    <div class="bottom" style="bottom: 0"></div>
    <div class="corners"></div>
</div>

MattterSteege

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  const url = new URL(request.url)
  const apiUrl = url.searchParams.get('url')

  if (!apiUrl) {
    return new Response('Missing URL parameter', { status: 400 })