charles/flug
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: charles/flug:6ba67b9f8e07f37ddd8a1b34fa52042d3810cb7d
Branches Tags
charles/flug:main
..
compare: charles/flug:main
Branches Tags
charles/flug:main

7 Commits
6ba67b9f8e .. main

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
12 changed files with 542 additions and 11 deletions
Expand all files Collapse all files
20260403-HelloLinux/index.html
+28
View File
@@ -23,6 +23,34 @@
<p>April 3, 2026</p> <p>April 3, 2026</p>
</section> </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> <section>
<h2>What is a computer?</h2> <h2>What is a computer?</h2>
<img <img
20260403-HelloLinux/tux1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

20260403-HelloLinux/tux2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

20260403-HelloLinux/tux3.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

20260501-HomeLab/index.html
+92
View File
@@ -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>
README.md
+8 -4
View File
@@ -2,22 +2,26 @@
This repository contains the FLUG presentations. This repository contains the FLUG presentations.
## Serving localls ## Usage
Install the required dependencies:
Run once to install Vite globally:
```bash ```bash
npm install -g vite nvm use stable
npm install npm install
npm install -g vite
``` ```
Run the development server: Run the development server:
```bash ```bash
vite serve vite
``` ```
## Building docker image ## Building docker image
To build the Docker image, run: To build the Docker image, run:
```bash ```bash
docker buildx build --platform linux/arm64 --push -t docker.tipsy.codes/flug:20260519 . docker buildx build --platform linux/arm64 --push -t docker.tipsy.codes/flug:20260519 .
``` ```
calendar.html
+159
View File
@@ -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>
calendar/events.ics
+18
View File
@@ -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
calendar/index.html
+164
View File
@@ -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>
events.ics
+18
View File
@@ -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
index.html
+16 -7
View File
@@ -14,9 +14,11 @@
margin: 0 auto; margin: 0 auto;
padding: 2rem; padding: 2rem;
line-height: 1.5; line-height: 1.5;
background: #0d1117;
color: #e6edf3;
} }
h1 { h1 {
border-bottom: 2px solid #eaecef; border-bottom: 2px solid #21262d;
padding-bottom: 0.3em; padding-bottom: 0.3em;
} }
ul { ul {
@@ -26,12 +28,13 @@
li { li {
margin-bottom: 1rem; margin-bottom: 1rem;
padding: 1rem; padding: 1rem;
border: 1px solid #eaecef; border: 1px solid #21262d;
border-radius: 6px; border-radius: 6px;
background: #161b22;
} }
a { a {
text-decoration: none; text-decoration: none;
color: #0366d6; color: #58a6ff;
font-weight: bold; font-weight: bold;
font-size: 1.2rem; font-size: 1.2rem;
} }
@@ -39,7 +42,7 @@
text-decoration: underline; text-decoration: underline;
} }
.date { .date {
color: #586069; color: #8b949e;
font-size: 0.9rem; font-size: 0.9rem;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
@@ -49,6 +52,14 @@
<h1>FLUG Presentations</h1> <h1>FLUG Presentations</h1>
<p>Welcome to the presentation repository for FLUG.</p> <p>Welcome to the presentation repository for FLUG.</p>
<p>
<a
href="/calendar/"
style="font-size: 1rem; font-weight: normal; color: #58a6ff"
>📅 View Calendar & Add to yours</a
>
</p>
<h2>Presentations</h2> <h2>Presentations</h2>
<ul> <ul>
<li> <li>
@@ -56,9 +67,7 @@
<div class="date">April 3, 2026</div> <div class="date">April 3, 2026</div>
</li> </li>
<li> <li>
<a href="/20260501-HomeLab/FLUG_Presentation_Slides.pdf" <a href="/20260501-HomeLab/index.html">Home Lab</a>
>Home Lab</a
>
<div class="date">May 1, 2026</div> <div class="date">May 1, 2026</div>
</li> </li>
</ul> </ul>
vite.config.js
+39
View File
@@ -27,6 +27,45 @@ function getInputs() {
} }
export default defineConfig({ 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: { build: {
rollupOptions: { rollupOptions: {
input: getInputs(), input: getInputs(),