pushing updated TODO.md

diff --git a/TODO.md b/TODO.md
index 274fcbf00e9933e98d83cca27fdad01287eae31c..f41442454fe5f54a54971d2adee42bd1278334c5 100644 (file)
--- a/TODO.md
+++ b/TODO.md
@@ -15,19 +15,19 @@
 - [✅] Prev/Next navigation in single articles view.
 - [✅] debug Prev/Next navigation on narrow screens (out of viewport)
 - [✅] tag cloud (reusable, homepage, 404 and sidebar for articles)
-- [ ] Analytics (privacy-respecting)
 - [✅] add back-to-top button
 - [✅] Lazy loading articles in list view
 - [✅] modify articles list view to be more of a timeline (line in middle, articles on sides)
 - [✅] remove article type labels from static pages
-- [ ] Progressive enhancement (offline support)
-- [⏳] Create accessibility badges component (WCAG 2.1 AA, Keyboard Accessible, Screen Reader Compatible)
-- [ ] Add badges to footer with links to A11Y-AUDIT-REPORT.md
-- [ ] Add accessibility section to About page (Week 6)
+- [✅] Create accessibility badges component (WCAG 2.1 AA, Keyboard Accessible, Screen Reader Compatible)
+- [✅] Add badges to footer with links to A11Y-AUDIT-REPORT.md
+- [ ] Add accessibility section to About page
 
 ### Optional Enhancements
+- [ ] Analytics (privacy-respecting)
+- [ ] Progressive enhancement (offline support)
 - [ ] New Blog/Articles with syntax highlighting
-- [ ] Breadcrumb JSON-LD structured data
+- [✅] Breadcrumb JSON-LD structured data
 - [ ] Extended screen reader testing (JAWS, TalkBack)
 - [ ] Mobile device testing (real devices, not just emulation)
 - [ ] Performance audit (Google Lighthouse)

diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index 8e94a7eaf407f1697b6100221ccc59e392c13666..9fbcaa0eca390aa3be275f1302c624e8fc6560fe 100644 (file)
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -2997,6 +2997,16 @@ article.border.border-border\/30.rounded-lg.timeline-thumb.group.bg-bg {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.outline {
+  outline-style: solid;
+}
+
+.ring {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .backdrop-blur {
   --tw-backdrop-blur: blur(8px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);