diff --git a/cynthia-poetry/src/app/globals.css b/cynthia-poetry/src/app/globals.css index 06d7deb..2891a98 100644 --- a/cynthia-poetry/src/app/globals.css +++ b/cynthia-poetry/src/app/globals.css @@ -112,16 +112,36 @@ nav a:hover { /* TOC styles */ .toc-entry { - display: block; - padding: 0.375rem 0; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0.5rem 0.75rem; + margin: 0 -0.75rem; color: #57534e; /* stone-600 */ text-decoration: none; - transition: color 0.15s ease; + transition: color 0.15s ease, background-color 0.15s ease; font-family: var(--font-serif); + border-radius: 0.25rem; +} + +.toc-entry::after { + content: '→'; + font-family: system-ui, sans-serif; + font-size: 0.8em; + color: transparent; + transition: color 0.15s ease, transform 0.15s ease; + flex-shrink: 0; + margin-left: 0.75rem; } .toc-entry:hover { color: #1c1917; /* stone-900 */ + background-color: #fafaf9; /* stone-50 */ +} + +.toc-entry:hover::after { + color: #a8a29e; /* stone-400 */ + transform: translateX(2px); } /* Sequential poem navigation */ diff --git a/cynthia-poetry/src/app/page.tsx b/cynthia-poetry/src/app/page.tsx index e50cadd..48bee22 100644 --- a/cynthia-poetry/src/app/page.tsx +++ b/cynthia-poetry/src/app/page.tsx @@ -8,6 +8,16 @@ export default function HomePage() { {/* Title Page Hero */}
+
+ Cynthia Trenshaw +

Cynthia Trenshaw