DEV Community: meow.hair

International 19 October

meow.hair — Tue, 20 Oct 2026 00:46:47 +0000

https://www.2026.lat/day/19/index.html

International Breast Cancer Awareness Day — in several European countries, 19 October is dedicated to early detection and awareness of breast cancer. It is not an official UN day, but a moment brought together by national health organisations and communities.

🎗️ Why October?

17 October Building a Single-Day Events Calendar That Runs Entirely Client-Side — 58 Observances, 3 Pages, No Server

meow.hair — Sat, 17 Oct 2026 18:55:34 +0000

Title: Building a Single-Day Events Calendar That Runs Entirely Client-Side — 58 Observances, 3 Pages, No Server

TL;DR: 58 observances, 3 static pages, for a single day (17 October 2026). No framework, no server, no tracking. Just HTML + CSS + ~200 lines of JS. Live demo: https://www.2026.lat/day/17/index.html

Hello 😁🤍🇮🇸

I wanted to share a small project I've been building and get some honest feedback. It's a single-day events calendar for 17 October 2026, and it ended up being a lovely exercise in doing a lot with very little.

🔗 Live demo: https://www.2026.lat/day/17/index.html

The core idea: one day, three pages, fifty-eight observances — global UN days, national holidays, and local cultural events. Everything runs in the browser. No framework, no build step, no backend.

The Stack (or Lack Thereof)

Plain HTML — three files: index.html, index1.html, index2.html
One CSS file — dark navy theme, white text, custom CSS properties
One JS file — about 200 lines, no dependencies
Zero external requests — no fonts, no CDN, no analytics, no cookies

Everything is served as static files. You could open it from a USB stick and it would still work (except for the Wikipedia links).

What's Inside

The pages are split geographically:

Page 1 — 9 verified observances (3 global UN days + Argentina's Loyalty Day + 5 cultural events in Colombia, Argentina, and Switzerland)
Page 2 — 21 events across the Nordic countries and Europe
Page 3 — 28 events across Oceania and the Americas

Each event card includes:

A Finnish and English description side by side
Wikipedia links in both languages
A "Listen" button (Web Speech API — FI and EN voices)
A copy-to-clipboard button

The three pages are linked with a simple navigation bar at the top, so navigation feels continuous.

A Focus on the Nordic Region (and Iceland in Particular)

Since I lean toward the North, Page 2 relies heavily on Nordic and Icelandic events. Some highlights from Iceland on 17 October 2026:

🌺 Day of Intangible Cultural Heritage — the National Museum of Iceland hosts an event celebrating sagas, rímur poetry, folk dance, and craft traditions

🏛️ Museum Weekend in Suðurnes — museums across the Reykjanes peninsula open for free, covering local history, geology, and fishing traditions

⚔️ Víkingaheimar — the Viking museum in Njarðvík opens for free, including the Íslendingur ship replica that sailed from Iceland to North America following Leif Erikson's route

🐉 Dragon-making workshop — Garðabær Public Library runs a free children's workshop inspired by Icelandic folklore

✍️ Creative writing workshop — for children aged 8–12, continuing Iceland's long storytelling tradition

🎬 Nordic Film Festival — Reykjavík screens new films from Iceland, Norway, Sweden, Denmark, and Finland

Alongside those, there are Finnish, Norwegian, and Swedish events too — the Välke light festival in Kuopio, the Matlyst food festival in Brumunddal, and a Robyn concert in Stockholm, among others.

I found it genuinely interesting how much local cultural life happens on a single ordinary Saturday in October — most of it unlisted on any official calendar.

Technical Decisions Worth Discussing

A few things I'd love feedback on:

1. document.readyState instead of DOMContentLoaded alone
Scripts loaded at the end of <body> can miss the DOMContentLoaded event entirely. I use a small onReady() helper that checks document.readyState first, so the init runs regardless of script placement.

2. Dynamic toast creation
The memo widget has a #memo-toast element, but the "Listen" and "Copy" buttons can be clicked before the memo section is reached. So showToast() now creates the toast element on demand if it's missing, instead of silently failing.

3. sessionStorage instead of localStorage
The memo (a small "notes about today" widget) uses sessionStorage so it clears when the tab closes. No permanent tracking, no data persistence across visits. This felt like the right privacy default for a calendar that explicitly says "no tracking, no cookies."

4. Adaptive maxlength
The memo's character limit is read directly from the textarea's maxlength attribute, so the JS and HTML can never disagree.

5. Speech Synthesis voice matching
Some browsers delay loading voices. I hook onvoiceschanged and try to match by full locale first (fi-FI), then fall back to language prefix (fi), then to browser default. It's not perfect but it's noticeably better than ignoring voices entirely.

Questions for You

Is the three-page split the right call? With 58 events on one page it would be a wall of text, but maybe there's a better pattern (search, filter, collapsible sections)?
How do you handle "unverified" events? Pages 2 and 3 include events from local listings and calendars that I couldn't fully confirm. They're marked with a small "ℹ️ Local notice" badge, but I wonder if there's a cleaner approach.
Accessibility: the pages use ARIA labels, prefers-reduced-motion, prefers-contrast, and print styles. Anything obvious missing?
Performance: the HTML files are large (each ~40–60 KB) because everything is inline. Is this fine for a static site, or would you break the event data into a JSON file loaded via fetch?

Final Thoughts

This project reminded me that static, hand-crafted HTML can still be powerful in 2026. No build tools, no dependencies, no framework — just a small idea, some careful CSS, and a lot of copy about why bread, repair, and Viking ships matter.

I'm simply enjoying it.
Every day is an opportunity to learn a craft, a language, a culture, a hobby, reading — or just to sit and reflect.

🔗 Try it yourself: https://www.2026.lat/day/17/index.html

Thank you 😁🇮🇸🤍

📅 perjantaina 16. lokakuuta 2026 🕒 20.51.35 🌍 Juhlapäivät 🌍 Hiljainen kulttuurinen matka · 16. lokakuuta 2026

meow.hair — Fri, 16 Oct 2026 17:55:18 +0000

📅 perjantaina 16. lokakuuta 2026
🕒 20.51.35
🌍 Juhlapäivät 🌍
Hiljainen kulttuurinen matka · 16. lokakuuta 2026

📅 55 juhlapäivää · Maailmanlaajuiset & Paikalliset

55
Juhlapäivää
3
Maailmanlaajuista
20
Kansallista
32
Kulttuurista
Pikasiirtymät · Kolme osiota
🌍 Maailmanlaajuiset
🏛️ Kansalliset
🎉 Kulttuuriset
🤍🇫🇮😁
https://www.2026.lat/day/16/index.html

🤍 Did you know what Tuesday, 13 October holds?

meow.hair — Wed, 14 Oct 2026 05:50:07 +0000

🤍 Did you know what Tuesday, 13 October holds?

At 2026.lat, we take you on a quiet journey through 18 observances from around the world:
from Ada Lovelace Day, which honours the pioneers of science and technology — the first programmer in history 😁
to the International Day for Disaster Risk Reduction,
and the spring festivals in Australia... among other beautiful and rare stories. 🌍

🗻 Authentic texts in three languages, with no categories and no noise — just moments to read at your own pace.

🌸 Discover your day's observances now:
👉 https://www.2026.lat/day/13/index.html

🎀 #ObservancesOfTheDay #2026lat #AdaLovelace #Culture #OnThisDay

🌍 From Raw JSON to Human Stories: Building a Privacy-First Earthquake Dashboard😁

meow.hair — Sat, 10 Oct 2026 18:16:14 +0000

🌐
https://www.2026.lat/earth/10-10.html
🌍 From Raw JSON to Human Stories: Building a Privacy-First Earthquake Dashboard

Hi everyone! 🇳🇱🎀🇩🇰🤍🇫🇮🤍🏴󠁧󠁢󠁳󠁣󠁴󠁿😁

Today,10/10/2026🗻🧊 I want to share a passion project I've been working on: A real-time, privacy-first earthquake dashboard.

Like many of us, I often find myself staring at raw data feeds — like the USGS GeoJSON streams — and wondering how we can make them more accessible and meaningful for regular people. We see coordinates, magnitudes, and timestamps, but what about the story behind the numbers? What about the culture, the geography, and the human impact?

So, I decided to build something different.

🛠️ The Challenge

Most earthquake trackers are purely functional: lists of numbers and maps. While accurate, they lack context. They don't tell you where exactly "Pitaloza Arriba" is, or why an M7.7 in Panama feels different from one in Tonga due to depth and population density.

My goal was simple: Turn cold data into a warm, informative narrative without compromising user privacy.

✨ What I Built

I created a responsive, single-page application that:

Ingests live USGS data (GeoJSON) automatically.
Translates insights into four languages (English, Finnish, Danish, Dutch) instantly.
Tells a story: Instead of just showing "M7.7," it explains the geography, the local history, and the cultural context of the affected region.
Respects privacy: Zero cookies, zero tracking, zero external API calls after the initial load. Everything happens client-side.
Includes interactive features: Text-to-speech for accessibility, ephemeral memos for personal notes, and lazy-loaded maps.

💡 Why Privacy First?

In an era of data harvesting, I wanted to prove that you can build powerful, interactive tools without spying on users. The entire app runs in the browser. No server-side logging, no analytics scripts, no third-party trackers. Just pure, clean code serving the user.

🎨 The Tech Stack

HTML5 & CSS3: Using modern Glassmorphism design for a clean, dark-mode aesthetic.
Vanilla JavaScript: No heavy frameworks. Just efficient, native JS handling the data parsing, speech synthesis, and DOM manipulation.
Web Speech API: For multilingual audio narration.
OpenStreetMap: For lightweight, privacy-friendly mapping.

🚀 The Result

The result is a dashboard that feels less like a database and more like a digital magazine. It's fast, accessible, and surprisingly emotional. When a major event happens, users don't just get a number; they get a comprehensive report that respects their intelligence and their privacy.

🗻🌊Let's Connect📞

I'd love to hear your thoughts!

How do you balance data visualization with storytelling?
Have you experimented with client-side privacy in your projects?
Any tips on optimizing GeoJSON rendering for mobile devices?

Thank you so much 🇳🇱
Thanks for reading, and happy coding! 🌐🎀😁
https://www.2026.lat/earth/10-10.html

javascript #webdev #opensource #privacy #datavisualization #geography #frontend

🎾 Building a Privacy-First, Vanilla JS Language Learning Game

meow.hair — Sat, 10 Oct 2026 13:18:38 +0000

Title: 🎾 Building a Privacy-First, Vanilla JS Language Learning Game

Hi Dev.to community! 😁

As a passionate hobbyist developer, I believe educational web tools should be lightweight, respectful of user privacy, and simply fun. Today, I'm excited to share a small experiment: Ord-Tennis.

🎯 What is it?

A retro, terminal-style "Pong" game where you catch a falling ball to reveal vocabulary translations, complete with native pronunciation powered by the browser's native Web Speech API.

🛠️ Under the Hood

⚡ 100% Vanilla JS: No frameworks, no build steps. Pure HTML, CSS, and JS.
🔒 Privacy by Design: Zero cookies, zero external trackers, 100% client-side execution.
♿ Smooth & Accessible: A fixed-timestep game loop ensures consistent physics across all devices, paired with optimized touch and keyboard controls.

🌍 Languages & Culture

The hub now features 17 unique language pairs, intentionally going beyond common translations to celebrate diverse cultures. Some favorites include:

🇳🇴 Norwegian & 🏴󠁧󠁢󠁳󠁣󠁴󠁿 Scots
🇨🇭 Romansh & 🇮🇸 Icelandic
🇸🇰 Slovak & 🇫🇮 Finnish 🇫🇮🤍🇩🇰🤍🏴󠁧󠁢󠁳󠁣󠁴󠁿🤍🇳🇱🧊🗻 #### 💬 Let's Connect! I'd love to hear your thoughts. Have you experimented with native Web APIs for educational tools?

🔗 Try it out here: https://www.helo.mom/game/index.html

Thank you 😁

Tags: #javascript #webdev #privacy #gamedev #vanillajs #accessibility

📅 2026.lat 📅 Friday, 9 October 2026 🕒 17:22:24 🌍 Earthquake Summary

meow.hair — Fri, 09 Oct 2026 15:10:13 +0000

🌐
https://www.2026.lat/earth/9-10.html
📚😁🇳🇱🤍🇫🇮🤍🏴󠁧󠁢󠁳󠁣󠁴󠁿🤍🌸🇩🇰
📅 Friday, 9 October 2026
🕒 17:22:24
🌍 Earthquake Summary 🌍
Global Seismic Activity Report

📅 2026-10-09 · Last 24 Hours

Friday #Earth #earthquake

🌍 地震概要 · 2026年10月9日

世界でM4.5以上の地震10回
最大：M6.3 🇻🇺 バヌアツ
続いて：M5.5 🇵🇭 フィリピン · M5.2 🇮🇩 インドネシア

津波なし · 被害者なし

詳細を読む（EN `🏴󠁧󠁢󠁳󠁣󠁴󠁿🤍· FI 🇫🇮·🤍 DA ·🤍 🇳🇱NL）🗺️
🔗 https://www.2026.lat/earth/9-10.html

地震 #Earthquake #Vanuatu

📅 2026.lat
📅 Friday, 9 October 2026
🕒 17:22:24
🌍 Earthquake Summary 🌍
Global Seismic Activity Report

📅 2026-10-09 · Last 24 Hours

Friday #Earth #earthquake

🌍 8. lokakuuta 2026

meow.hair — Thu, 08 Oct 2026 07:02:37 +0000

🌍 8. lokakuuta 2026

Hiljainen kulttuurimatka 18 huomionosoituksen läpi
Tursaasta Kroatian itsenäisyyteen
Tylsyydestä Harry Potteriin

18 huomionosoitusta · 10 globaalia · 8 paikallista
Englanniksi ja suomeksi

🔗 https://www.2026.lat/day/8-10.html

😁

🌍 8 October 2026

A quiet cultural journey through 18 observances
From the octopus to Croatia's independence
From boredom to Harry Potter

18 observances · 10 global · 8 local
In English & Finnish

🔗 https://www.2026.lat/day/8-10.html

🌍 Earthquakes · Oct 8, 2026 13 quakes M4.5+ 🔝 5.2 Chagos 🇮🇴 🇯🇵 4.9 Yokoshiba 🇬🇸 4.9 South Sandwich

meow.hair — Thu, 08 Oct 2026 03:43:45 +0000

🌍 Earthquakes · Oct 8, 2026

13 quakes M4.5+
🔝 5.2 Chagos 🇮🇴
🇯🇵 4.9 Yokoshiba
🇬🇸 4.9 South Sandwich
🇳🇨 4.8 New Caledonia

No tsunami · No damage

🔗 https://www.2026.lat/earth/8-10.html

Monday, October 5, 2026🎉 Global Observances 🌍 💛 National Kindness Day 🤗

meow.hair — Tue, 06 Oct 2026 00:57:17 +0000

21:28:18 ⏰

Monday, October 5, 2026 📅

🎁 A Gift from 2028.mom 💝
🔗 https://www.2028.mom/2026/5.html

🎨🔤

🎉 Global Observances 🌍

Updated: 11:00 🕚

💛 National Kindness Day 🤗
United States • Unofficial Observance 🇺🇸

🏰 European Heritage Days 🇪🇺
Europe • Cultural Heritage Event 🏛️

🍎 World Teachers' Day 👩‍🏫
Global • Observance 🌍

🏠 World Habitat Day 🏘️
Global • UN Observance 🇺🇳

🏛️ World Architecture Day 🏗️
Global • Observance 🌍

🩺 International Doctors' Day 👨‍⚕️
Global • Professional Observance 🌍

🧠 World Meningitis Day 💉
Global • Health Observance 🏥

🇨🇳 National Day Golden Week 🎊
China • Public Holiday 🇨🇳

🇮🇩 Indonesian National Armed Forces Day 🎖️
Indonesia • National Observance 🇮🇩

🇰🇷 Gaecheonjeol (National Foundation Day) 🏯
South Korea • Public Holiday 🇰🇷

🇦🇺 Labour Day 👷
Australia (Australian Capital Territory) • Public Holiday 🇦🇺

🇦🇺 Territory Day 🎆
Australia (Christmas Island) • Public Holiday 🇦🇺

🇮🇹 Feast of St. Hippolytus (Patron Saint of the City) ⛪
Italy (Fiumicino) • Local Holiday 🇮🇹

🇪🇸 Local Holiday in La Gomera 🏖️
Spain (La Gomera) • Local Holiday 🇪🇸

🇨🇦 Latin-American Heritage Day (Proposed Legislation) 💃
Canada • Observance 🇨🇦

🇺🇸 Frances Xavier Cabrini Day 🙏
United States (Colorado) • State Holiday 🇺🇸

🇺🇸 National Child Health Day 👶
United States • Health Observance 🏥

🎵 National Funk Day 🕺
United States • Unofficial Observance 🇺🇸

🇲🇸 World Mental Health Week Begins 🧠
Montserrat • Observance 🇲🇸

🏺 Kate Festival of the Cham People (Begins) 🎊
Vietnam (Khanh Hoa) • Cultural Festival 🇻🇳

💃 Chuncheon International Tango Festival (Ends) 🎶
South Korea (Chuncheon) • International Cultural Festival 🇰🇷

━━━━━━━━━━━━━━━
🔗 Discover more events & gifts at:
🌐
📄 https://www.2028.mom/2026/5.html
✨ Don't miss out — visit us today! 🎁
━━━━━━━━━━━━━━━

How to Deliver Earthquake Data (Oct 3) with a Fast,

meow.hair — Sat, 03 Oct 2026 22:45:54 +0000

How to Deliver Earthquake Data (Oct 3) with a Fast, Secure, and Privacy-Respecting Web Page? 🌍⚡

In an era dominated by heavy frameworks, I decided to return to the basics to deliver something specific and meaningful: a reliable and accurate report on global seismic activity for October 3rd (38 earthquakes of M2.5+, focusing on the Kamchatka swarm).

The goal was to build a page that excels technically, where technology serves the content, not the other way around. Here is how it was achieved:

1. ⚡ Superb Performance for Instant Data Delivery

Zero external libraries. Just semantic HTML, custom CSS, and Vanilla JS. Used loading="lazy" for maps, and crucially, the visibilitychange API to pause clock updates when the tab is hidden, ensuring the October 3rd report doesn't waste the user's device resources.

2. 🔒 Privacy by Design

Reading geological data shouldn't require spying on the reader. No cookies, no tracking, and no localStorage. The "Memo" feature is designed to be strictly Ephemeral (held in browser memory only and wiped upon reload). Zero external requests.

3. ♿ Comprehensive Accessibility (a11y)

The October 3rd data must be accessible to everyone. Full screen reader support via semantic tags, aria-label, and aria-live. Respects user preferences via @media (prefers-reduced-motion) and @media (prefers-contrast: high). Even the "Copy" button smartly formats the earthquake statistics so they paste cleanly.

4. 🛡️ Security & Graceful Degradation

All external links use rel="noopener noreferrer". If the Kamchatka map fails to load (due to browser blocking or lack of WebGL support), a clear text fallback with the epicenter coordinates appears instead of a broken UI or blank screen.

💡 The Takeaway

As developers, we have the choice to build digital tools that deliver real, important data (like the Oct 3 earthquake report) beautifully, instantly, and securely, without sacrificing user privacy or device resources. The "Calm Web" is a standard we can apply today.

What do you think of this approach? Share your thoughts below! 👇

🔗 Preview the October 3 Earthquake Report

webdev #privacy #accessibility #performance #frontend #opensource #calmweb

human.html

meow.hair — Wed, 30 Sep 2026 01:19:27 +0000

https://www.zavo.mom/human.html

🎉 My Achievement Today

I Built a Complete Philosophical Web Page

Today I created a fully functional web page titled "What Nice Clothes Hide" — a bilingual (English & Finnish) philosophical article exploring the "Trust Box" model in European villages versus the "Surveillance and Exploitation" model of giant corporations.

What Makes It a Real Achievement?

Aspect Detail
Content 8 real-world examples from Finland, Germany, Switzerland, Sweden, Norway, Denmark, Scotland, and Estonia
Core Idea A bold philosophical question to CEOs: "Why don't you trust your workers?"
Languages English + Finnish, with a voice listen button for each card
Technology 765 lines, only 51 KB, with zero tracking or cookies
Accessibility WCAG 2.1 AA, screen reader ready, high contrast support
Features Live clock, auto date, copy-quote button, toast notification
Print Custom print styles that reveal link URLs
Privacy No cookies, no tracking, no logs, no ads

The One-Sentence Summary

"Today I built a page that defends trust and honor in an age of surveillance and exploitation — in two languages, under 51 kilobytes, and with zero tracking."

😁 And Tell Them This Too

"Even now, I don't know if this page will succeed… but I know it's honest."

🪑 And One More Thing…

"Some companies force their employees to stand all day and ban chairs. I built this page instead of arguing with them — because real trust needs no surveillance, and real dignity needs no permission."