Initial commit: VeryExtraOS ARG site

README.md

@@ -0,0 +1 @@
+# veryextra ARG site

ops/docker-compose.yml

@@ -0,0 +1,9 @@
+services:
+  veryextra-arg:
+    image: nginx:alpine
+    container_name: veryextra-arg
+    restart: unless-stopped
+    ports:
+      - "8008:80"
+    volumes:
+      - ../site:/usr/share/nginx/html:ro

site/fakeweb/bbs-luna-board.html

@@ -0,0 +1,5 @@
+<h1>LunaBoard BBS</h1>
+<p>[Thread] Show your desktop screenshots (248 replies)</p>
+<p>[Thread] Best old internet sounds?? (93 replies)</p>
+<p>[Thread] Help: my css gradients look too modern</p>
+<p><a href="site://lab/ascii-lounge">post your ASCII signatures here</a></p>

site/fakeweb/fansite-winamp-skins.html

@@ -0,0 +1,9 @@
+<h1>Winamp Skins Archive</h1>
+<p>It really whips the llama's ass.</p>
+<table border="1" cellpadding="6">
+  <tr><th>Skin</th><th>Style</th><th>Status</th></tr>
+  <tr><td>Neon Bubblegum</td><td>Y2K</td><td>Download mirror offline</td></tr>
+  <tr><td>Crystal Lavender</td><td>Futuristic</td><td>Available</td></tr>
+  <tr><td>Night Kitty</td><td>Dark Cute</td><td>Available</td></tr>
+</table>
+<p><a href="site://museum/under-construction">need old download badges?</a></p>

site/fakeweb/geocities-ponzu-home.html

@@ -0,0 +1,10 @@
+<h1>~* Ponzu's Cosmic Corner *~</h1>
+<p>Welcome to my personal homepage!!!</p>
+<p><marquee>sign my guestbook! sign my guestbook! sign my guestbook!</marquee></p>
+<ul>
+  <li>mood: sparkling</li>
+  <li>currently listening: eurodance mix cd</li>
+  <li>favorite browser: internet explorer <b>6</b></li>
+</ul>
+<p><a href="site://otaku/sailor-shrine">visit my anime shrine</a></p>
+<p><a href="site://webring/pink-directory">back to pink webring</a></p>

site/fakeweb/index.json

@@ -0,0 +1,92 @@
+{
+  "pages": [
+    {
+      "route": "home://portal",
+      "title": "Retro Portal",
+      "file": "/fakeweb/portal.html",
+      "favorite": true,
+      "tags": [
+        "portal",
+        "home",
+        "retro"
+      ]
+    },
+    {
+      "route": "site://geocities/ponzu-home",
+      "title": "Ponzu Home Page",
+      "file": "/fakeweb/geocities-ponzu-home.html",
+      "favorite": true,
+      "tags": [
+        "geocities",
+        "anime",
+        "home"
+      ]
+    },
+    {
+      "route": "site://webring/pink-directory",
+      "title": "Pink WebRing Directory",
+      "file": "/fakeweb/webring-pink-directory.html",
+      "favorite": true,
+      "tags": [
+        "webring",
+        "directory",
+        "links"
+      ]
+    },
+    {
+      "route": "site://fansite/winamp-skins",
+      "title": "Winamp Skins Archive",
+      "file": "/fakeweb/fansite-winamp-skins.html",
+      "favorite": true,
+      "tags": [
+        "music",
+        "skins",
+        "download"
+      ]
+    },
+    {
+      "route": "site://bbs/luna-board",
+      "title": "LunaBoard BBS",
+      "file": "/fakeweb/bbs-luna-board.html",
+      "favorite": true,
+      "tags": [
+        "bbs",
+        "forum",
+        "community"
+      ]
+    },
+    {
+      "route": "site://museum/under-construction",
+      "title": "Under Construction Museum",
+      "file": "/fakeweb/museum-under-construction.html",
+      "favorite": false,
+      "tags": [
+        "museum",
+        "construction",
+        "nostalgia"
+      ]
+    },
+    {
+      "route": "site://otaku/sailor-shrine",
+      "title": "Sailor Shrine",
+      "file": "/fakeweb/otaku-sailor-shrine.html",
+      "favorite": false,
+      "tags": [
+        "anime",
+        "shrine",
+        "otaku"
+      ]
+    },
+    {
+      "route": "site://lab/ascii-lounge",
+      "title": "ASCII Lounge",
+      "file": "/fakeweb/lab-ascii-lounge.html",
+      "favorite": false,
+      "tags": [
+        "ascii",
+        "art",
+        "lab"
+      ]
+    }
+  ]
+}

site/fakeweb/lab-ascii-lounge.html

@@ -0,0 +1,8 @@
+<h1>ASCII Lounge</h1>
+<pre>
+  (^_^)
+ <(  ☆  )>
+   /   \
+</pre>
+<p>Share your signatures and keyboard art.</p>
+<p><a href="site://bbs/luna-board">go to BBS thread</a></p>

site/fakeweb/museum-under-construction.html

@@ -0,0 +1,9 @@
+<h1>Under Construction Museum</h1>
+<p>Collection of classic web relics:</p>
+<ul>
+  <li>🚧 Under construction banner</li>
+  <li>📬 Guestbook link</li>
+  <li>🌐 Netscape Now! badge</li>
+  <li>🧱 Counter widget</li>
+</ul>
+<p><a href="home://portal">escape the museum</a></p>

site/fakeweb/otaku-sailor-shrine.html

@@ -0,0 +1,9 @@
+<h1>Sailor Shrine ☆</h1>
+<p>This shrine is dedicated to magical girl aesthetics.</p>
+<p>Top 3 opening themes:</p>
+<ol>
+  <li>Moonlight Densetsu</li>
+  <li>Sailor Star Song</li>
+  <li>La Soldier</li>
+</ol>
+<p><a href="site://geocities/ponzu-home">back to ponzu home</a></p>

site/fakeweb/portal.html

@@ -0,0 +1,13 @@
+<h1>RETRO PORTAL 2000</h1>
+<p><blink>new layout!!!</blink> welcome surfer~</p>
+<p>Pick your vibe:</p>
+<ul>
+  <li><a href="site://geocities/ponzu-home">Ponzu Home Page</a></li>
+  <li><a href="site://webring/pink-directory">Pink WebRing Directory</a></li>
+  <li><a href="site://fansite/winamp-skins">Winamp Skins Archive</a></li>
+  <li><a href="site://bbs/luna-board">LunaBoard BBS</a></li>
+  <li><a href="site://museum/under-construction">Under Construction Museum</a></li>
+</ul>
+<p><a href="site://lab/ascii-lounge">ASCII Lounge</a> · <a href="site://otaku/sailor-shrine">Sailor Shrine</a></p>
+<hr>
+<p><small>This page is hand-coded with love in Notepad.</small></p>

site/fakeweb/webring-pink-directory.html

@@ -0,0 +1,9 @@
+<h1>Pink WebRing Directory</h1>
+<p>All links approved by glitter council.</p>
+<ol>
+  <li><a href="site://geocities/ponzu-home">Ponzu Home Page</a></li>
+  <li><a href="site://fansite/winamp-skins">Winamp Skins Archive</a></li>
+  <li><a href="site://bbs/luna-board">LunaBoard BBS</a></li>
+  <li><a href="site://lab/ascii-lounge">ASCII Lounge</a></li>
+</ol>
+<p><a href="home://portal">return to portal</a></p>

site/index.html

@@ -0,0 +1,89 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>veryextra.net</title>
+  <link rel="stylesheet" href="./styles.css" />
+</head>
+<body>
+  <div id="desktop">
+
+    <main id="icons">
+      <button class="desktop-icon" data-app="mycomputer">
+        <span class="emoji">🖥️</span>
+        <span>My Computer</span>
+      </button>
+
+      <button class="desktop-icon" data-app="notepad">
+        <span class="emoji">📝</span>
+        <span>Notepad.txt</span>
+      </button>
+
+      <button class="desktop-icon" data-app="paint">
+        <span class="emoji">🎨</span>
+        <span>Paint</span>
+      </button>
+
+      <button class="desktop-icon" data-app="ie">
+        <span class="emoji">🌐</span>
+        <span>Internet Explorer</span>
+      </button>
+
+      <button class="desktop-icon" data-app="recycle">
+        <span class="emoji">🗑️</span>
+        <span>Recycle Bin</span>
+      </button>
+    </main>
+
+    <footer id="taskbar">
+      <button id="start-btn">start</button>
+      <div id="taskbar-windows" aria-label="open windows"></div>
+      <div id="taskbar-right" aria-label="taskbar tray">
+        <span id="taskbar-brand">veryextraOS 1.0</span>
+        <div id="taskbar-tray-buttons">
+          <button id="reset-layout-btn" title="Reset icon layout" aria-label="Reset icon layout"><span aria-hidden="true">⟲</span></button>
+          <button id="show-desktop-btn" title="Show desktop" aria-label="Show desktop"><span aria-hidden="true">▭</span></button>
+        </div>
+        <div id="clock"><span class="clock-time">--:--</span><span class="clock-date">--/--/----</span></div>
+      </div>
+    </footer>
+
+    <section id="start-menu" class="hidden" aria-label="Start menu">
+      <div class="start-menu-top">
+        <span class="start-user">Dion</span>
+      </div>
+      <div class="start-menu-body">
+        <div class="start-col start-col-left">
+          <button class="start-item" data-open-app="ie">🌐 Internet</button>
+          <button class="start-item" data-open-app="notepad">📝 Notepad</button>
+          <button class="start-item" data-open-app="paint">🎨 Paint</button>
+          <button class="start-item" data-open-app="mycomputer">🖥️ My Computer</button>
+        </div>
+        <div class="start-col start-col-right">
+          <button class="start-item secondary" data-open-path="/C:/Documents and Settings/Dion/My Documents">📂 My Documents</button>
+          <button class="start-item secondary" data-open-path="/C:/Documents and Settings/Dion/My Pictures">🖼️ My Pictures</button>
+          <button class="start-item secondary" data-open-path="/D:/Music">🎵 Music</button>
+          <button class="start-item secondary" data-system-action="control-panel">⚙️ Control Panel</button>
+          <button class="start-item secondary" data-system-action="run">🏃 Run...</button>
+          <button class="start-item secondary" data-system-action="help">❓ Help and Support</button>
+        </div>
+      </div>
+      <div class="start-menu-footer">
+        <button class="start-footer-btn" data-system-action="logoff">🔒 Log Off</button>
+        <button class="start-footer-btn" data-system-action="shutdown">⏻ Turn Off Computer</button>
+      </div>
+    </section>
+  </div>
+
+  <section id="window-template" class="app-window hidden" aria-live="polite">
+    <div class="window-titlebar">
+      <strong class="window-title">Window</strong>
+      <button class="window-close" aria-label="close">×</button>
+    </div>
+    <div class="window-content"></div>
+  </section>
+
+  <script src="./script.js"></script>
+</body>
+</html>