feat(ui): add Developer Bio card with GitHub and LinkedIn buttons; clean up footer

frontend/index.html

@@ -463,6 +463,25 @@
                 </div>
             </div>
         </section>
+        <!-- Developer & Architect Bio Card -->
+        <section class="container developer-container" style="margin-top: 2rem; margin-bottom: 2.5rem;">
+            <div class="panel developer-panel" style="border: 1px solid rgba(0, 242, 254, 0.4); background: rgba(5, 15, 25, 0.75); border-radius: 12px; padding: 1.8rem; text-align: center; box-shadow: 0 8px 32px rgba(0, 242, 254, 0.15); backdrop-filter: blur(10px);">
+                <h3 style="font-family: var(--font-display); font-size: 1.3rem; font-weight: 700; color: #ffffff; letter-spacing: 1.5px; margin-bottom: 0.8rem; text-transform: uppercase;">FARIL PUTRA PRATAMA</h3>
+                <p style="color: rgba(255, 255, 255, 0.85); font-size: 0.92rem; line-height: 1.6; max-width: 780px; margin: 0 auto 1.2rem auto; font-family: var(--font-sans);">
+                    Merancang dan membangun seluruh arsitektur Aeterna AI dari ujung ke ujung. Meliputi riset data, pelatihan model cerdas GBR &amp; GridSearchCV, pembuatan arsitektur micro-service asinkron, hingga visualisasi antarmuka HUD Glassmorphism interaktif.
+                </p>
+                <div style="display: flex; gap: 12px; justify-content: center; align-items: center; flex-wrap: wrap;">
+                    <a href="https://github.com/FARILtau72/Aeterna-Ai" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 8px; background: rgba(0, 242, 254, 0.12); color: #00f2fe; border: 1px solid rgba(0, 242, 254, 0.4); padding: 8px 20px; border-radius: 6px; font-family: var(--font-mono); font-size: 0.85rem; font-weight: 600; text-decoration: none; transition: all 0.3s ease;">
+                        <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
+                        GitHub Repository
+                    </a>
+                    <a href="https://www.linkedin.com/in/faril-putra-pratama-81561a280/" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 8px; background: rgba(10, 102, 194, 0.2); color: #00a0dc; border: 1px solid rgba(10, 102, 194, 0.5); padding: 8px 20px; border-radius: 6px; font-family: var(--font-mono); font-size: 0.85rem; font-weight: 600; text-decoration: none; transition: all 0.3s ease;">
+                        <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.762-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
+                        LinkedIn Profile
+                    </a>
+                </div>
+            </div>
+        </section>
     </div>
 
     <!-- NEWS FEED PAGE -->
@@ -499,8 +518,8 @@
     </div>
 
     <footer>
-        <p>&copy; 2026 Aeterna AI — Developed & Engineered with ⚡ by <a href="https://www.linkedin.com/in/faril-putra-pratama-81561a280/" target="_blank" style="color:var(--cyan); font-weight:bold; text-decoration:none;">Faril Putra Pratama</a> | <a href="https://github.com/FARILtau72/Aeterna-Ai" target="_blank" style="color:var(--cyan); text-decoration:underline;">GitHub Repository</a>.</p>
-        <p style="margin-top: 0.6rem; font-size: 0.75rem; opacity: 0.85; letter-spacing: 0.5px; font-family: var(--font-mono); line-height: 1.5;">Official Portal: <a href="https://www.aeternaai.biz.id/" style="color:#00f2fe; text-decoration:none;">https://www.aeternaai.biz.id/</a> | #1 AI Waste Intelligence & Fleet Management Platform for 44 Kecamatans in DKI Jakarta.</p>
+        <p>&copy; 2026 Aeterna AI — Developed & Engineered with ⚡ by <span style="color:var(--cyan); font-weight:bold;">Faril Putra Pratama</span>.</p>
+        <p style="margin-top: 0.6rem; font-size: 0.75rem; opacity: 0.85; letter-spacing: 0.5px; font-family: var(--font-mono); line-height: 1.5;">Official Portal: <a href="https://www.aeternaai.biz.id/" style="color:#00f2fe; text-decoration:none;">aeternaai.biz.id</a> | #1 AI Waste Intelligence Platform for 44 Kecamatans in DKI Jakarta.</p>
     </footer>
 
     <!-- Custom Cyber HUD Cursor -->