diff --git a/20260403-HelloLinux/index.html b/20260403-HelloLinux/index.html
index a649c3c..a4e9207 100644
--- a/20260403-HelloLinux/index.html
+++ b/20260403-HelloLinux/index.html
@@ -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
diff --git a/20260403-HelloLinux/tux1.png b/20260403-HelloLinux/tux1.png
new file mode 100644
index 0000000..f0e2895
Binary files /dev/null and b/20260403-HelloLinux/tux1.png differ
diff --git a/20260403-HelloLinux/tux2.png b/20260403-HelloLinux/tux2.png
new file mode 100644
index 0000000..94c4d17
Binary files /dev/null and b/20260403-HelloLinux/tux2.png differ
diff --git a/20260403-HelloLinux/tux3.png b/20260403-HelloLinux/tux3.png
new file mode 100644
index 0000000..af4d146
Binary files /dev/null and b/20260403-HelloLinux/tux3.png differ
diff --git a/README.md b/README.md
index 8712bba..16eeb35 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,19 @@
 # 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
+```
diff --git a/calendar.html b/calendar.html
new file mode 100644
index 0000000..79acd87
--- /dev/null
+++ b/calendar.html
@@ -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>
diff --git a/events.ics b/events.ics
new file mode 100644
index 0000000..d061904
--- /dev/null
+++ b/events.ics
@@ -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
diff --git a/index.html b/index.html
index a1c70dc..42fe8bb 100644
--- a/index.html
+++ b/index.html
@@ -1,57 +1,68 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FLUG Presentations</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;
-        }
-        ul {
-            list-style-type: none;
-            padding: 0;
-        }
-        li {
-            margin-bottom: 1rem;
-            padding: 1rem;
-            border: 1px solid #eaecef;
-            border-radius: 6px;
-        }
-        a {
-            text-decoration: none;
-            color: #0366d6;
-            font-weight: bold;
-            font-size: 1.2rem;
-        }
-        a:hover {
-            text-decoration: underline;
-        }
-        .date {
-            color: #586069;
-            font-size: 0.9rem;
-            margin-top: 0.5rem;
-        }
-    </style>
-</head>
-<body>
-    <h1>FLUG Presentations</h1>
-    <p>Welcome to the presentation repository for FLUG.</p>
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>FLUG Presentations</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;
+            }
+            ul {
+                list-style-type: none;
+                padding: 0;
+            }
+            li {
+                margin-bottom: 1rem;
+                padding: 1rem;
+                border: 1px solid #eaecef;
+                border-radius: 6px;
+            }
+            a {
+                text-decoration: none;
+                color: #0366d6;
+                font-weight: bold;
+                font-size: 1.2rem;
+            }
+            a:hover {
+                text-decoration: underline;
+            }
+            .date {
+                color: #586069;
+                font-size: 0.9rem;
+                margin-top: 0.5rem;
+            }
+        </style>
+    </head>
+    <body>
+        <h1>FLUG Presentations</h1>
+        <p>Welcome to the presentation repository for FLUG.</p>
 
-    <h2>Presentations</h2>
-    <ul>
-        <li>
-            <a href="/20260403-HelloLinux/index.html">Hello Linux</a>
-            <div class="date">April 3, 2026</div>
-        </li>
-    </ul>
-</body>
+        <p>
+            <a
+                href="/calendar.html"
+                style="font-size: 1rem; font-weight: normal; color: #0366d6"
+                >📅 View Calendar & Add to yours</a
+            >
+        </p>
+
+        <h2>Presentations</h2>
+        <ul>
+            <li>
+                <a href="/20260403-HelloLinux/index.html">Hello Linux</a>
+                <div class="date">April 3, 2026</div>
+            </li>
+        </ul>
+    </body>
 </html>
