Skip to content

Instantly share code, notes, and snippets.

View AndreasHnida's full-sized avatar

Anders AndreasHnida

View GitHub Profile
@AndreasHnida
AndreasHnida / tmux.conf
Created April 27, 2022 08:39 — forked from spicycode/tmux.conf
The best and greatest tmux.conf ever
# 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
@AndreasHnida
AndreasHnida / uikit3-breakpoints.js
Last active August 4, 2025 20:32
Displays a little square in the lower right corner with the current Uikit3 breakpoint the site is on. It reads the breakpoints from CSS, so changes in the builder will be reflected. #UIKit3
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
AndreasHnida / README.md
Created August 4, 2025 20:43
File Tree Navigation

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
AndreasHnida / nuxt.config.ts
Created August 9, 2025 23:43
Favicon for Light and Dark Mode in Nuxt #favicon #html #nuxt #vue
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]