Merge commit '93101b1503b6efeca8c841ac7cf7b4894a0b0508'

Merge remote-tracking branch 'origin/main'
add: dark mode
2026-05-29 21:32:01 -07:00 · 2026-05-29 21:27:36 -07:00 · 2026-05-29 21:26:22 -07:00 · 2026-05-28 19:11:41 -07:00 · 2026-05-28 18:40:14 -07:00 · 2026-05-19 22:48:39 -07:00
14 changed files with 641 additions and 54 deletions
@@ -23,6 +23,34 @@
                    <p>April 3, 2026</p>
                </section>
                <section>
                    <h2>Meet Tux, the Linux Mascot!</h2>
                    <div
                        style="
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            gap: 20px;
                        "
                    >
                        <img
                            src="tux1.png"
                            alt="Tux 1"
                            style="max-height: 300px; object-fit: contain"
                        />
                        <img
                            src="tux2.png"
                            alt="Tux 2"
                            style="max-height: 300px; object-fit: contain"
                        />
                        <img
                            src="tux3.png"
                            alt="Tux 3"
                            style="max-height: 300px; object-fit: contain"
                        />
                    </div>
                </section>
                <section>
                    <h2>What is a computer?</h2>
                    <img
@@ -0,0 +1,92 @@
 <!doctype html>
 <html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>HomeLab Presentation - 2026-05-01</title>
        <style>
            body {
                font-family:
                    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                    "Helvetica Neue", Arial, sans-serif;
                line-height: 1.6;
                color: #e6edf3;
                max-width: 1000px;
                margin: 0 auto;
                padding: 2rem;
                background-color: #0d1117;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            header {
                text-align: center;
                margin-bottom: 2rem;
            }
            h1 {
                color: #e6edf3;
                margin-bottom: 0.5rem;
            }
            .date {
                color: #8b949e;
                font-style: italic;
            }
            .pdf-container {
                width: 100%;
                height: 80vh;
                border: 1px solid #21262d;
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
                border-radius: 8px;
                overflow: hidden;
            }
            .controls {
                margin-top: 1rem;
                display: flex;
                gap: 1rem;
            }
            .btn {
                display: inline-block;
                padding: 0.5rem 1rem;
                background-color: #1f6feb;
                color: white;
                text-decoration: none;
                border-radius: 4px;
                transition: background-color 0.2s;
            }
            .btn:hover {
                background-color: #388bfd;
            }
        </style>
    </head>
    <body>
        <header>
            <h1>HomeLab Presentation</h1>
            <p class="date">May 1, 2026</p>
        </header>
        <div class="pdf-container">
            <iframe
                src="FLUG_Presentation_Slides.pdf"
                width="100%"
                height="100%"
                style="border: none"
            >
                <p>
                    Your browser does not support iframes. Please
                    <a href="FLUG_Presentation_Slides.pdf"
                        >click here to view the presentation.</a
                    >
                </p>
            </iframe>
        </div>
        <div class="controls">
            <a href="FLUG_Presentation_Slides.pdf" target="_blank" class="btn"
                >Open PDF in New Tab</a
            >
            <a href="FLUG_Presentation_Slides.pdf" download class="btn"
                >Download PDF</a
            >
        </div>
    </body>
 </html>
@@ -0,0 +1,27 @@
 FROM node:22-alpine AS builder
 # Set working directory
 WORKDIR /app
 # Copy the book source files
 COPY . /app/flug
 # Set the working directory to the book folder
 WORKDIR /app/flug
 # Install honkit globally and build the book
 RUN npm install -g vite && \
    npm install && \
    vite build
 # Final Stage: Serve with Nginx
 FROM nginx:alpine
 # Copy the rendered HTML from the builder stage
 COPY --from=builder /app/flug/dist /usr/share/nginx/html
 # Expose port 80
 EXPOSE 80
 # Use the default Nginx configuration to serve static files
 CMD ["nginx", "-g", "daemon off;"]
@@ -1,3 +1,27 @@
 # Faux Linux User Group presentations
 This repository contains the FLUG presentations.
 ## Usage
 Install the required dependencies:
 ```bash
 nvm use stable
 npm install
 npm install -g vite
 ```
 Run the development server:
 ```bash
 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,159 @@
 <!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;
            }
            h1 {
                border-bottom: 2px solid #eaecef;
                padding-bottom: 0.3em;
            }
            .event {
                padding: 1rem;
                border: 1px solid #eaecef;
                border-radius: 6px;
                margin-bottom: 1rem;
            }
            .event-title {
                font-weight: bold;
                font-size: 1.2rem;
                margin-bottom: 0.5rem;
            }
            .event-details {
                color: #586069;
                font-size: 0.9rem;
            }
            .btn {
                display: inline-block;
                padding: 0.5rem 1rem;
                background-color: #0366d6;
                color: white;
                text-decoration: none;
                border-radius: 6px;
                font-weight: bold;
                margin-top: 1rem;
            }
            .btn:hover {
                background-color: #0256b6;
            }
            a.back {
                display: block;
                margin-bottom: 1rem;
                color: #0366d6;
                text-decoration: none;
            }
            .google-sub {
                margin-top: 2rem;
                padding: 1.5rem;
                background-color: #f6f8fa;
                border: 1px solid #eaecef;
                border-radius: 6px;
            }
            .google-sub h3 {
                margin-top: 0;
                font-size: 1.1rem;
            }
            .copy-box {
                display: flex;
                gap: 0.5rem;
                align-items: center;
                background: white;
                padding: 0.5rem;
                border: 1px solid #d1d5da;
                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;
            }
            .btn-copy {
                padding: 0.3rem 0.6rem;
                background-color: #fafbfc;
                border: 1px solid #d1d5da;
                border-radius: 4px;
                cursor: pointer;
                font-size: 0.8rem;
                font-weight: bold;
            }
            .btn-copy:hover {
                background-color: #f3f4f6;
            }
            .hint {
                font-size: 0.85rem;
                color: #586069;
            }
        </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="/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 + "/events.ics";
            document.getElementById("subscribe-btn").href =
                "webcal://" + window.location.host + "/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>
@@ -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>
@@ -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
@@ -1,57 +1,75 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
+    <head>
-    <meta charset="UTF-8">
+        <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>FLUG Presentations</title>
+        <title>FLUG Presentations</title>
-    <style>
+        <style>
-        body {
+            body {
-            font-family: system-ui, -apple-system, sans-serif;
+                font-family:
-            max-width: 800px;
+                    system-ui,
-            margin: 0 auto;
+                    -apple-system,
-            padding: 2rem;
+                    sans-serif;
-            line-height: 1.5;
+                max-width: 800px;
-        }
+                margin: 0 auto;
-        h1 {
+                padding: 2rem;
-            border-bottom: 2px solid #eaecef;
+                line-height: 1.5;
-            padding-bottom: 0.3em;
+                background: #0d1117;
-        }
+                color: #e6edf3;
-        ul {
+            }
-            list-style-type: none;
+            h1 {
-            padding: 0;
+                border-bottom: 2px solid #21262d;
-        }
+                padding-bottom: 0.3em;
-        li {
+            }
-            margin-bottom: 1rem;
+            ul {
-            padding: 1rem;
+                list-style-type: none;
-            border: 1px solid #eaecef;
+                padding: 0;
-            border-radius: 6px;
+            }
-        }
+            li {
-        a {
+                margin-bottom: 1rem;
-            text-decoration: none;
+                padding: 1rem;
-            color: #0366d6;
+                border: 1px solid #21262d;
-            font-weight: bold;
+                border-radius: 6px;
-            font-size: 1.2rem;
+                background: #161b22;
-        }
+            }
-        a:hover {
+            a {
-            text-decoration: underline;
+                text-decoration: none;
-        }
+                color: #58a6ff;
-        .date {
+                font-weight: bold;
-            color: #586069;
+                font-size: 1.2rem;
-            font-size: 0.9rem;
+            }
-            margin-top: 0.5rem;
+            a:hover {
-        }
+                text-decoration: underline;
-    </style>
+            }
-</head>
+            .date {
-<body>
+                color: #8b949e;
-    <h1>FLUG Presentations</h1>
+                font-size: 0.9rem;
-    <p>Welcome to the presentation repository for FLUG.</p>
+                margin-top: 0.5rem;
            }
        </style>
    </head>
    <body>
        <h1>FLUG Presentations</h1>
        <p>Welcome to the presentation repository for FLUG.</p>
-    <h2>Presentations</h2>
+        <p>
-    <ul>
+            <a
-        <li>
+                href="/calendar/"
-            <a href="/20260403-HelloLinux/index.html">Hello Linux</a>
+                style="font-size: 1rem; font-weight: normal; color: #58a6ff"
-            <div class="date">April 3, 2026</div>
+                >📅 View Calendar & Add to yours</a
-        </li>
+            >
-    </ul>
+        </p>
-</body>
+
        <h2>Presentations</h2>
        <ul>
            <li>
                <a href="/20260403-HelloLinux/index.html">Hello Linux</a>
                <div class="date">April 3, 2026</div>
            </li>
            <li>
                <a href="/20260501-HomeLab/index.html">Home Lab</a>
                <div class="date">May 1, 2026</div>
            </li>
        </ul>
    </body>
 </html>
@@ -27,6 +27,45 @@ function getInputs() {
 }
 export default defineConfig({
  plugins: [
    {
      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 (
            entry.isDirectory() &&
            entry.name !== "node_modules" &&
            entry.name !== "dist" &&
            !entry.name.startsWith(".")
          ) {
            const dirPath = resolve(__dirname, entry.name);
            const indexPath = resolve(dirPath, "index.html");
            if (!fs.existsSync(indexPath)) continue;
            const destDir = resolve(__dirname, "dist", entry.name);
            copyDir(dirPath, destDir, "index.html");
          }
        }
      },
    },
  ],
  build: {
    rollupOptions: {
      input: getInputs(),
Author	SHA1	Message	Date
charles	4c72aaa4c3	Merge commit '93101b1503b6efeca8c841ac7cf7b4894a0b0508'	2026-05-29 21:32:01 -07:00
charles	b14c568956	Merge remote-tracking branch 'origin/main'	2026-05-29 21:27:36 -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
charles	b7d48908b9	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 18:40:14 -07:00
charles	4412fe6001	Add plugin to copy PDFs to dist directory	2026-05-19 22:48:39 -07:00
charles	ebf4df8e54	Update Home Lab link to index page	2026-05-19 22:44:57 -07:00
charles	6ba67b9f8e	Add docker build	2026-05-19 22:32:56 -07:00
charles	353e844bf6	Add 05/01 presentation	2026-05-19 22:31:09 -07:00