Merge commit '93101b1503b6efeca8c841ac7cf7b4894a0b0508'

add: dark mode
Add event calendar and update site content
2026-05-29 21:32:01 -07:00 · 2026-05-29 21:26:22 -07:00 · 2026-05-28 19:11:41 -07:00
6 changed files with 229 additions and 32 deletions
@@ -10,11 +10,11 @@
                    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                    "Helvetica Neue", Arial, sans-serif;
                line-height: 1.6;
-                color: #333;
+                color: #e6edf3;
                max-width: 1000px;
                margin: 0 auto;
                padding: 2rem;
-                background-color: #f4f7f9;
+                background-color: #0d1117;
                display: flex;
                flex-direction: column;
                align-items: center;
@@ -24,18 +24,18 @@
                margin-bottom: 2rem;
            }
            h1 {
-                color: #2c3e50;
+                color: #e6edf3;
                margin-bottom: 0.5rem;
            }
            .date {
-                color: #7f8c8d;
+                color: #8b949e;
                font-style: italic;
            }
            .pdf-container {
                width: 100%;
                height: 80vh;
-                border: 1px solid #ccc;
-                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+                border: 1px solid #21262d;
+                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
                border-radius: 8px;
                overflow: hidden;
            }
@@ -47,14 +47,14 @@
            .btn {
                display: inline-block;
                padding: 0.5rem 1rem;
-                background-color: #3498db;
+                background-color: #1f6feb;
                color: white;
                text-decoration: none;
                border-radius: 4px;
                transition: background-color 0.2s;
            }
            .btn:hover {
-                background-color: #2980b9;
+                background-color: #388bfd;
            }
        </style>
    </head>
@@ -2,22 +2,26 @@

 This repository contains the FLUG presentations.

-## Serving localls
+## Usage
+
+Install the required dependencies:

-Run once to install Vite globally:
 ```bash
-npm install -g vite
+nvm use stable
 npm install
+npm install -g vite
 ```

 Run the development server:
+
 ```bash
-vite serve
+vite
 ```

 ## Building docker image

 To build the Docker image, run:
+
 ```bash
 docker buildx build --platform linux/arm64 --push -t docker.tipsy.codes/flug:20260519 .
 ```
@@ -0,0 +1,18 @@
+BEGIN:VCALENDAR
+VERSION:2.0
+PRODID:-//FLUG//NONSGML Event Calendar//EN
+CALSCALE:GREGORIAN
+METHOD:PUBLISH
+X-WRAPER-NAME:ical4j
+BEGIN:VEVENT
+UID:flug-meeting-2026-05-29@flug.org
+DTSTAMP:20260101T000000Z
+DTSTART;TZID=America/Los_Angeles:20260529T203000
+DTEND;TZID=America/Los_Angeles:20260529T220000
+SUMMARY:FLUG Meeting
+LOCATION:Google CRSM1240, Sunnyvale CA 94089
+DESCRIPTION:FLUG Meeting
+STATUS:CONFIRMED
+TRANSP:OPAQUE
+END:VEVENT
+END:VCALENDAR
@@ -0,0 +1,164 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>FLUG Calendar</title>
+        <style>
+            body {
+                font-family:
+                    system-ui,
+                    -apple-system,
+                    sans-serif;
+                max-width: 800px;
+                margin: 0 auto;
+                padding: 2rem;
+                line-height: 1.5;
+                background: #0d1117;
+                color: #e6edf3;
+            }
+            h1 {
+                border-bottom: 2px solid #21262d;
+                padding-bottom: 0.3em;
+            }
+            .event {
+                padding: 1rem;
+                border: 1px solid #21262d;
+                border-radius: 6px;
+                margin-bottom: 1rem;
+                background: #161b22;
+            }
+            .event-title {
+                font-weight: bold;
+                font-size: 1.2rem;
+                margin-bottom: 0.5rem;
+            }
+            .event-details {
+                color: #8b949e;
+                font-size: 0.9rem;
+            }
+            .btn {
+                display: inline-block;
+                padding: 0.5rem 1rem;
+                background-color: #1f6feb;
+                color: white;
+                text-decoration: none;
+                border-radius: 6px;
+                font-weight: bold;
+                margin-top: 1rem;
+            }
+            .btn:hover {
+                background-color: #388bfd;
+            }
+            a.back {
+                display: block;
+                margin-bottom: 1rem;
+                color: #58a6ff;
+                text-decoration: none;
+            }
+            .google-sub {
+                margin-top: 2rem;
+                padding: 1.5rem;
+                background-color: #161b22;
+                border: 1px solid #21262d;
+                border-radius: 6px;
+            }
+            .google-sub h3 {
+                margin-top: 0;
+                font-size: 1.1rem;
+            }
+            .copy-box {
+                display: flex;
+                gap: 0.5rem;
+                align-items: center;
+                background: #0d1117;
+                padding: 0.5rem;
+                border: 1px solid #30363d;
+                border-radius: 4px;
+                margin: 1rem 0;
+            }
+            .copy-box code {
+                flex-grow: 1;
+                font-family: monospace;
+                font-size: 0.9rem;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                color: #e6edf3;
+            }
+            .btn-copy {
+                padding: 0.3rem 0.6rem;
+                background-color: #21262d;
+                border: 1px solid #30363d;
+                border-radius: 4px;
+                cursor: pointer;
+                font-size: 0.8rem;
+                font-weight: bold;
+                color: #e6edf3;
+            }
+            .btn-copy:hover {
+                background-color: #30363d;
+            }
+            .hint {
+                font-size: 0.85rem;
+                color: #8b949e;
+            }
+        </style>
+    </head>
+    <body>
+        <a href="/index.html" class="back">&larr; Back to Home</a>
+        <h1>FLUG Calendar</h1>
+
+        <div class="event">
+            <div class="event-title">Next FLUG Meeting</div>
+            <div class="event-details">
+                <strong>Date:</strong> May 29, 2026<br />
+                <strong>Time:</strong> 8:30pm PT<br />
+                <strong>Location:</strong> Google CRSM1240, Sunnyvale CA 94089
+            </div>
+            <div class="btn-group">
+                <a href="/calendar/events.ics" class="btn">Download ICS</a>
+                <a
+                    href="https://www.google.com/calendar/render?action=TEMPLATE&text=FLUG+Meeting&dates=20260530T033000Z/20260530T053000Z&details=FLUG+Meeting&location=Google+CRSM1240%2C+Sunnyvale+CA+94089"
+                    class="btn btn-google"
+                    >Add to Google Calendar</a
+                >
+                <a href="#" id="subscribe-btn" class="btn"
+                    >Subscribe (Thunderbird/Evolution/Merkuro/Calendar)</a
+                >
+            </div>
+        </div>
+
+        <div class="google-sub">
+            <h3>Subscribe via Google Calendar</h3>
+            <p>
+                Google Calendar requires you to manually add the calendar URL:
+            </p>
+            <div class="copy-box">
+                <code id="cal-url"></code>
+                <button id="copy-url-btn" class="btn-copy">Copy URL</button>
+            </div>
+            <p class="hint">
+                Then go to Google Calendar &rarr;
+                <strong>Other calendars (+)</strong> &rarr;
+                <strong>From URL</strong> and paste the link.
+            </p>
+        </div>
+
+        <script>
+            const fullUrl = window.location.origin + "/calendar/events.ics";
+            document.getElementById("subscribe-btn").href =
+                "webcal://" + window.location.host + "/calendar/events.ics";
+            document.getElementById("cal-url").textContent = fullUrl;
+
+            document.getElementById("copy-url-btn").onclick = function () {
+                navigator.clipboard.writeText(fullUrl).then(() => {
+                    this.textContent = "Copied!";
+                    setTimeout(() => {
+                        this.textContent = "Copy URL";
+                    }, 2000);
+                });
+            };
+        </script>
+    </body>
+</html>
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
    <head>
        <meta charset="UTF-8" />
@@ -14,9 +14,11 @@
                margin: 0 auto;
                padding: 2rem;
                line-height: 1.5;
+                background: #0d1117;
+                color: #e6edf3;
            }
            h1 {
-                border-bottom: 2px solid #eaecef;
+                border-bottom: 2px solid #21262d;
                padding-bottom: 0.3em;
            }
            ul {
@@ -26,12 +28,13 @@
            li {
                margin-bottom: 1rem;
                padding: 1rem;
-                border: 1px solid #eaecef;
+                border: 1px solid #21262d;
                border-radius: 6px;
+                background: #161b22;
            }
            a {
                text-decoration: none;
-                color: #0366d6;
+                color: #58a6ff;
                font-weight: bold;
                font-size: 1.2rem;
            }
@@ -39,7 +42,7 @@
                text-decoration: underline;
            }
            .date {
-                color: #586069;
+                color: #8b949e;
                font-size: 0.9rem;
                margin-top: 0.5rem;
            }
@@ -51,8 +54,8 @@

        <p>
            <a
-                href="/calendar.html"
-                style="font-size: 1rem; font-weight: normal; color: #0366d6"
+                href="/calendar/"
+                style="font-size: 1rem; font-weight: normal; color: #58a6ff"
                >📅 View Calendar & Add to yours</a
            >
        </p>
@@ -29,8 +29,24 @@ function getInputs() {
 export default defineConfig({
  plugins: [
    {
-      name: "copy-pdfs",
+      name: "copy-assets",
      writeBundle() {
+        function copyDir(srcDir, destDir, skipFile) {
+          const entries = fs.readdirSync(srcDir, { withFileTypes: true });
+          for (const entry of entries) {
+            if (skipFile && entry.name === skipFile) continue;
+            const src = resolve(srcDir, entry.name);
+            const dest = resolve(destDir, entry.name);
+            if (entry.isDirectory()) {
+              fs.mkdirSync(dest, { recursive: true });
+              copyDir(src, dest);
+            } else {
+              fs.mkdirSync(destDir, { recursive: true });
+              fs.copyFileSync(src, dest);
+            }
+          }
+        }
+
        const entries = fs.readdirSync(__dirname, { withFileTypes: true });
        for (const entry of entries) {
          if (
@@ -40,19 +56,11 @@ export default defineConfig({
            !entry.name.startsWith(".")
          ) {
            const dirPath = resolve(__dirname, entry.name);
-            const files = fs.readdirSync(dirPath);
-            for (const file of files) {
-              if (file.toLowerCase().endsWith(".pdf")) {
-                const src = resolve(dirPath, file);
-                const destDir = resolve(__dirname, "dist", entry.name);
-                const dest = resolve(destDir, file);
+            const indexPath = resolve(dirPath, "index.html");
+            if (!fs.existsSync(indexPath)) continue;

-                if (!fs.existsSync(destDir)) {
-                  fs.mkdirSync(destDir, { recursive: true });
-                }
-                fs.copyFileSync(src, dest);
-              }
-            }
+            const destDir = resolve(__dirname, "dist", entry.name);
+            copyDir(dirPath, destDir, "index.html");
          }
        }
      },
Author	SHA1	Message	Date
charles	4c72aaa4c3	Merge commit '93101b1503b6efeca8c841ac7cf7b4894a0b0508'	2026-05-29 21:32:01 -07:00
charles	93101b1503	add: dark mode	2026-05-29 21:26:22 -07:00
charles	ac09a31961	Add event calendar and update site content Add a calendar page and ICS file for event subscriptions. Update the Hello Linux presentation with Tux images and add setup instructions to the README.	2026-05-28 19:11:41 -07:00