refactor: replace inline styles with CSS classes and auto-update copyright year (#18)

- Extract inline style attributes from timeline cards into .rm-body,
  .rm-role, and .rm-stint CSS classes
- Auto-update copyright year via JS on all pages

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: arjun7965

404.html

@@ -82,7 +82,7 @@
     <footer>
         <div class="footer-content">
             <div class="copyright footer-copyright">
-                &copy; 2026 Arjun Vinod. All rights reserved.
+                &copy; <span class="copyright-year">2026</span> Arjun Vinod. All rights reserved.
             </div>
             <div class="footer-right">
                 <div class="footer-links">

books.html

@@ -221,7 +221,7 @@ <h3 class="book-title">The Deficit Myth: Modern Monetary Theory and the Birth of
     <footer>
         <div class="footer-content">
             <div class="copyright footer-copyright">
-                © 2026 Arjun Vinod. All rights reserved.
+                &copy; <span class="copyright-year">2026</span> Arjun Vinod. All rights reserved.
             </div>
             <div class="footer-right">
                 <div class="footer-links">

css/styles.css

@@ -523,13 +523,16 @@ footer {
   color: var(--color-accent);
 }
 
-.rm-desc  { 
-  margin: 0; 
-  color: var(--text-secondary); 
-  line-height: 1.8; 
+.rm-desc  {
+  margin: 0;
+  color: var(--text-secondary);
+  line-height: 1.8;
   font-size: 0.9375rem;
   font-weight: 400;
 }
+.rm-body { margin-top: 0.75rem; }
+.rm-role { font-weight: 500; color: var(--text-primary); margin-bottom: 0.25rem; }
+.rm-stint { margin-bottom: 0.75rem; }
 /* Slightly tighter spacing on small screens */
 @media (max-width: 720px) {
   .roadmap { gap: 2rem; }

index.html

@@ -115,8 +115,8 @@ <h3 class="lane-title"><svg class="icon" viewBox="0 0 512 512" aria-hidden="true
                         <span class="dot" aria-hidden="true"></span>
                         <article class="rm-card">
                             <h4 class="rm-title"><a href="https://www.asteralabs.com/" target="_blank" rel="noopener noreferrer">Astera Labs</a></h4>
-                            <div style="margin-top: 0.75rem;">
-                                <div style="font-weight: 500; color: var(--text-primary); margin-bottom: 0.25rem;">Firmware Engineer, Technical Lead</div>
+                            <div class="rm-body">
+                                <div class="rm-role">Firmware Engineer, Technical Lead</div>
                                 <div class="rm-meta">February 2023 – Present</div>
                                 <p class="rm-desc">Developing cutting-edge firmware solutions for high-speed connectivity and data center infrastructure.</p>
                             </div>
@@ -127,14 +127,14 @@ <h4 class="rm-title"><a href="https://www.asteralabs.com/" target="_blank" rel="
                         <span class="dot" aria-hidden="true"></span>
                         <article class="rm-card">
                             <h4 class="rm-title"><a href="https://www.qualcomm.com/products/internet-of-things/networking/wi-fi-networks" target="_blank" rel="noopener noreferrer">Qualcomm Atheros</a></h4>
-                            <div style="margin-top: 0.75rem;">
-                                <div style="margin-bottom: 0.75rem;">
-                                    <div style="font-weight: 500; color: var(--text-primary); margin-bottom: 0.25rem;">Senior Embedded Software Engineer</div>
+                            <div class="rm-body">
+                                <div class="rm-stint">
+                                    <div class="rm-role">Senior Embedded Software Engineer</div>
                                     <div class="rm-meta">November 2021 – February 2023</div>
                                     <p class="rm-desc">Developed embedded software for enterprise WiFi platforms. Implemented advanced TX power control features for Qualcomm's WiFi chipsets.</p>
                                 </div>
                                 <div>
-                                    <div style="font-weight: 500; color: var(--text-primary); margin-bottom: 0.25rem;">Embedded Software Engineer</div>
+                                    <div class="rm-role">Embedded Software Engineer</div>
                                     <div class="rm-meta">January 2020 – November 2021</div>
                                     <p class="rm-desc">Contributed to WiFi physical layer firmware development and implemented automated test framework for regression testing.</p>
                                 </div>
@@ -146,8 +146,8 @@ <h4 class="rm-title"><a href="https://www.qualcomm.com/products/internet-of-thin
                         <span class="dot" aria-hidden="true"></span>
                         <article class="rm-card">
                             <h4 class="rm-title"><a href="https://www.greensightag.com/" target="_blank" rel="noopener noreferrer">GreenSight Agronomics</a></h4>
-                            <div style="margin-top: 0.75rem;">
-                                <div style="font-weight: 500; color: var(--text-primary); margin-bottom: 0.25rem;">Embedded Software Engineer</div>
+                            <div class="rm-body">
+                                <div class="rm-role">Embedded Software Engineer</div>
                                 <div class="rm-meta">January 2018 – December 2019</div>
                                 <p class="rm-desc">Built embedded systems for autonomous agricultural drones. Developed sensor integration, flight control software for precision agriculture applications.</p>
                             </div>
@@ -164,8 +164,8 @@ <h3 class="lane-title"><svg class="icon" viewBox="0 0 640 512" aria-hidden="true
                         <span class="dot" aria-hidden="true"></span>
                         <article class="rm-card">
                             <h4 class="rm-title"><a href="https://ecs.syracuse.edu/" target="_blank" rel="noopener noreferrer">Syracuse University</a></h4>
-                            <div style="margin-top: 0.75rem;">
-                                <div style="font-weight: 500; color: var(--text-primary); margin-bottom: 0.25rem;">Master of Science (MS), Computer Engineering</div>
+                            <div class="rm-body">
+                                <div class="rm-role">Master of Science (MS), Computer Engineering</div>
                             </div>
                         </article>
                     </div>
@@ -174,8 +174,8 @@ <h4 class="rm-title"><a href="https://ecs.syracuse.edu/" target="_blank" rel="no
                         <span class="dot" aria-hidden="true"></span>
                         <article class="rm-card">
                             <h4 class="rm-title"><a href="https://kcgcollege.ac.in/" target="_blank" rel="noopener noreferrer">KCG College of Technology, Anna University</a></h4>
-                            <div style="margin-top: 0.75rem;">
-                                <div style="font-weight: 500; color: var(--text-primary); margin-bottom: 0.25rem;">Bachelor of Engineering (B.E.), Electrical, Electronics and Communications Engineering</div>
+                            <div class="rm-body">
+                                <div class="rm-role">Bachelor of Engineering (B.E.), Electrical, Electronics and Communications Engineering</div>
                             </div>
                         </article>
                     </div>
@@ -187,7 +187,7 @@ <h4 class="rm-title"><a href="https://kcgcollege.ac.in/" target="_blank" rel="no
     <footer>
         <div class="footer-content">
             <div class="copyright footer-copyright">
-                © 2026 Arjun Vinod. All rights reserved.
+                &copy; <span class="copyright-year">2026</span> Arjun Vinod. All rights reserved.
             </div>
             <div class="footer-right">
                 <div class="footer-links">

js/theme.js

@@ -57,4 +57,9 @@ window.addEventListener('DOMContentLoaded', () => {
         btn.setAttribute('aria-checked', theme === 'dark' ? 'true' : 'false');
         btn.addEventListener('click', toggleTheme);
     }
+
+    // Auto-update copyright year
+    document.querySelectorAll('.copyright-year').forEach(el => {
+        el.textContent = new Date().getFullYear();
+    });
 });