about3

frontend/about.html

@@ -120,7 +120,7 @@
 
 <header>
   <div class="nav" role="navigation" aria-label="Menu utama">
-    <a href="index.html" class="logo" aria-label="PapuaTranslate - Kembali ke beranda">PapuaTranslate</a>
+    <a href="/" class="logo" aria-label="PapuaTranslate - Kembali ke beranda">PapuaTranslate</a>
     
     <button class="menu-toggle" aria-label="Toggle menu" aria-expanded="false">
       <span></span>
@@ -129,13 +129,16 @@
     </button>
     
     <nav class="menu">
-      <a class="pill" href="index.html">Home</a>
-      <a class="pill" href="about.html">About</a>
-      <a class="pill" href="index.html#history">History</a>
-      <span id="login-badge" class="badge" style="display:none" aria-label="Status login aktif">Aktif</span>
-      <a id="logout-btn" class="pill" href="#" style="display:none">Logout</a>
-      <a id="login-btn" class="pill" href="login.html">Login</a>
-      <a id="register-btn" class="pill" href="register.html">Daftar</a>
+      <a class="pill" href="/">Home</a>
+      <a class="pill" href="/about">About</a>
+      <a class="pill" href="/#history">History</a>
+      {% if logged_in %}
+        <span class="badge" aria-label="Status login aktif">Aktif</span>
+        <a class="pill" href="/logout">Logout</a>
+      {% else %}
+        <a class="pill" href="/login">Login</a>
+        <a class="pill" href="/register">Daftar</a>
+      {% endif %}
     </nav>
   </div>
 </header>
@@ -171,7 +174,7 @@
     <div class="team">
       <div class="member">
         <div class="avatar" onclick="openModal('m1')">
-          <img src="static/image/pembuat.jpg" alt="Amos Valentino Nababan" onerror="this.style.display='none'; this.parentNode.innerHTML='<div style=&quot;color:#999;padding:40px 0;font-size:14px&quot;>Foto Tidak Ditemukan</div>'"/>
+          <img src="{{ url_for('static', filename='image/pembuat.jpg') }}" alt="Amos Valentino Nababan" onerror="this.style.display='none'; this.parentNode.innerHTML='<div style=&quot;color:#999;padding:40px 0;font-size:14px&quot;>Foto Tidak Ditemukan</div>'"/>
         </div>
         <div class="m-name">Amos Valentino Nababan</div>
         <div class="m-role">Pembuat</div>
@@ -179,7 +182,7 @@
       
       <div class="member">
         <div class="avatar" onclick="openModal('m2')">
-          <img src="static/image/dosen1.jpg" alt="Viny Christanti Mawardi" onerror="this.style.display='none'; this.parentNode.innerHTML='<div style=&quot;color:#999;padding:40px 0;font-size:14px&quot;>Foto Tidak Ditemukan</div>'"/>
+          <img src="{{ url_for('static', filename='image/dosen1.jpg') }}" alt="Viny Christanti Mawardi" onerror="this.style.display='none'; this.parentNode.innerHTML='<div style=&quot;color:#999;padding:40px 0;font-size:14px&quot;>Foto Tidak Ditemukan</div>'"/>
         </div>
         <div class="m-name">Viny Christanti Mawardi, S.Kom., M.Kom.</div>
         <div class="m-role">Dosen Pembimbing</div>
@@ -187,7 +190,7 @@
       
       <div class="member">
         <div class="avatar" onclick="openModal('m3')">
-          <img src="static/image/dosen2.jpg" alt="Manatap Dolok Lauro" onerror="this.style.display='none'; this.parentNode.innerHTML='<div style=&quot;color:#999;padding:40px 0;font-size:14px&quot;>Foto Tidak Ditemukan</div>'"/>
+          <img src="{{ url_for('static', filename='image/dosen2.jpg') }}" alt="Manatap Dolok Lauro" onerror="this.style.display='none'; this.parentNode.innerHTML='<div style=&quot;color:#999;padding:40px 0;font-size:14px&quot;>Foto Tidak Ditemukan</div>'"/>
         </div>
         <div class="m-name">Manatap Dolok Lauro, S.Kom., M.M.S.I.</div>
         <div class="m-role">Dosen Pembimbing Pendamping</div>
@@ -211,7 +214,7 @@
 <div id="m1" class="modal" role="dialog" aria-modal="true" aria-label="Foto Amos">
   <div class="modal-content">
     <span class="close" onclick="closeModal('m1')" aria-label="Tutup">×</span>
-    <img src="static/image/pembuat.jpg" alt="Amos Valentino Nababan">
+    <img src="{{ url_for('static', filename='image/pembuat.jpg') }}" alt="Amos Valentino Nababan">
     <div class="caption">Amos Valentino Nababan — Pembuat</div>
   </div>
 </div>
@@ -219,7 +222,7 @@
 <div id="m2" class="modal" role="dialog" aria-modal="true" aria-label="Foto Viny">
   <div class="modal-content">
     <span class="close" onclick="closeModal('m2')" aria-label="Tutup">×</span>
-    <img src="static/image/dosen1.jpg" alt="Viny Christanti Mawardi">
+    <img src="{{ url_for('static', filename='image/dosen1.jpg') }}" alt="Viny Christanti Mawardi">
     <div class="caption">Viny Christanti Mawardi, S.Kom., M.Kom.</div>
   </div>
 </div>
@@ -227,7 +230,7 @@
 <div id="m3" class="modal" role="dialog" aria-modal="true" aria-label="Foto Manatap">
   <div class="modal-content">
     <span class="close" onclick="closeModal('m3')" aria-label="Tutup">×</span>
-    <img src="static/image/dosen2.jpg" alt="Manatap Dolok Lauro">
+    <img src="{{ url_for('static', filename='image/dosen2.jpg') }}" alt="Manatap Dolok Lauro">
     <div class="caption">Manatap Dolok Lauro, S.Kom., M.M.S.I.</div>
   </div>
 </div>
@@ -244,38 +247,6 @@
     menuToggle.setAttribute('aria-expanded', expanded);
   });
 
-  // Login status management for Hugging Face
-  function checkLoginStatus() {
-    const isLoggedIn = localStorage.getItem('logged_in') === 'true';
-    const loginBadge = document.getElementById('login-badge');
-    const logoutBtn = document.getElementById('logout-btn');
-    const loginBtn = document.getElementById('login-btn');
-    const registerBtn = document.getElementById('register-btn');
-    
-    if (isLoggedIn) {
-      loginBadge.style.display = 'inline-flex';
-      logoutBtn.style.display = 'inline-flex';
-      loginBtn.style.display = 'none';
-      registerBtn.style.display = 'none';
-    } else {
-      loginBadge.style.display = 'none';
-      logoutBtn.style.display = 'none';
-      loginBtn.style.display = 'inline-flex';
-      registerBtn.style.display = 'inline-flex';
-    }
-  }
-
-  // Logout function
-  function setupLogout() {
-    const logoutBtn = document.getElementById('logout-btn');
-    logoutBtn.addEventListener('click', (e) => {
-      e.preventDefault();
-      localStorage.setItem('logged_in', 'false');
-      checkLoginStatus();
-      alert('Anda telah logout');
-    });
-  }
-
   function openModal(id){ 
     document.getElementById(id).style.display = 'flex'; 
     document.body.style.overflow = 'hidden';
@@ -307,12 +278,6 @@
       menuToggle.setAttribute('aria-expanded', 'false');
     }
   });
-
-  // Initialize login status
-  document.addEventListener('DOMContentLoaded', () => {
-    checkLoginStatus();
-    setupLogout();
-  });
 </script>
 </body>
 </html>