From 5cd8dfe0f833aeb1290f61c5400d0ae6a72324e6 Mon Sep 17 00:00:00 2001 From: Arjun Vinod Date: Tue, 11 Nov 2025 14:02:47 -0800 Subject: [PATCH 01/71] Enhance website: refined intro, dark/light theme toggle, remove welcome header --- index.html | 162 +++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 131 insertions(+), 31 deletions(-) diff --git a/index.html b/index.html index 1374f6c..9ef0a8e 100644 --- a/index.html +++ b/index.html @@ -11,30 +11,52 @@ +

Arjun Vinod

+
+ +
-

Welcome to My Website

-

Hi! I'm Arjun, a Firmware Engineer based in Silicon Valley with expertise in embedded systems and hardware interfaces.

+

Hi! I'm Arjun, a Firmware Engineer based in Silicon Valley. I specialize in developing high-performance embedded systems, optimizing firmware for data center infrastructure, and designing robust hardware interfaces for next-generation connectivity solutions.

Experience

From 5274d11048451266aeeef4aa1f6f44ede30b334e Mon Sep 17 00:00:00 2001 From: Arjun Vinod Date: Tue, 11 Nov 2025 15:13:48 -0800 Subject: [PATCH 02/71] books: robust cover loading with ISBN fallbacks and theme-aware placeholder; improve alt text --- books.html | 619 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 619 insertions(+) create mode 100644 books.html diff --git a/books.html b/books.html new file mode 100644 index 0000000..af80d5e --- /dev/null +++ b/books.html @@ -0,0 +1,619 @@ + + + + + + + Books | Arjun Vinod + + + + + + + + + +
+
+

Arjun Vinod

+
+
+ +
+ Books +
+
+
+ +
+
+
+
+
+
+

Reading List

+ +

2025

+

+ A collection of books exploring macroeconomics, financial systems, and monetary history. +

+ +
+
+ + The Deficit Myth by Stephanie Kelton + +
+
+
The Deficit Myth: Modern Monetary Theory and the Birth of the People's Economy
+
by Stephanie Kelton
+
+
+ +
+
+ + Layered Money by Nik Bhatia + +
+
+
Layered Money: From Gold and Dollars to Bitcoin and Central Bank Digital Currencies
+
by Nik Bhatia
+
+
+ +
+
+ + The Price of Tomorrow by Jeff Booth + +
+
+
The Price of Tomorrow: Why Deflation Is the Key to an Abundant Future
+
by Jeff Booth
+
+
+ +
+
+ + The Big Print by Lawrence Lepard + +
+
+
The Big Print: What Happened to America and How Sound Money Will Fix It
+
by Lawrence Lepard
+
+
+ +
+
+ + The Case Against the Fed by Murray N. Rothbard + +
+
+
The Case Against the Fed
+
by Murray N. Rothbard
+
+
+ +
+
+ + Paper Soldiers by Saleha Mohsin + +
+
+
Paper Soldiers: How the Weaponization of the Dollar Changed the World Order
+
by Saleha Mohsin
+
+
+
+
+ + + From a59bff364f058986ee44a7a2b40b76bbf2a00967 Mon Sep 17 00:00:00 2001 From: Arjun Vinod Date: Tue, 11 Nov 2025 15:16:19 -0800 Subject: [PATCH 03/71] index: update landing content and keep header/footer consistent with books page --- index.html | 103 ++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 98 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 9ef0a8e..80e6b55 100644 --- a/index.html +++ b/index.html @@ -194,6 +194,72 @@ justify-content: space-between; align-items: center; } + .header-right { + display: flex; + gap: 1rem; + align-items: center; + } + .menu-wrapper { + position: relative; + } + .menu-button { + background: none; + border: 1px solid var(--border-color); + color: var(--text-primary); + cursor: pointer; + padding: 0.5rem 0.75rem; + border-radius: 5px; + font-size: 1rem; + transition: all 0.3s ease; + display: flex; + align-items: center; + gap: 0.5rem; + } + .menu-button:hover { + background-color: var(--border-color); + } + .menu-dropdown { + position: absolute; + top: calc(100% + 0.5rem); + right: 0; + background-color: var(--container-bg); + border: 1px solid var(--border-color); + border-radius: 5px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + min-width: 150px; + display: none; + z-index: 1000; + } + .menu-dropdown.show { + display: block; + } + .menu-dropdown a { + display: block; + padding: 0.75rem 1rem; + color: var(--text-primary); + text-decoration: none; + transition: background-color 0.3s ease; + } + .menu-dropdown a:hover { + background-color: var(--border-color); + } + .menu-dropdown a:first-child { + border-radius: 5px 5px 0 0; + } + .menu-dropdown a:last-child { + border-radius: 0 0 5px 5px; + } + nav a { + color: var(--text-primary); + text-decoration: none; + font-size: 0.95rem; + padding: 0.5rem 1rem; + border-radius: 5px; + transition: background-color 0.3s ease; + } + nav a:hover { + background-color: var(--border-color); + } header h1 { color: var(--text-primary); margin: 0; @@ -343,18 +409,45 @@ const icon = document.querySelector('.theme-toggle-slider i'); icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; }); + + // Menu dropdown toggle + function toggleMenu() { + const dropdown = document.querySelector('.menu-dropdown'); + dropdown.classList.toggle('show'); + } + + // Close dropdown when clicking outside + document.addEventListener('click', function(event) { + const menuWrapper = document.querySelector('.menu-wrapper'); + if (menuWrapper && !menuWrapper.contains(event.target)) { + const dropdown = document.querySelector('.menu-dropdown'); + if (dropdown) { + dropdown.classList.remove('show'); + } + } + });

Arjun Vinod

-
- +
+ Books
- +
+
+ +
From 676eb2beea4e27ad9efd02295422e032d2b21aa9 Mon Sep 17 00:00:00 2001 From: Arjun Vinod Date: Tue, 11 Nov 2025 15:19:34 -0800 Subject: [PATCH 04/71] footer: replace Twitter bird icon with new X brand icon (Font Awesome) --- books.html | 4 ++-- index.html | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/books.html b/books.html index af80d5e..8416ab0 100644 --- a/books.html +++ b/books.html @@ -599,8 +599,8 @@

2025

- - + + diff --git a/index.html b/index.html index 80e6b55..447ce23 100644 --- a/index.html +++ b/index.html @@ -512,8 +512,8 @@

Bachelor of Engineering (B.E.), Electrical, Electronics and Communications E

- - + + From 561c7c74bb52a338f950980e98300581df9b87fa Mon Sep 17 00:00:00 2001 From: Arjun Vinod Date: Tue, 11 Nov 2025 15:25:39 -0800 Subject: [PATCH 05/71] perf+accessibility+seo: quick wins (aria labels, skip link, lazy images, canonical, OG/Twitter meta, menu nav, heading hierarchy) --- books.html | 88 ++++++++++++++++++++++++++++++++++++++---------------- index.html | 57 ++++++++++++++++++++++++++++------- 2 files changed, 110 insertions(+), 35 deletions(-) diff --git a/books.html b/books.html index 8416ab0..acbcc7b 100644 --- a/books.html +++ b/books.html @@ -4,13 +4,45 @@ + Books | Arjun Vinod + + + + + + + + + + + + + diff --git a/index.html b/index.html index b4a86a0..9b92ccd 100644 --- a/index.html +++ b/index.html @@ -98,29 +98,8 @@ const icon = document.querySelector('.theme-toggle-slider i'); icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; }); - - // Menu dropdown toggle - function toggleMenu() { - const dropdown = document.querySelector('.menu-dropdown'); - const btn = document.querySelector('.menu-button'); - const willShow = !dropdown.classList.contains('show'); - dropdown.classList.toggle('show'); - if (btn) btn.setAttribute('aria-expanded', willShow ? 'true' : 'false'); - } - - // Close dropdown when clicking outside - document.addEventListener('click', function(event) { - const menuWrapper = document.querySelector('.menu-wrapper'); - if (menuWrapper && !menuWrapper.contains(event.target)) { - const dropdown = document.querySelector('.menu-dropdown'); - if (dropdown) { - dropdown.classList.remove('show'); - const btn = document.querySelector('.menu-button'); - if (btn) btn.setAttribute('aria-expanded', 'false'); - } - } - }); + diff --git a/js/menu.js b/js/menu.js new file mode 100644 index 0000000..eedb89a --- /dev/null +++ b/js/menu.js @@ -0,0 +1,21 @@ +// Menu dropdown toggle +function toggleMenu() { + const dropdown = document.querySelector('.menu-dropdown'); + const btn = document.querySelector('.menu-button'); + const willShow = !dropdown.classList.contains('show'); + dropdown.classList.toggle('show'); + if (btn) btn.setAttribute('aria-expanded', willShow ? 'true' : 'false'); +} + +// Close dropdown when clicking outside +document.addEventListener('click', function(event) { + const menuWrapper = document.querySelector('.menu-wrapper'); + if (menuWrapper && !menuWrapper.contains(event.target)) { + const dropdown = document.querySelector('.menu-dropdown'); + if (dropdown) { + dropdown.classList.remove('show'); + const btn = document.querySelector('.menu-button'); + if (btn) btn.setAttribute('aria-expanded', 'false'); + } + } +}); From a3fb8650de366fda33045302bc30cfab97863ce9 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 12 Nov 2025 05:00:27 +0000 Subject: [PATCH 15/71] refactor: extract shared JavaScript to common.js Co-authored-by: arjun7965 <15646612+arjun7965@users.noreply.github.com> --- books.html | 46 ++-------------------------------------------- index.html | 47 +---------------------------------------------- js/common.js | 45 +++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 48 insertions(+), 90 deletions(-) create mode 100644 js/common.js diff --git a/books.html b/books.html index 9eaf5f8..ba86b2d 100644 --- a/books.html +++ b/books.html @@ -47,23 +47,8 @@ font-size: 0.9rem; } + diff --git a/index.html b/index.html index b4a86a0..40ccf04 100644 --- a/index.html +++ b/index.html @@ -75,52 +75,7 @@ font-size: 0.9rem; } - + diff --git a/js/common.js b/js/common.js new file mode 100644 index 0000000..0d79504 --- /dev/null +++ b/js/common.js @@ -0,0 +1,45 @@ +// Theme management +// Check for saved theme preference or default to light mode +const currentTheme = localStorage.getItem('theme') || 'light'; +document.documentElement.setAttribute('data-theme', currentTheme); + +function toggleTheme() { + const theme = document.documentElement.getAttribute('data-theme'); + const newTheme = theme === 'light' ? 'dark' : 'light'; + + document.documentElement.setAttribute('data-theme', newTheme); + localStorage.setItem('theme', newTheme); + + // Update icon + const icon = document.querySelector('.theme-toggle-slider i'); + icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; +} + +// Set initial icon on page load +window.addEventListener('DOMContentLoaded', (event) => { + const theme = document.documentElement.getAttribute('data-theme'); + const icon = document.querySelector('.theme-toggle-slider i'); + if (icon) icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; +}); + +// Menu dropdown toggle +function toggleMenu() { + const dropdown = document.querySelector('.menu-dropdown'); + const btn = document.querySelector('.menu-button'); + const willShow = !dropdown.classList.contains('show'); + dropdown.classList.toggle('show'); + if (btn) btn.setAttribute('aria-expanded', willShow ? 'true' : 'false'); +} + +// Close dropdown when clicking outside +document.addEventListener('click', function(event) { + const menuWrapper = document.querySelector('.menu-wrapper'); + if (menuWrapper && !menuWrapper.contains(event.target)) { + const dropdown = document.querySelector('.menu-dropdown'); + if (dropdown) { + dropdown.classList.remove('show'); + const btn = document.querySelector('.menu-button'); + if (btn) btn.setAttribute('aria-expanded', 'false'); + } + } +}); From ea60dcb11982d5d650908fa802f368871a26ee27 Mon Sep 17 00:00:00 2001 From: Arjun Vinod Date: Tue, 11 Nov 2025 21:14:50 -0800 Subject: [PATCH 16/71] Remove unused common.js file --- js/common.js | 45 --------------------------------------------- 1 file changed, 45 deletions(-) delete mode 100644 js/common.js diff --git a/js/common.js b/js/common.js deleted file mode 100644 index 0d79504..0000000 --- a/js/common.js +++ /dev/null @@ -1,45 +0,0 @@ -// Theme management -// Check for saved theme preference or default to light mode -const currentTheme = localStorage.getItem('theme') || 'light'; -document.documentElement.setAttribute('data-theme', currentTheme); - -function toggleTheme() { - const theme = document.documentElement.getAttribute('data-theme'); - const newTheme = theme === 'light' ? 'dark' : 'light'; - - document.documentElement.setAttribute('data-theme', newTheme); - localStorage.setItem('theme', newTheme); - - // Update icon - const icon = document.querySelector('.theme-toggle-slider i'); - icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; -} - -// Set initial icon on page load -window.addEventListener('DOMContentLoaded', (event) => { - const theme = document.documentElement.getAttribute('data-theme'); - const icon = document.querySelector('.theme-toggle-slider i'); - if (icon) icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; -}); - -// Menu dropdown toggle -function toggleMenu() { - const dropdown = document.querySelector('.menu-dropdown'); - const btn = document.querySelector('.menu-button'); - const willShow = !dropdown.classList.contains('show'); - dropdown.classList.toggle('show'); - if (btn) btn.setAttribute('aria-expanded', willShow ? 'true' : 'false'); -} - -// Close dropdown when clicking outside -document.addEventListener('click', function(event) { - const menuWrapper = document.querySelector('.menu-wrapper'); - if (menuWrapper && !menuWrapper.contains(event.target)) { - const dropdown = document.querySelector('.menu-dropdown'); - if (dropdown) { - dropdown.classList.remove('show'); - const btn = document.querySelector('.menu-button'); - if (btn) btn.setAttribute('aria-expanded', 'false'); - } - } -}); From 86bc986e62b07e7dfa0a5d499a02893256f6a5ac Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 12 Nov 2025 05:17:22 +0000 Subject: [PATCH 17/71] Initial plan From c8a09d045ce40f32222cc4e12c8745594042cb50 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 12 Nov 2025 05:19:45 +0000 Subject: [PATCH 18/71] Fix text consistency in books page description Co-authored-by: arjun7965 <15646612+arjun7965@users.noreply.github.com> --- books.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/books.html b/books.html index d4e281c..9bde554 100644 --- a/books.html +++ b/books.html @@ -209,7 +209,7 @@

Reading List

2025

- A collection of books exploring macroeconomics, financial and monetary history. + A collection of books exploring macroeconomics, financial systems, and monetary history.

From a958754aa67b5ad5285c0ab8569bb252ed7f5dc8 Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Tue, 11 Nov 2025 21:37:09 -0800 Subject: [PATCH 19/71] Update books.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- books.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/books.html b/books.html index 9bde554..10eb30f 100644 --- a/books.html +++ b/books.html @@ -16,8 +16,8 @@ - - + + From c63d90026d400bbbe5e207445e974c4f1ee2d9be Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Tue, 11 Nov 2025 21:38:07 -0800 Subject: [PATCH 20/71] Apply suggestions from code review Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- books.html | 6 +++--- index.html | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/books.html b/books.html index 10eb30f..29a52a0 100644 --- a/books.html +++ b/books.html @@ -41,7 +41,7 @@ } .copyright { text-align: center; - margin-left: 200px; + /* Removed hardcoded margin-left: 200px for better responsiveness */ } .footer-email { font-size: 0.9rem; @@ -122,8 +122,8 @@ function generatePlaceholderDataURI(title, author) { const bg = document.documentElement.getAttribute('data-theme') === 'dark' ? '#2d2d2d' : '#e9eef3'; const fg = document.documentElement.getAttribute('data-theme') === 'dark' ? '#d0d0d0' : '#2c3e50'; - const safeTitle = (title || 'No cover').replace(/&/g, '&').replace(/ diff --git a/index.html b/index.html index 35048cf..3ec0a62 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,7 @@ - + From 07bf8d146a247170b09b39ee5e07422deeb49584 Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Tue, 11 Nov 2025 21:41:03 -0800 Subject: [PATCH 21/71] Apply suggestions from code review Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- index.html | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 3ec0a62..db82a77 100644 --- a/index.html +++ b/index.html @@ -69,7 +69,7 @@ } .copyright { text-align: center; - margin-left: 200px; + /* Removed hardcoded margin-left: 200px; for better responsiveness */ } .footer-email { font-size: 0.9rem; @@ -90,14 +90,16 @@ // Update icon const icon = document.querySelector('.theme-toggle-slider i'); - icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; + if (icon) icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; } // Set initial icon on page load window.addEventListener('DOMContentLoaded', (event) => { const theme = document.documentElement.getAttribute('data-theme'); const icon = document.querySelector('.theme-toggle-slider i'); - icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; + if (icon) { + icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; + } }); From d98bef5b745ed690c94cc0d805928f5eddf7e22d Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Tue, 11 Nov 2025 21:41:42 -0800 Subject: [PATCH 22/71] Apply suggestions from code review Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- js/theme.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/js/theme.js b/js/theme.js index 479ed12..1454b1c 100644 --- a/js/theme.js +++ b/js/theme.js @@ -13,7 +13,7 @@ function toggleTheme() { // Update icon const icon = document.querySelector('.theme-toggle-slider i'); - icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; + if (icon) icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; } // Set initial icon on page load From 15b43fcb7d29a2294d4d4d0d7e09203415184e3b Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 12 Nov 2025 05:42:25 +0000 Subject: [PATCH 23/71] Initial plan From 5c22b3bdedaf7f231c010d19ec256f947b6b855a Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 12 Nov 2025 05:43:36 +0000 Subject: [PATCH 24/71] Initial plan From 1280a334207e2762fc55525ee2c8ea7b722a277b Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 12 Nov 2025 05:45:30 +0000 Subject: [PATCH 25/71] Fix ARIA implementation: use ID selector for menu-dropdown Co-authored-by: arjun7965 <15646612+arjun7965@users.noreply.github.com> --- js/menu.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/js/menu.js b/js/menu.js index eedb89a..8aac26e 100644 --- a/js/menu.js +++ b/js/menu.js @@ -1,6 +1,6 @@ // Menu dropdown toggle function toggleMenu() { - const dropdown = document.querySelector('.menu-dropdown'); + const dropdown = document.querySelector('#menu-dropdown'); const btn = document.querySelector('.menu-button'); const willShow = !dropdown.classList.contains('show'); dropdown.classList.toggle('show'); @@ -11,7 +11,7 @@ function toggleMenu() { document.addEventListener('click', function(event) { const menuWrapper = document.querySelector('.menu-wrapper'); if (menuWrapper && !menuWrapper.contains(event.target)) { - const dropdown = document.querySelector('.menu-dropdown'); + const dropdown = document.querySelector('#menu-dropdown'); if (dropdown) { dropdown.classList.remove('show'); const btn = document.querySelector('.menu-button'); From c09f96a7029595ee52fa44fb87e795ca53ea94c1 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 12 Nov 2025 05:46:36 +0000 Subject: [PATCH 26/71] Fix JavaScript selector to use ID for proper ARIA implementation Co-authored-by: arjun7965 <15646612+arjun7965@users.noreply.github.com> --- js/menu.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/js/menu.js b/js/menu.js index eedb89a..8aac26e 100644 --- a/js/menu.js +++ b/js/menu.js @@ -1,6 +1,6 @@ // Menu dropdown toggle function toggleMenu() { - const dropdown = document.querySelector('.menu-dropdown'); + const dropdown = document.querySelector('#menu-dropdown'); const btn = document.querySelector('.menu-button'); const willShow = !dropdown.classList.contains('show'); dropdown.classList.toggle('show'); @@ -11,7 +11,7 @@ function toggleMenu() { document.addEventListener('click', function(event) { const menuWrapper = document.querySelector('.menu-wrapper'); if (menuWrapper && !menuWrapper.contains(event.target)) { - const dropdown = document.querySelector('.menu-dropdown'); + const dropdown = document.querySelector('#menu-dropdown'); if (dropdown) { dropdown.classList.remove('show'); const btn = document.querySelector('.menu-button'); From e374ebfc715d3cc14d06b92e21f5c1fa7ed7ff0a Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Tue, 11 Nov 2025 21:56:57 -0800 Subject: [PATCH 27/71] Update js/menu.js Add keyboard event listeners to close the dropdown on Escape key press and when focus leaves the menu area. Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- js/menu.js | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/js/menu.js b/js/menu.js index 8aac26e..1b17a7e 100644 --- a/js/menu.js +++ b/js/menu.js @@ -19,3 +19,31 @@ document.addEventListener('click', function(event) { } } }); + +// Close dropdown on Escape key press +document.addEventListener('keydown', function(event) { + if (event.key === 'Escape' || event.key === 'Esc') { + const dropdown = document.querySelector('#menu-dropdown'); + if (dropdown && dropdown.classList.contains('show')) { + dropdown.classList.remove('show'); + const btn = document.querySelector('.menu-button'); + if (btn) btn.setAttribute('aria-expanded', 'false'); + } + } +}); + +// Close dropdown when focus leaves the menu area +const menuWrapper = document.querySelector('.menu-wrapper'); +if (menuWrapper) { + menuWrapper.addEventListener('focusout', function(event) { + // If the newly focused element is not inside the menu wrapper, close the dropdown + if (!menuWrapper.contains(event.relatedTarget)) { + const dropdown = document.querySelector('#menu-dropdown'); + if (dropdown && dropdown.classList.contains('show')) { + dropdown.classList.remove('show'); + const btn = document.querySelector('.menu-button'); + if (btn) btn.setAttribute('aria-expanded', 'false'); + } + } + }); +} From 73d578b16f4edaa577227c9aaf02a973d2840edf Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Tue, 11 Nov 2025 21:58:05 -0800 Subject: [PATCH 28/71] Update index.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- index.html | 26 -------------------------- 1 file changed, 26 deletions(-) diff --git a/index.html b/index.html index db82a77..d9e4d7f 100644 --- a/index.html +++ b/index.html @@ -76,32 +76,6 @@ } - From a4148c96c1b780e8111b568a7280e93ae766ab03 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 12 Nov 2025 05:58:46 +0000 Subject: [PATCH 29/71] Initial plan From b9f67b7d84e1d29a63668d0192f986fb7b16c640 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Wed, 12 Nov 2025 06:07:05 +0000 Subject: [PATCH 30/71] Add theme change listener to regenerate placeholder book covers Co-authored-by: arjun7965 <15646612+arjun7965@users.noreply.github.com> --- books.html | 10 ++++++++++ js/theme.js | 3 +++ 2 files changed, 13 insertions(+) diff --git a/books.html b/books.html index 29a52a0..e9a7f0b 100644 --- a/books.html +++ b/books.html @@ -176,6 +176,16 @@ tryLoadCover(img); }); }); + + // Listen for theme changes and regenerate placeholder images + document.addEventListener('themeChanged', () => { + // Only regenerate placeholder images, not real book covers + document.querySelectorAll('.book-cover img[data-loaded="placeholder"]').forEach(img => { + const title = img.getAttribute('alt') || img.dataset.title || ''; + const author = img.dataset.author || ''; + img.src = generatePlaceholderDataURI(title, author); + }); + }); diff --git a/js/theme.js b/js/theme.js index 1454b1c..31ed892 100644 --- a/js/theme.js +++ b/js/theme.js @@ -14,6 +14,9 @@ function toggleTheme() { // Update icon const icon = document.querySelector('.theme-toggle-slider i'); if (icon) icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; + + // Dispatch custom event for theme change + document.dispatchEvent(new CustomEvent('themeChanged', { detail: { theme: newTheme } })); } // Set initial icon on page load From ca59fbc40f983923c322ab85a492391279dc4a9c Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Wed, 12 Nov 2025 22:00:57 -0800 Subject: [PATCH 31/71] Update js/theme.js Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- js/theme.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/js/theme.js b/js/theme.js index 31ed892..7401b5d 100644 --- a/js/theme.js +++ b/js/theme.js @@ -20,7 +20,7 @@ function toggleTheme() { } // Set initial icon on page load -window.addEventListener('DOMContentLoaded', (event) => { +window.addEventListener('DOMContentLoaded', () => { const theme = document.documentElement.getAttribute('data-theme'); const icon = document.querySelector('.theme-toggle-slider i'); if (icon) icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; From 8fbe3ff9bf133f538e46439e75dba7786adf01c1 Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Wed, 12 Nov 2025 22:02:03 -0800 Subject: [PATCH 32/71] Update books.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- books.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/books.html b/books.html index e9a7f0b..6a4e1d5 100644 --- a/books.html +++ b/books.html @@ -193,7 +193,7 @@
-

Arjun Vinod

+
-
+

Hi! I'm Arjun, a Firmware Engineer based in Silicon Valley. I specialize in developing high-performance embedded systems, optimizing firmware for data center infrastructure, and designing robust hardware interfaces for next-generation connectivity solutions.

From b5bb5de4514f64edc1f5ce92dd7ef32470051742 Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Wed, 12 Nov 2025 22:04:51 -0800 Subject: [PATCH 34/71] Update js/menu.js The menuWrapper element is queried at script load time, which may execute before the DOM is fully loaded. This could result in menuWrapper being null and the event listener never being attached. Wrap this code in a DOMContentLoaded event listener or move it to after the DOM is ready, similar to how it's done in theme.js at line 23. Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- js/menu.js | 28 +++++++++++++++------------- 1 file changed, 15 insertions(+), 13 deletions(-) diff --git a/js/menu.js b/js/menu.js index 1b17a7e..3db9786 100644 --- a/js/menu.js +++ b/js/menu.js @@ -33,17 +33,19 @@ document.addEventListener('keydown', function(event) { }); // Close dropdown when focus leaves the menu area -const menuWrapper = document.querySelector('.menu-wrapper'); -if (menuWrapper) { - menuWrapper.addEventListener('focusout', function(event) { - // If the newly focused element is not inside the menu wrapper, close the dropdown - if (!menuWrapper.contains(event.relatedTarget)) { - const dropdown = document.querySelector('#menu-dropdown'); - if (dropdown && dropdown.classList.contains('show')) { - dropdown.classList.remove('show'); - const btn = document.querySelector('.menu-button'); - if (btn) btn.setAttribute('aria-expanded', 'false'); +document.addEventListener('DOMContentLoaded', function() { + const menuWrapper = document.querySelector('.menu-wrapper'); + if (menuWrapper) { + menuWrapper.addEventListener('focusout', function(event) { + // If the newly focused element is not inside the menu wrapper, close the dropdown + if (!menuWrapper.contains(event.relatedTarget)) { + const dropdown = document.querySelector('#menu-dropdown'); + if (dropdown && dropdown.classList.contains('show')) { + dropdown.classList.remove('show'); + const btn = document.querySelector('.menu-button'); + if (btn) btn.setAttribute('aria-expanded', 'false'); + } } - } - }); -} + }); + } +}); From 650bc01df62cc86c11e1948359ed0c6752063f65 Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Wed, 12 Nov 2025 22:05:30 -0800 Subject: [PATCH 35/71] Update books.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- books.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/books.html b/books.html index 6a4e1d5..28e326b 100644 --- a/books.html +++ b/books.html @@ -225,7 +225,7 @@

2025

- The Deficit Myth by Stephanie Kelton + The Deficit Myth by Stephanie Kelton
From c202a70966aa018375106b20dde596b45e74c409 Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Wed, 12 Nov 2025 22:08:26 -0800 Subject: [PATCH 36/71] Update js/menu.js Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- js/menu.js | 42 ++++++++++++++++++++++-------------------- 1 file changed, 22 insertions(+), 20 deletions(-) diff --git a/js/menu.js b/js/menu.js index 3db9786..07adc8c 100644 --- a/js/menu.js +++ b/js/menu.js @@ -7,29 +7,31 @@ function toggleMenu() { if (btn) btn.setAttribute('aria-expanded', willShow ? 'true' : 'false'); } -// Close dropdown when clicking outside -document.addEventListener('click', function(event) { - const menuWrapper = document.querySelector('.menu-wrapper'); - if (menuWrapper && !menuWrapper.contains(event.target)) { - const dropdown = document.querySelector('#menu-dropdown'); - if (dropdown) { - dropdown.classList.remove('show'); - const btn = document.querySelector('.menu-button'); - if (btn) btn.setAttribute('aria-expanded', 'false'); +// Close dropdown when clicking outside and on Escape key press, after DOM is ready +document.addEventListener('DOMContentLoaded', function() { + document.addEventListener('click', function(event) { + const menuWrapper = document.querySelector('.menu-wrapper'); + if (menuWrapper && !menuWrapper.contains(event.target)) { + const dropdown = document.querySelector('#menu-dropdown'); + if (dropdown) { + dropdown.classList.remove('show'); + const btn = document.querySelector('.menu-button'); + if (btn) btn.setAttribute('aria-expanded', 'false'); + } } - } -}); + }); -// Close dropdown on Escape key press -document.addEventListener('keydown', function(event) { - if (event.key === 'Escape' || event.key === 'Esc') { - const dropdown = document.querySelector('#menu-dropdown'); - if (dropdown && dropdown.classList.contains('show')) { - dropdown.classList.remove('show'); - const btn = document.querySelector('.menu-button'); - if (btn) btn.setAttribute('aria-expanded', 'false'); + // Close dropdown on Escape key press + document.addEventListener('keydown', function(event) { + if (event.key === 'Escape' || event.key === 'Esc') { + const dropdown = document.querySelector('#menu-dropdown'); + if (dropdown && dropdown.classList.contains('show')) { + dropdown.classList.remove('show'); + const btn = document.querySelector('.menu-button'); + if (btn) btn.setAttribute('aria-expanded', 'false'); + } } - } + }); }); // Close dropdown when focus leaves the menu area From 86681a2c3b5215ef35b2192aa49ae47852a845a5 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Thu, 13 Nov 2025 06:11:00 +0000 Subject: [PATCH 37/71] Initial plan From c4a803fda9443c626e21e06f790507df2c3e948d Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Thu, 13 Nov 2025 06:15:43 +0000 Subject: [PATCH 38/71] Address code review nitpicks: move inline styles to CSS classes, fix semantic markup, optimize JS Co-authored-by: arjun7965 <15646612+arjun7965@users.noreply.github.com> --- books.html | 10 +++++----- css/styles.css | 11 ++++++++++ index.html | 6 +++--- js/menu.js | 54 ++++++++++++++++++++++---------------------------- 4 files changed, 43 insertions(+), 38 deletions(-) diff --git a/books.html b/books.html index 28e326b..dfd4aa3 100644 --- a/books.html +++ b/books.html @@ -170,7 +170,7 @@ } // Resolve book covers on page load - window.addEventListener('DOMContentLoaded', (event) => { + window.addEventListener('DOMContentLoaded', () => { // Resolve covers with fallbacks/alternates document.querySelectorAll('.book-cover img[data-isbn]').forEach(img => { tryLoadCover(img); @@ -193,7 +193,7 @@
- +
-
+
© 2025 Arjun Vinod. All rights reserved.
@@ -319,7 +319,7 @@

2025

- me@arjunvinod.com + me@arjunvinod.com
diff --git a/css/styles.css b/css/styles.css index 79b8a79..02eb4b1 100644 --- a/css/styles.css +++ b/css/styles.css @@ -126,6 +126,17 @@ footer { background-color: transparent; color: var(--text-muted); padding: 0.75r /* Skip Link */ .skip-link { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .skip-link:focus { position: static; width: auto; height: auto; padding: 0.5rem 0.75rem; background: var(--container-bg); border: 1px solid var(--border-color); border-radius: 5px; margin: 0.5rem; } +/* Footer Specific */ +.footer-copyright { margin-top: 0.5rem; font-size: 0.9rem; color: var(--text-muted); } +.footer-email-link { color: var(--text-muted); text-decoration: none; } +.footer-email-link:hover { text-decoration: underline; } +/* Section Description */ +.section-description { color: var(--text-secondary); font-size: 0.95rem; margin-bottom: 1.5rem; font-style: italic; } +/* Site Logo */ +.site-logo { font-size: 1.2rem; font-weight: 500; } +.site-logo a { position: relative; text-decoration: none; color: inherit; } +.site-logo a:after { content: ''; position: absolute; width: 100%; height: 1px; bottom: -2px; left: 0; background-color: var(--link-color); transform: scaleX(0); transform-origin: bottom right; transition: transform 0.2s ease-out; } +.site-logo a:hover:after { transform: scaleX(1); transform-origin: bottom left; } /* Books Page Shared Elements */ .book-item { margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--border-color); display: flex; gap: 1.5rem; align-items: flex-start; } .book-item:last-child { border-bottom: none; } diff --git a/index.html b/index.html index ba09552..af62234 100644 --- a/index.html +++ b/index.html @@ -82,7 +82,7 @@
-

Arjun Vinod

+
-
+
© 2025 Arjun Vinod. All rights reserved.
@@ -174,7 +174,7 @@

Bachelor of Engineering (B.E.), Electrical, Electronics and Communications E

- me@arjunvinod.com + me@arjunvinod.com
diff --git a/js/menu.js b/js/menu.js index 07adc8c..e46038b 100644 --- a/js/menu.js +++ b/js/menu.js @@ -7,47 +7,41 @@ function toggleMenu() { if (btn) btn.setAttribute('aria-expanded', willShow ? 'true' : 'false'); } -// Close dropdown when clicking outside and on Escape key press, after DOM is ready +// Close dropdown when clicking outside, on Escape key press, and when focus leaves the menu area document.addEventListener('DOMContentLoaded', function() { + // Cache DOM elements + const menuWrapper = document.querySelector('.menu-wrapper'); + const dropdown = document.querySelector('#menu-dropdown'); + const btn = document.querySelector('.menu-button'); + + if (!menuWrapper || !dropdown || !btn) return; + + // Close dropdown when clicking outside document.addEventListener('click', function(event) { - const menuWrapper = document.querySelector('.menu-wrapper'); - if (menuWrapper && !menuWrapper.contains(event.target)) { - const dropdown = document.querySelector('#menu-dropdown'); - if (dropdown) { - dropdown.classList.remove('show'); - const btn = document.querySelector('.menu-button'); - if (btn) btn.setAttribute('aria-expanded', 'false'); - } + if (!menuWrapper.contains(event.target)) { + dropdown.classList.remove('show'); + btn.setAttribute('aria-expanded', 'false'); } }); // Close dropdown on Escape key press document.addEventListener('keydown', function(event) { if (event.key === 'Escape' || event.key === 'Esc') { - const dropdown = document.querySelector('#menu-dropdown'); - if (dropdown && dropdown.classList.contains('show')) { + if (dropdown.classList.contains('show')) { dropdown.classList.remove('show'); - const btn = document.querySelector('.menu-button'); - if (btn) btn.setAttribute('aria-expanded', 'false'); + btn.setAttribute('aria-expanded', 'false'); } } }); -}); - -// Close dropdown when focus leaves the menu area -document.addEventListener('DOMContentLoaded', function() { - const menuWrapper = document.querySelector('.menu-wrapper'); - if (menuWrapper) { - menuWrapper.addEventListener('focusout', function(event) { - // If the newly focused element is not inside the menu wrapper, close the dropdown - if (!menuWrapper.contains(event.relatedTarget)) { - const dropdown = document.querySelector('#menu-dropdown'); - if (dropdown && dropdown.classList.contains('show')) { - dropdown.classList.remove('show'); - const btn = document.querySelector('.menu-button'); - if (btn) btn.setAttribute('aria-expanded', 'false'); - } + + // Close dropdown when focus leaves the menu area + menuWrapper.addEventListener('focusout', function(event) { + // If the newly focused element is not inside the menu wrapper, close the dropdown + if (!menuWrapper.contains(event.relatedTarget)) { + if (dropdown.classList.contains('show')) { + dropdown.classList.remove('show'); + btn.setAttribute('aria-expanded', 'false'); } - }); - } + } + }); }); From d7821bbbadf7a17223ab54f9a2f6ccab11205e95 Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Wed, 12 Nov 2025 22:31:22 -0800 Subject: [PATCH 39/71] Update books.html all ISBN candidates are probed simultaneously, and the first successful response is used. This would improve perceived performance for books with multiple ISBN candidates. Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- books.html | 55 ++++++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 41 insertions(+), 14 deletions(-) diff --git a/books.html b/books.html index dfd4aa3..73cf16a 100644 --- a/books.html +++ b/books.html @@ -141,32 +141,59 @@ const title = img.getAttribute('alt') || img.dataset.title || ''; const author = img.dataset.author || ''; const isbns = buildIsbnCandidates(img); - let idx = 0; - function attemptNext() { - if (idx >= isbns.length) { - img.src = generatePlaceholderDataURI(title, author); - img.dataset.loaded = 'placeholder'; - return; - } - const isbn = isbns[idx++]; + if (isbns.length === 0) { + img.src = generatePlaceholderDataURI(title, author); + img.dataset.loaded = 'placeholder'; + return; + } + + let settled = false; + let remaining = isbns.length; + const probes = []; + + function cleanup() { + // Remove event handlers and references to avoid leaks + probes.forEach(probe => { + probe.onload = null; + probe.onerror = null; + }); + } + + isbns.forEach(isbn => { const testUrl = openLibraryUrlForIsbn(isbn); - // Create a temp image to avoid messing with main until success const probe = new Image(); + probes.push(probe); probe.onload = function() { + if (settled) return; // Some servers may return 1x1 for missing; guard if (probe.naturalWidth <= 1 || probe.naturalHeight <= 1) { - attemptNext(); + remaining--; + if (remaining === 0 && !settled) { + settled = true; + img.src = generatePlaceholderDataURI(title, author); + img.dataset.loaded = 'placeholder'; + cleanup(); + } return; } + settled = true; img.src = testUrl; img.dataset.loaded = isbn; + cleanup(); + }; + probe.onerror = function() { + if (settled) return; + remaining--; + if (remaining === 0 && !settled) { + settled = true; + img.src = generatePlaceholderDataURI(title, author); + img.dataset.loaded = 'placeholder'; + cleanup(); + } }; - probe.onerror = attemptNext; probe.src = testUrl; - } - - attemptNext(); + }); } // Resolve book covers on page load From 0642e26fe7108e4744bb9e14f83e5a7e07fc28fe Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Wed, 12 Nov 2025 22:32:06 -0800 Subject: [PATCH 40/71] Update js/theme.js Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- js/theme.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/js/theme.js b/js/theme.js index 7401b5d..438d3da 100644 --- a/js/theme.js +++ b/js/theme.js @@ -23,5 +23,9 @@ function toggleTheme() { window.addEventListener('DOMContentLoaded', () => { const theme = document.documentElement.getAttribute('data-theme'); const icon = document.querySelector('.theme-toggle-slider i'); - if (icon) icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; + if (icon) { + icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; + } else { + console.warn('Theme toggle icon element not found'); + } }); From 6e283e9bdcdebfcea75662bdf5e38f2c5e9f6d52 Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Wed, 12 Nov 2025 22:33:09 -0800 Subject: [PATCH 41/71] Update books.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- books.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/books.html b/books.html index 73cf16a..9305dd0 100644 --- a/books.html +++ b/books.html @@ -12,7 +12,7 @@ - + From 590ed95b9afc7431b71a8251d5bd5dcc91457aa2 Mon Sep 17 00:00:00 2001 From: Arjun Vinod <15646612+arjun7965@users.noreply.github.com> Date: Wed, 12 Nov 2025 22:33:44 -0800 Subject: [PATCH 42/71] Update index.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- index.html | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/index.html b/index.html index af62234..c5e7f02 100644 --- a/index.html +++ b/index.html @@ -85,12 +85,7 @@
- - + Books
-
The Deficit Myth: Modern Monetary Theory and the Birth of the People's Economy
+

The Deficit Myth: Modern Monetary Theory and the Birth of the People's Economy

by Stephanie Kelton

A leading economist challenges conventional deficit thinking and explains how Modern Monetary Theory reveals the true power and limitations of sovereign currencies in advancing the public good.

@@ -269,7 +270,7 @@

2025

-
Layered Money: From Gold and Dollars to Bitcoin and Central Bank Digital Currencies
+

Layered Money: From Gold and Dollars to Bitcoin and Central Bank Digital Currencies

by Nik Bhatia

An innovative framework for understanding money as a layered system, tracing its evolution from gold-backed currencies through modern banking to cryptocurrencies and the future of digital central bank money.

@@ -282,7 +283,7 @@

2025

-
The Price of Tomorrow: Why Deflation Is the Key to an Abundant Future
+

The Price of Tomorrow: Why Deflation Is the Key to an Abundant Future

by Jeff Booth

A thought-provoking exploration of how exponential technological advancement is creating deflation in a world built on inflationary economic systems, and why embracing this shift could unlock unprecedented prosperity.

@@ -295,7 +296,7 @@

2025

-
The Big Print: What Happened to America and How Sound Money Will Fix It
+

The Big Print: What Happened to America and How Sound Money Will Fix It

by Lawrence Lepard

A compelling analysis of how decades of monetary expansion and currency debasement have eroded American prosperity, and a call for returning to sound money principles to restore economic stability and opportunity.

@@ -308,7 +309,7 @@

2025

-
The Case Against the Fed
+

The Case Against the Fed

by Murray N. Rothbard

A foundational critique of the Federal Reserve System, examining its origins, operations, and effects on the economy while arguing for a return to free-market banking and sound money backed by gold.

@@ -321,7 +322,7 @@

2025

-
Paper Soldiers: How the Weaponization of the Dollar Changed the World Order
+

Paper Soldiers: How the Weaponization of the Dollar Changed the World Order

by Saleha Mohsin

An inside look at how the U.S. dollar became a powerful geopolitical weapon through financial sanctions and economic warfare, reshaping global power dynamics and raising questions about the future of American financial dominance.

diff --git a/css/styles.css b/css/styles.css index 03f6ace..0c7fbba 100644 --- a/css/styles.css +++ b/css/styles.css @@ -95,7 +95,7 @@ header { padding: 0.75rem 1rem; color: var(--text-primary); text-decoration: none; - transition: background-color 0.3s ease; + transition: background-color 0.3s ease, color 0.3s ease; } .menu-dropdown a:hover { background-color: var(--border-color); } .menu-dropdown a:first-child { border-radius: 5px 5px 0 0; } @@ -108,12 +108,38 @@ nav a { color: var(--text-primary); text-decoration: none; font-size: 0.95rem; p nav a:hover { background-color: var(--border-color); } /* Theme Toggle */ .theme-toggle-wrapper { position: relative; display: inline-block; } -.theme-toggle { position: relative; width: 60px; height: 30px; background-color: var(--border-color); border-radius: 15px; cursor: pointer; transition: background-color 0.3s ease; border: none; padding: 0; } +.theme-toggle { + --toggle-width: 60px; + --slider-size: 24px; + --padding: 3px; + position: relative; + width: var(--toggle-width); + height: 30px; + background-color: var(--border-color); + border-radius: 15px; + cursor: pointer; + transition: background-color 0.3s ease; + border: none; + padding: 0; +} .theme-toggle:hover { opacity: 0.8; } -.theme-toggle-slider { position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; transition: transform 0.3s ease; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.2); } +.theme-toggle-slider { + position: absolute; + top: var(--padding); + left: var(--padding); + width: var(--slider-size); + height: var(--slider-size); + background-color: #fff; + border-radius: 50%; + transition: transform 0.3s ease; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 2px 4px rgba(0,0,0,0.2); +} .theme-toggle-slider i { font-size: 0.75rem; color: #2c3e50; } [data-theme="dark"] .theme-toggle { background-color: var(--link-color); } -[data-theme="dark"] .theme-toggle-slider { transform: translateX(30px); } +[data-theme="dark"] .theme-toggle-slider { transform: translateX(calc(var(--toggle-width) - var(--slider-size) - (var(--padding) * 2))); } [data-theme="dark"] .theme-toggle-slider i { color: #f39c12; } /* Footer */ footer { background-color: transparent; color: var(--text-muted); padding: 0.75rem 0; text-align: center; margin-top: auto; width: 100%; border-top: 1px solid var(--border-color); font-size: 0.9rem; } @@ -145,7 +171,7 @@ footer { background-color: transparent; color: var(--text-muted); padding: 0.75r .book-cover a:hover { transform: translateY(-4px); opacity: 0.9; } .book-cover img { width: 100%; height: auto; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .book-details { flex: 1; } -.book-title { color: var(--text-primary); font-size: 1.1rem; font-weight: 500; margin-bottom: 0.25rem; } +.book-title { color: var(--text-primary); font-size: 1.1rem; font-weight: 500; margin-bottom: 0.25rem; margin-top: 0; } .book-author { color: var(--text-muted); font-size: 0.9rem; font-style: italic; margin-bottom: 0.5rem; } .book-notes { color: var(--text-secondary); font-size: 0.95rem; line-height: 1.6; } /* Misc */ diff --git a/js/menu.js b/js/menu.js index e46038b..e13f624 100644 --- a/js/menu.js +++ b/js/menu.js @@ -30,6 +30,7 @@ document.addEventListener('DOMContentLoaded', function() { if (dropdown.classList.contains('show')) { dropdown.classList.remove('show'); btn.setAttribute('aria-expanded', 'false'); + btn.focus(); // Return focus to button } } }); @@ -37,7 +38,7 @@ document.addEventListener('DOMContentLoaded', function() { // Close dropdown when focus leaves the menu area menuWrapper.addEventListener('focusout', function(event) { // If the newly focused element is not inside the menu wrapper, close the dropdown - if (!menuWrapper.contains(event.relatedTarget)) { + if (!event.relatedTarget || !menuWrapper.contains(event.relatedTarget)) { if (dropdown.classList.contains('show')) { dropdown.classList.remove('show'); btn.setAttribute('aria-expanded', 'false'); diff --git a/js/theme.js b/js/theme.js index 438d3da..ac2d73d 100644 --- a/js/theme.js +++ b/js/theme.js @@ -15,11 +15,17 @@ function toggleTheme() { const icon = document.querySelector('.theme-toggle-slider i'); if (icon) icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; + // Update aria-label for accessibility + const btn = document.querySelector('.theme-toggle'); + if (btn) { + btn.setAttribute('aria-label', newTheme === 'light' ? 'Switch to dark mode' : 'Switch to light mode'); + } + // Dispatch custom event for theme change document.dispatchEvent(new CustomEvent('themeChanged', { detail: { theme: newTheme } })); } -// Set initial icon on page load +// Set initial icon and aria-label on page load window.addEventListener('DOMContentLoaded', () => { const theme = document.documentElement.getAttribute('data-theme'); const icon = document.querySelector('.theme-toggle-slider i'); @@ -28,4 +34,10 @@ window.addEventListener('DOMContentLoaded', () => { } else { console.warn('Theme toggle icon element not found'); } + + // Set initial aria-label + const btn = document.querySelector('.theme-toggle'); + if (btn) { + btn.setAttribute('aria-label', theme === 'light' ? 'Switch to dark mode' : 'Switch to light mode'); + } }); From 3bc33ccad077ead1a95df1ee22fac7210a7f2a55 Mon Sep 17 00:00:00 2001 From: Arjun Vinod Date: Wed, 12 Nov 2025 23:00:30 -0800 Subject: [PATCH 46/71] Revert "Update index.html" This reverts commit 590ed95b9afc7431b71a8251d5bd5dcc91457aa2. --- index.html | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index c5e7f02..af62234 100644 --- a/index.html +++ b/index.html @@ -85,7 +85,12 @@
- Books + +
-