Move website publish root from static/ to repository root

.github/workflows/deploy.yml

@@ -17,4 +17,4 @@ jobs:
       - uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./static
+          publish_dir: .

README.md

@@ -9,10 +9,10 @@ This repository now contains a full static-first remake of the site with a brand
 
 ## Project layout
 
-- `/static/index.html` — primary GitHub Pages entrypoint
-- `/static/css/style.css` — complete redesign styles
-- `/static/js/main.js` — animation + GitHub data loading + CV/repo rendering
-- `/static/404.html` — custom Sakura iced-tea 404 page
+- `/index.html` — primary site entrypoint
+- `/css/style.css` — complete redesign styles
+- `/js/main.js` — animation + GitHub data loading + CV/repo rendering
+- `/404.html` — custom Sakura iced-tea 404 page
 - `/app.py` — optional local Flask serving
 
 ## Run locally
@@ -26,4 +26,4 @@ Then open `http://localhost:5001`.
 
 ## GitHub Pages compatibility
 
-GitHub Pages deploys from `/static` in this repo's workflow, so all published assets (including `404.html`, `CNAME`, and `.nojekyll`) are kept in `/static`.
+GitHub Pages deploys from the repository root in this repo's workflow, so published assets (including `404.html`, `CNAME`, and `.nojekyll`) are kept at the root.

app.py

@@ -1,18 +1,14 @@
 from flask import Flask, send_from_directory, jsonify
 import requests
-import os
 
-app = Flask(__name__)
+app = Flask(__name__, static_folder='.', static_url_path='')
 
 GITHUB_USERNAME = "VloStudios"
 GITHUB_API_URL = f"https://api.github.com/users/{GITHUB_USERNAME}/repos"
 
 @app.route('/')
 def index():
-    root_index = os.path.join(app.root_path, 'index.html')
-    if os.path.exists(root_index):
-        return send_from_directory(app.root_path, 'index.html')
-    return send_from_directory(app.static_folder, 'index.html')
+    return send_from_directory(app.root_path, 'index.html')
 
 @app.route('/api/repos')
 def api_repos():

index.html

@@ -1,12 +1,65 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vlo Studios</title>
-    <meta http-equiv="refresh" content="0; url=static/index.html">
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>VloStudios — Sakura Iced Tea</title>
+  <meta name="description" content="Sakura + iced-tea themed portfolio and mini CV for VloStudios.">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700;800&family=Zen+Kurenaido&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="./css/style.css">
 </head>
 <body>
-    <p>Redirecting to <a href="static/index.html">static/index.html</a>…</p>
+  <div class="rain" id="rain" aria-hidden="true"></div>
+
+  <header class="hero">
+    <p class="kicker">🌸 Sakura x Iced Tea</p>
+    <h1 id="display-name">VloStudios</h1>
+    <p id="tagline">Refreshing projects, calm vibes, and a tiny rainstorm of iced tea.</p>
+    <nav class="hero-actions">
+      <a class="btn" href="#cv">Mini CV</a>
+      <a class="btn ghost" href="#projects">Projects</a>
+      <a class="btn ghost" href="https://github.com/VloStudios" target="_blank" rel="noreferrer">GitHub</a>
+    </nav>
+  </header>
+
+  <main class="layout">
+    <section class="panel" id="cv">
+      <h2>Mini CV</h2>
+      <p id="bio">Loading profile from GitHub…</p>
+      <dl class="facts">
+        <div><dt>Username</dt><dd id="username">-</dd></div>
+        <div><dt>Location</dt><dd id="location">-</dd></div>
+        <div><dt>Followers</dt><dd id="followers">-</dd></div>
+        <div><dt>Public Repos</dt><dd id="repos-count">-</dd></div>
+        <div><dt>Top Languages</dt><dd id="top-languages">-</dd></div>
+        <div><dt>Profile Updated</dt><dd id="updated">-</dd></div>
+      </dl>
+    </section>
+
+    <section class="panel tea-panel">
+      <h2>Sakura Tea Notes</h2>
+      <ul>
+        <li>Theme: Cherry blossom twilight + cold tea glow</li>
+        <li>Mood: Soft pink skies and lo-fi refresh</li>
+        <li>Forecast: 100% chance of raining iced tea 🧋</li>
+      </ul>
+    </section>
+
+    <section class="panel" id="projects">
+      <h2>Recent GitHub Projects</h2>
+      <div class="repo-grid" id="repo-grid">
+        <p class="muted">Loading repositories…</p>
+      </div>
+    </section>
+  </main>
+
+  <footer>
+    <p>Made for <a href="https://github.com/VloStudios" target="_blank" rel="noreferrer">@VloStudios</a> with Sakura petals and iced tea rain.</p>
+    <p><a href="./404.html">See themed 404 page</a></p>
+  </footer>
+
+  <script src="./js/main.js"></script>
 </body>
 </html>