interest drop down button

main.go

@@ -39,7 +39,7 @@ func main() {
 	fs := http.FileServer(http.Dir("static"))
 	http.Handle("/static/", http.StripPrefix("/static/", fs))
 
-	http.HandleFunc("GET /{$}", func(w http.ResponseWriter, r *http.Request) { http.ServeFile(w, r, "./static/index.html") })
+	http.HandleFunc("GET /{$}", func(w http.ResponseWriter, r *http.Request) { http.ServeFile(w, r, "./static/about.html") })
 	http.HandleFunc("GET /infra", func(w http.ResponseWriter, r *http.Request) { http.ServeFile(w, r, "./static/infra.html") })
 	http.HandleFunc("GET /finance", func(w http.ResponseWriter, r *http.Request) { http.ServeFile(w, r, "./static/finance.html") })
 	http.HandleFunc("GET /cinema", func(w http.ResponseWriter, r *http.Request) { http.ServeFile(w, r, "./static/cinema.html") })

static/about.html

@@ -88,10 +88,8 @@
 
       <div style="flex: 1;"></div>
     </aside>
-
     <main id="about">
-
-      <div class="hero">
+      <section class="hero">
         <p class="hero-eyebrow">About Me · 2026</p>
         <h1>Samantha<br><span>Vero Friis</span>
         </h1>
@@ -104,8 +102,7 @@
           <span>samantha42.xyz</span>
           <span>me@samantha42.xyz</span>
         </div>
-      </div>
-
+      </section>
       <section id="experience">
         <div class="section-head">
           <h2>experience</h2>
@@ -133,7 +130,6 @@
           </div>
         </div>
       </section>
-
       <section id="education">
         <div class="section-head">
           <h2>education</h2>
@@ -168,7 +164,6 @@
           </div>
         </div>
       </section>
-
       <section id="opinion">
         <div class="section-head">
           <h2>opinion</h2>
@@ -179,10 +174,6 @@
           <a class="opinion-link" href="/infra">infra</a>
         </div>
       </section>
-
-
-      <section>
-
         <section id="automation">
           <div class="page-header">
             <h2 class="page-title">Technical Tools & Automation</h2>
@@ -233,8 +224,6 @@
             </div>
           </div>
         </section>
-        <br>
-
         <section id="research">
           <div class="page-header">
             <h2 class="page-title">Equity Research</h2>
@@ -282,11 +271,14 @@
           </div>
           <br>
         </section>
-        <br>
-
         <section id="interests">
+
           <div class="page-header">
-            <h2 class="page-title" id="interest">interests</h2>
+            <h2 class="page-title" id="interest">
+              interests 
+              <button onclick="toggleInterests()" class="">open</button>
+            </h2>
+
             <span class="page-sub" id="interest-sub">Fav lists</span>
             <span class="matrix-hidden" id="matrix-hidden">
               Boy: Do not try and bend the spoon. That's impossible. Instead... only try to realize the truth.
@@ -296,6 +288,8 @@
               Boy: There is no spoon.
             </span>
           </div>
+          <div id="interests-body" class="hidden">
+          
             <div class="section-head">
             <h2>Movie/Show Top list</h2>
           </div>
@@ -427,7 +421,6 @@
               </div>
 
             </div>
-        </section>
           </div>
         </section>
     </main>

static/about.js

@@ -51,3 +51,18 @@ function closeOverlay() {
 function openOverlay() {
   document.getElementById('overlay').style.display = 'flex';
 }
+
+function InterestShow() {
+      const body = document.getElementById('interests-body');
+      const chevron = document.getElementById('interests-chevron');
+      chevron.classList.add("hidden")
+      body.classList.remove("hidden")
+      chevron.textContent = hidden ? '▶' : '▼';
+    }
+
+    function toggleInterests() {
+      const body = document.getElementById('interests-body');
+      const chevron = document.getElementById('interests-chevron');
+      const hidden = body.classList.toggle('hidden');
+      chevron.textContent = hidden ? '▶' : '▼';
+      }

static/style/styles2.css

@@ -618,3 +618,7 @@ button {
 button:hover {
   border:1px solid rgb(26, 87, 219);
 }
+
+.hidden {
+  display: none;
+}