AndreasHnida

export default defineNuxtConfig({
  modules: [
    '@nuxtjs/tailwindcss',
    '@nuxt/content',
    '@nuxtjs/google-fonts'
  ],
  googleFonts: {
    families: {
      Inter: [300, 400, 500, 600, 700],
      Poppins: [300, 400, 500, 600, 700, 800]

AndreasHnida

The key principles are: ARIA attributes for accessibility Roving tabindex pattern for keyboard navigation Clear visual indicators for focus and selection Standard keyboard shortcuts (arrows, Enter, Space) Here's a complete implementation:This implementation follows industry standards for accessible tree navigation:

Key Features:

ARIA Attributes: role="tree", role="treeitem", role="group" for proper screen reader support aria-expanded to indicate folder state

AndreasHnida

document.addEventListener('DOMContentLoaded', function() {

  document.body.classList.add('cl1');

   function watchBreakpoints() {
    const body = document.body;

    // Create badge element
    const badge = document.createElement('div');
    badge.id = 'breakpoint-badge';

AndreasHnida

# 0 is too far from ` ;)
set -g base-index 1

# Automatically set window title
set-window-option -g automatic-rename on
set-option -g set-titles on

#set -g default-terminal screen-256color
set -g status-keys vi
set -g history-limit 10000