Upload 17 files

.gitattributes

@@ -39,3 +39,4 @@ static/foto[[:space:]]sampel/Icha.png filter=lfs diff=lfs merge=lfs -text
 static/foto[[:space:]]sampel/Jason.jpg filter=lfs diff=lfs merge=lfs -text
 static/foto[[:space:]]sampel/Lil[[:space:]]Bah[[:space:]]Lil.jpg filter=lfs diff=lfs merge=lfs -text
 data/transit.json filter=lfs diff=lfs merge=lfs -text
+static/BrainAI.png filter=lfs diff=lfs merge=lfs -text

templates/Home.html

@@ -130,6 +130,52 @@
             max-width: 800px;
         }
 
+        .hero-sponsors {
+            margin-bottom: 3rem;
+            animation: fadeInDown 0.8s ease-out forwards;
+        }
+
+        .hero-sponsors-title {
+            font-size: 0.85rem;
+            color: var(--text-muted);
+            text-transform: uppercase;
+            letter-spacing: 1.5px;
+            font-weight: 700;
+            margin-bottom: 1.5rem;
+        }
+
+        .hero-sponsors-grid {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            gap: 3rem;
+        }
+
+        .hero-sponsor-item {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 0.75rem;
+        }
+
+        .hero-sponsor-item img {
+            max-height: 110px;
+            width: auto;
+            object-fit: contain;
+        }
+
+        .hero-sponsor-item span {
+            font-size: 0.8rem;
+            color: var(--text-muted);
+            font-weight: 600;
+        }
+
+        .hero-sponsor-divider {
+            width: 1px;
+            height: 110px;
+            background-color: var(--border-color);
+        }
+
         .badge {
             display: inline-flex;
             align-items: center;
@@ -201,10 +247,10 @@
 
         .features {
             display: grid;
-            grid-template-columns: repeat(3, 1fr);
+            grid-template-columns: repeat(2, 1fr);
             gap: 2rem;
             padding: 0 5% 6rem;
-            max-width: 1200px;
+            max-width: 900px;
             margin: 0 auto;
         }
 
@@ -738,9 +784,7 @@
         .about-container {
             max-width: 1000px;
             margin: 0 auto;
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 4rem;
+            display: block;
         }
 
         .section-heading {
@@ -764,11 +808,12 @@
 
         .supervisor-list {
             display: flex;
-            flex-direction: column;
+            flex-direction: row;
             gap: 1.5rem;
         }
 
         .supervisor-item {
+            flex: 1;
             display: flex;
             align-items: center;
             gap: 1rem;
@@ -809,43 +854,6 @@
             color: var(--text-muted);
         }
 
-        .sponsor-box {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-        }
-
-        .sponsor-content {
-            width: 100%;
-            padding: 2rem;
-            background: var(--bg-color);
-            border: 2px dashed var(--border-color);
-            border-radius: var(--radius-lg);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            min-height: 180px;
-            transition: all 0.3s ease;
-        }
-
-        .sponsor-content:hover {
-            border-color: var(--primary-light);
-            background: var(--surface);
-        }
-
-        .sponsor-logo {
-            height: 100px;
-            width: 100%;
-            max-width: 600px; 
-            object-fit: contain;
-            transition: transform 0.3s ease;
-        }
-
-        .sponsor-content:hover .sponsor-logo {
-            transform: scale(1.05);
-        }
-
         @keyframes fadeInUp {
             from { opacity: 0; transform: translateY(30px); }
             to { opacity: 1; transform: translateY(0); }
@@ -887,7 +895,9 @@
             .features { grid-template-columns: 1fr; }
             .map-container, .map-container.show-detail { grid-template-columns: 1fr; }
             .ai-panel, .route-detail-panel { grid-column: span 1; }
-            .about-container { grid-template-columns: 1fr; }
+            .supervisor-list { flex-direction: column; }
+            .hero-sponsors-grid { flex-direction: column; gap: 1.5rem; }
+            .hero-sponsor-divider { width: 100px; height: 1px; }
         }
         
         .route-path-container {
@@ -930,7 +940,9 @@
     <nav id="navbar">
         <div class="logo">
             <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
+                <circle cx="12" cy="12" r="10"></circle>
+                <line x1="12" y1="8" x2="12" y2="16"></line>
+                <line x1="8" y1="12" x2="16" y2="12"></line>
             </svg>
             NeuroScan AI
         </div>
@@ -943,6 +955,20 @@
 
     <section class="hero">
         <div class="hero-content">
+            <div class="hero-sponsors">
+                <div class="hero-sponsors-title">Penelitian ini didukung oleh</div>
+                <div class="hero-sponsors-grid">
+                    <div class="hero-sponsor-item">
+                        <img src="{{ url_for('static', filename='DSC UI.png') }}" alt="DSC UI">
+                        <span>Data Science Center, FMIPA UI</span>
+                    </div>
+                    <div class="hero-sponsor-divider"></div>
+                    <div class="hero-sponsor-item">
+                        <img src="{{ url_for('static', filename='BrainAI.png') }}" alt="BrainAI Lab">
+                        <span>BrainAI Lab, Departemen Matematika FMIPA UI</span>
+                    </div>
+                </div>
+            </div>
             <div class="badge">
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                     <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
@@ -964,18 +990,6 @@
     </section>
 
     <section class="features">
-        <div class="feature-card">
-            <div class="icon-wrapper">
-                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                    <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
-                    <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
-                    <line x1="12" y1="22.08" x2="12" y2="12"></line>
-                </svg>
-            </div>
-            <h3>Image Enhancement</h3>
-            <p>Implementasi arsitektur ESRGAN secara otomatis merekonstruksi dan memperjelas citra resolusi rendah, menjaga integritas fitur morfologi mikro pada wajah pasien sebelum proses klasifikasi.</p>
-        </div>
-
         <div class="feature-card">
             <div class="icon-wrapper">
                 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@@ -1127,13 +1141,6 @@
                     </div>
                 </div>
             </div>
-
-            <div class="sponsor-box">
-                <div class="section-heading">Didukung Oleh</div>
-                <div class="sponsor-content">
-                    <img class="sponsor-logo" src="{{ url_for('static', filename='DSC UI.png') }}" alt="Logo Institusi">
-                </div>
-            </div>
         </div>
     </section>