stefankoelle/moonweb-site
1
0
Fork 0
mirror of https://github.com/skoelle/moonweb-site.git synced 2026-09-17 17:00:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Consolidate all moonweb.org sites under www.moonweb.org

Browse Source 
- Migrate timecapsule (old www.moonweb.org) into monorepo as Eleventy 2.x site
- Change all site URLs from subdomains to subdirectories under www.moonweb.org
- Replace Cloudflare Pages deployment with IONOS SFTP
- Update site-switcher, footer, and all internal links
- Add merge script for combining all sites into single deployment
- Update CI/CD workflow for IONOS SFTP deployment
- Update stefankoelle.de references to use new URLs
- Update AGENTS.md and README.md documentation
This commit is contained in:
stefankoelle
2026-09-11 10:53:22 +02:00
parent a97c3d3a89
commit 466df3bd04
220 changed files with 12598 additions and 425 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.github/workflows/build-deploy-moonweb.yml
+195
View File
@@ -0,0 +1,195 @@
name: Build & Deploy moonweb.org
on:
push:
branches: [main]
paths-ignore:
- 'stefankoelle/**'
- '.github/workflows/deploy-stefankoelle.yml'
pull_request:
branches: [main]
paths-ignore:
- 'stefankoelle/**'
- '.github/workflows/deploy-stefankoelle.yml'
concurrency:
group: ${{ github.workflow }}-${{ github.ref }}
cancel-in-progress: true
env:
NODE_VERSION: "22"
jobs:
build:
name: Build ${{ matrix.site }}
runs-on: ubuntu-latest
strategy:
fail-fast: false
matrix:
site: [hub, infra, smarthome, code, retro]
steps:
- uses: actions/checkout@v7
- uses: actions/setup-node@v7
with:
node-version: ${{ env.NODE_VERSION }}
cache: "npm"
- name: Install dependencies
run: npm ci
- name: Build ${{ matrix.site }}
run: npm run build:${{ matrix.site }}
- name: Validate build output
run: |
if [ ! -d "dist/${{ matrix.site }}" ]; then
echo "Error: dist/${{ matrix.site }} not found"
exit 1
fi
if [ -z "$(ls -A dist/${{ matrix.site }} 2>/dev/null)" ]; then
echo "Error: dist/${{ matrix.site }} is empty"
exit 1
fi
echo "Build output:"
find dist/${{ matrix.site }} -type f | head -20
- name: Upload build artifact
uses: actions/upload-artifact@v7
with:
name: dist-${{ matrix.site }}
path: dist/${{ matrix.site }}
retention-days: 7
build-timecapsule:
name: Build timecapsule
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v7
- uses: actions/setup-node@v7
with:
node-version: ${{ env.NODE_VERSION }}
- name: Install timecapsule dependencies
run: cd timecapsule && npm ci
- name: Build timecapsule
run: npm run build:timecapsule
- name: Validate build output
run: |
if [ ! -d "dist/timecapsule" ]; then
echo "Error: dist/timecapsule not found"
exit 1
fi
if [ -z "$(ls -A dist/timecapsule 2>/dev/null)" ]; then
echo "Error: dist/timecapsule is empty"
exit 1
fi
echo "Build output:"
find dist/timecapsule -type f | head -20
- name: Upload build artifact
uses: actions/upload-artifact@v7
with:
name: dist-timecapsule
path: dist/timecapsule
retention-days: 7
merge:
name: Merge all sites
needs: [build, build-timecapsule]
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v7
- name: Download all artifacts
uses: actions/download-artifact@v8
with:
path: artifacts/
- name: Merge into dist/
run: |
mkdir -p dist
# Hub becomes root
cp -r artifacts/dist-hub/* dist/
# Subdirectories
for site in infra smarthome code retro timecapsule; do
if [ -d "artifacts/dist-$site" ]; then
cp -r "artifacts/dist-$site" "dist/$site"
fi
done
# Copy shared CSS to root (accessible from all subdirectories)
cp shared/base.css dist/shared-base.css
cp shared/favicon/hub.svg dist/favicon.svg
echo "Final structure:"
find dist -maxdepth 2 -type f | sort | head -40
echo "..."
echo "Total files:"
find dist -type f | wc -l
- name: Upload merged artifact
uses: actions/upload-artifact@v7
with:
name: dist-moonweb-merged
path: dist/
retention-days: 7
deploy:
name: Deploy to IONOS
needs: merge
runs-on: ubuntu-latest
if: github.ref == 'refs/heads/main' && github.event_name == 'push'
steps:
- name: Download merged artifact
uses: actions/download-artifact@v8
with:
name: dist-moonweb-merged
path: dist/
- name: Deploy via SFTP
uses: wlixcc/SFTP-Deploy-Action@v1.2.6
with:
local_path: './dist/*'
server: ${{ secrets.IONOS_SFTP_HOST }}
username: ${{ secrets.IONOS_SFTP_USER }}
password: ${{ secrets.IONOS_SFTP_PASSWORD }}
remote_path: '/websites/moonweb/'
port: 22
sftp_only: true
summary:
name: Deploy Summary
needs: deploy
runs-on: ubuntu-latest
if: always()
steps:
- name: Print deployment summary
run: |
echo "## Deployment Summary" >> $GITHUB_STEP_SUMMARY
echo "" >> $GITHUB_STEP_SUMMARY
if [ "${{ needs.deploy.result }}" = "success" ]; then
echo "moonweb.org deployed successfully!" >> $GITHUB_STEP_SUMMARY
else
echo "Deployment failed. Check the deploy jobs for details." >> $GITHUB_STEP_SUMMARY
fi
echo "" >> $GITHUB_STEP_SUMMARY
echo "### Sites" >> $GITHUB_STEP_SUMMARY
echo "| Site | URL |" >> $GITHUB_STEP_SUMMARY
echo "|------|-----|" >> $GITHUB_STEP_SUMMARY
echo "| hub | https://www.moonweb.org/ |" >> $GITHUB_STEP_SUMMARY
echo "| infra | https://www.moonweb.org/infra/ |" >> $GITHUB_STEP_SUMMARY
echo "| smarthome | https://www.moonweb.org/smarthome/ |" >> $GITHUB_STEP_SUMMARY
echo "| code | https://www.moonweb.org/code/ |" >> $GITHUB_STEP_SUMMARY
echo "| retro | https://www.moonweb.org/retro/ |" >> $GITHUB_STEP_SUMMARY
echo "| timecapsule | https://www.moonweb.org/timecapsule/ |" >> $GITHUB_STEP_SUMMARY
# Required repo secrets:
# IONOS_SFTP_HOST — IONOS SFTP server hostname
# IONOS_SFTP_USER — IONOS SFTP username
# IONOS_SFTP_PASSWORD — IONOS SFTP password
.github/workflows/build-deploy.yml
-139
View File
@@ -1,139 +0,0 @@
name: Build & Deploy moonweb-site
on:
push:
branches: [main]
paths-ignore:
- 'stefankoelle/**'
- '.github/workflows/deploy-stefankoelle.yml'
pull_request:
branches: [main]
paths-ignore:
- 'stefankoelle/**'
- '.github/workflows/deploy-stefankoelle.yml'
# Cancel in-progress runs for the same branch
concurrency:
group: ${{ github.workflow }}-${{ github.ref }}
cancel-in-progress: true
env:
NODE_VERSION: "22"
jobs:
build:
name: Build ${{ matrix.site }}
runs-on: ubuntu-latest
strategy:
fail-fast: false
matrix:
site: [hub, infra, smarthome, code, retro]
steps:
- uses: actions/checkout@v7
- uses: actions/setup-node@v7
with:
node-version: ${{ env.NODE_VERSION }}
cache: "npm"
- name: Install dependencies
run: npm ci
- name: Build ${{ matrix.site }}
run: npm run build:${{ matrix.site }}
- name: Validate build output
run: |
if [ ! -d "dist/${{ matrix.site }}" ]; then
echo "Error: dist/${{ matrix.site }} not found"
exit 1
fi
if [ -z "$(ls -A dist/${{ matrix.site }} 2>/dev/null)" ]; then
echo "Error: dist/${{ matrix.site }} is empty"
exit 1
fi
echo "Build output:"
find dist/${{ matrix.site }} -type f | head -20
- name: Upload build artifact
uses: actions/upload-artifact@v7
with:
name: dist-${{ matrix.site }}
path: dist/${{ matrix.site }}
retention-days: 7
deploy:
name: Deploy ${{ matrix.site }}
needs: build
runs-on: ubuntu-latest
if: github.ref == 'refs/heads/main' && github.event_name == 'push'
strategy:
fail-fast: false
matrix:
include:
- site: hub
cf_project: moonweb-hub
- site: infra
cf_project: moonweb-infra
- site: smarthome
cf_project: moonweb-smarthome
- site: code
cf_project: moonweb-code
- site: retro
cf_project: moonweb-retro
steps:
- name: Download build artifact
uses: actions/download-artifact@v8
with:
name: dist-${{ matrix.site }}
path: dist/${{ matrix.site }}
- name: Create wrangler.toml for Worker
run: |
echo 'name = "${{ matrix.cf_project }}"' > wrangler.toml
echo 'compatibility_date = "2024-01-01"' >> wrangler.toml
echo '' >> wrangler.toml
echo '[assets]' >> wrangler.toml
echo 'directory = "./dist/${{ matrix.site }}"' >> wrangler.toml
echo 'not_found_handling = "404-page"' >> wrangler.toml
- name: Deploy to Cloudflare Workers
uses: cloudflare/wrangler-action@v4
with:
apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
command: deploy
summary:
name: Deploy Summary
needs: deploy
runs-on: ubuntu-latest
if: always()
steps:
- name: Print deployment summary
run: |
echo "## Deployment Summary" >> $GITHUB_STEP_SUMMARY
echo "" >> $GITHUB_STEP_SUMMARY
if [ "${{ needs.deploy.result }}" = "success" ]; then
echo "✅ All sites deployed successfully!" >> $GITHUB_STEP_SUMMARY
else
echo "❌ Deployment failed. Check the deploy jobs for details." >> $GITHUB_STEP_SUMMARY
fi
echo "" >> $GITHUB_STEP_SUMMARY
echo "### Sites" >> $GITHUB_STEP_SUMMARY
echo "| Site | URL |" >> $GITHUB_STEP_SUMMARY
echo "|------|-----|" >> $GITHUB_STEP_SUMMARY
echo "| hub | https://hub.moonweb.org |" >> $GITHUB_STEP_SUMMARY
echo "| infra | https://infra.moonweb.org |" >> $GITHUB_STEP_SUMMARY
echo "| smarthome | https://smarthome.moonweb.org |" >> $GITHUB_STEP_SUMMARY
echo "| code | https://code.moonweb.org |" >> $GITHUB_STEP_SUMMARY
echo "| retro | https://retro.moonweb.org |" >> $GITHUB_STEP_SUMMARY
# Required repo secrets:
# CLOUDFLARE_API_TOKEN — Cloudflare API token with Workers:Edit permission
# CLOUDFLARE_ACCOUNT_ID — Cloudflare account ID
#
# Required one-time setup (see PLAN.md Phase 2):
# Create Cloudflare Workers and bind custom domains.
# DNS is already on Cloudflare (SPEC.md §4.6).
#
AGENTS.md
+73 -41
View File
@@ -1,18 +1,19 @@
# AGENTS.md — moonweb-site
## Projektübersicht
## Projektuebersicht
Monorepo für 5 statische Websites unter moonweb.org + stefankoelle.de, basierend auf Eleventy (11ty).
Monorepo fuer 6 statische Websites unter www.moonweb.org + stefankoelle.de, basierend auf Eleventy (11ty).
### Websites (Cloudflare Pages)
### Websites (IONOS SFTP)
| Site | Domain | Zweck | Status |
|------|--------|-------|--------|
| hub | hub.moonweb.org | Zentrale Indexseite, verlinkt alles | Fertig |
| infra | infra.moonweb.org | Infrastruktur-Übersicht (Proxmox, Synology, Netzwerk) | Übersicht + 3 Detailseiten |
| smarthome | smarthome.moonweb.org | Smart Home Projekte und Dashboards | Übersicht + 6 Detailseiten |
| code | code.moonweb.org | GitHub-Projekte (aggregiert via .moonweb.yml) | Fertig (14 Repos) |
| retro | retro.moonweb.org | Physische Retro-Hardware | Nur Übersicht (WIP) |
| Site | URL | Zweck | Status |
|------|-----|-------|--------|
| hub | www.moonweb.org/ | Zentrale Indexseite, verlinkt alles | Fertig |
| infra | www.moonweb.org/infra/ | Infrastruktur-Uebersicht (Proxmox, Synology, Netzwerk) | Uebersicht + 8 Detailseiten |
| smarthome | www.moonweb.org/smarthome/ | Smart Home Projekte und Dashboards | Uebersicht + 9 Detailseiten |
| code | www.moonweb.org/code/ | GitHub-Projekte (aggregiert via .moonweb.yml) | Fertig |
| retro | www.moonweb.org/retro/ | Physische Retro-Hardware | Uebersicht + 13 Detailseiten |
| timecapsule | www.moonweb.org/timecapsule/ | 2000er Internet-Zeitkapsel (altes Design) | Fertig |
### Externe Sites (SFTP-Deployment)
@@ -22,19 +23,23 @@ Monorepo für 5 statische Websites unter moonweb.org + stefankoelle.de, basieren
### Andere Sites (nicht im Monorepo)
- www.moonweb.org — 2000er Internet-Zeitkapsel
- 28k8.moonweb.org — 90er BBS/Scene-Archiv
- buildbroken.moonweb.org — .NET Open Space Blog Archiv
## Dateistruktur
```
moonweb-site/
├── hub/ # Eleventy-Config + index.njk
├── infra/ # Eleventy-Config + index.njk + 3 Subseiten
├── smarthome/ # Eleventy-Config + index.njk + 6 Subseiten
├── infra/ # Eleventy-Config + index.njk + 8 Subseiten
├── smarthome/ # Eleventy-Config + index.njk + 9 Subseiten
├── code/ # Eleventy-Config + index.njk
│ └── _data/repos.json
├── retro/ # Eleventy-Config + index.njk
├── retro/ # Eleventy-Config + index.njk + 13 Subseiten
├── timecapsule/ # Eleventy 2.x (eigene Config)
│ ├── eleventy.config.js
│ ├── package.json
│ └── src/ # 2001er Retro-Content
├── stefankoelle/ # Eleventy-Config + Onepager
│ ├── eleventy.config.js
│ ├── _includes/
@@ -52,10 +57,11 @@ moonweb-site/
│ ├── base.css
│ └── theme-*.css
├── scripts/
│ └── github-aggregator/
│ ├── github-aggregator/
│ └── merge-moonweb.sh # Merge-Skript fuer Deployment
├── .github/workflows/
│ ├── build-deploy.yml # CI/CD: Cloudflare Pages (5 Sites)
│ └── deploy-stefankoelle.yml # CI/CD: IONOS SFTP (stefankoelle.de)
│ ├── build-deploy-moonweb.yml # CI/CD: IONOS SFTP (www.moonweb.org)
│ └── deploy-stefankoelle.yml # CI/CD: IONOS SFTP (stefankoelle.de)
├── DESIGN.md
├── SPEC.md
├── PLAN.md
@@ -66,10 +72,11 @@ moonweb-site/
## Technischer Stack
- **SSG:** Eleventy (11ty) v3.1.6
- **SSG:** Eleventy (11ty) v3.1.6 (hub, infra, smarthome, code, retro)
- **SSG:** Eleventy v2.0.1 (timecapsule - retro 2001 Design)
- **Templates:** Nunjucks (.njk)
- **CSS:** Variables-basiert mit Accent-Farben pro Site
- **Deploy (moonweb):** Cloudflare Pages (5 separate Projects)
- **Deploy (moonweb):** IONOS SFTP
- **Deploy (stefankoelle):** IONOS SFTP
- **CI/CD:** GitHub Actions (2 Workflows)
@@ -77,32 +84,54 @@ moonweb-site/
```bash
npm install
npm run prebuild # Pre-Build Tasks (CV PDF generieren)
npm run dev:hub # localhost:8081
npm run dev:infra # localhost:8082
npm run dev:smarthome # localhost:8083
npm run dev:code # localhost:8084
npm run dev:retro # localhost:8085
npm run dev:stefankoelle # localhost:8086
npm run build # Alle Sites bauen
cd timecapsule && npm install # Timecapsule Dependencies
npm run prebuild # Pre-Build Tasks (CV PDF generieren)
npm run dev:hub # localhost:8081
npm run dev:infra # localhost:8082
npm run dev:smarthome # localhost:8083
npm run dev:code # localhost:8084
npm run dev:retro # localhost:8085
npm run dev:stefankoelle # localhost:8086
npm run dev:timecapsule # localhost:8087
npm run build # Alle Sites bauen
npm run build:moonweb # Nur moonweb Sites (ohne stefankoelle)
npm run merge:moonweb # Sites mergen fuer Deployment
```
## Design-Prinzipien
1. **Header konsistent** — Identischer Site-Switcher auf allen Home-Sites
2. **Content flexibel** — Detailseiten dürfen eigenes Layout haben
2. **Content flexibel** — Detailseiten duerfen eigenes Layout haben
3. **Accent-Farben:** hub=#3b6ea5, infra=#99333A, smarthome=#1f8a8a, code=#3E5098, retro=#8a6d3b
4. **Englisch** — Alle Sites komplett auf Englisch
5. **Keine Analytics** — Keine Tracking-Tools
6. **Sensible Daten** — Infra-Content wird manuell redigiert (keine IPs, Keys, Passwörter)
6. **Sensible Daten** — Infra-Content wird manuell redigiert (keine IPs, Keys, Passwoerter)
## URL-Struktur
Alle Sites sind unter `www.moonweb.org` als Subverzeichnisse erreichbar:
- `www.moonweb.org/` — Hub (Root)
- `www.moonweb.org/infra/` — Infra
- `www.moonweb.org/smarthome/` — Smarthome
- `www.moonweb.org/code/` — Code
- `www.moonweb.org/retro/` — Retro
- `www.moonweb.org/timecapsule/` — Timecapsule (2001 Design)
- `www.moonweb.org/impressum/` — Impressum
Cloudflare Redirects leiten alte Subdomains weiter:
- `hub.moonweb.org/*` → `www.moonweb.org/*`
- `infra.moonweb.org/*` → `www.moonweb.org/infra/*`
- `smarthome.moonweb.org/*` → `www.moonweb.org/smarthome/*`
- `code.moonweb.org/*` → `www.moonweb.org/code/*`
- `retro.moonweb.org/*` → `www.moonweb.org/retro/*`
## stefankoelle.de
- Eigene Eleventy-Config (nicht shared base.njk)
- Eigenes CSS-Design (nicht moonweb design system)
- Onepager mit Anchor-Links (bleibt so)
- Deploy via SFTP auf IONOS `/deploy/stefankoelle/`
- CV-Partial zentral pflegbar (einmal aendern → Web + PDF aktualisieren)
- Deploy via SFTP auf IONOS `/websites/stefankoelle/`
- CV-Partial zentral pflegbar (einmal aendern -> Web + PDF aktualisieren)
- LED Matrix als eigene Seite unter stefankoelle.de/ledmatrix/
### CV PDF Generierung
@@ -116,7 +145,7 @@ npm run prebuild # Alle Pre-Build Tasks (inkl. CV PDF)
Dateien:
- `stefankoelle/pdf/cv-style.css` — WeasyPrint-Stylesheet (A4, Typografie)
- `stefankoelle/pdf/build-pdf.sh` — Shell-Skript für PDF-Generierung
- `stefankoelle/pdf/build-pdf.sh` — Shell-Skript fuer PDF-Generierung
- `stefankoelle/cv-print.njk` — Standalone HTML-Template (nur CV-Content)
- `stefankoelle/pdf/cv.pdf` — Generiertes PDF (Output)
@@ -124,21 +153,22 @@ Wichtig: Das PDF wird via Eleventy-Passthrough ins Build-Output kopiert (`dist/s
### CSS Cache-Busting
CSS-Dateien werden als Passthrough kopiert (kein Hash im Dateinamen). Bei CSS-Änderungen muss der Query-String in der `?v=N` Inkludierung erhöht werden:
CSS-Dateien werden als Passthrough kopiert (kein Hash im Dateinamen). Bei CSS-Aenderungen muss der Query-String in der `?v=N` Inkludierung erhoeht werden:
- `stefankoelle/index.njk`: `<link rel="stylesheet" href="/assets/style.css?v=N">`
- `stefankoelle/ledmatrix/index.njk`: `<link rel="stylesheet" href="assets/style.css?v=N">`
Bei jeder CSS-Anpassung `?v=N` um 1 erhöhen, sonst cached der Browser die alte Datei.
Bei jeder CSS-Anpassung `?v=N` um 1 erhoehen, sonst cached der Browser die alte Datei.
## CI/CD
### Cloudflare Pages (moonweb)
`.github/workflows/build-deploy.yml` baut hub, infra, smarthome, code, retro.
### IONOS SFTP (www.moonweb.org)
`.github/workflows/build-deploy-moonweb.yml` baut alle moonweb Sites (hub, infra, smarthome, code, retro, timecapsule) und deployed per SFTP.
Benötigte Secrets:
- `CLOUDFLARE_API_TOKEN`
- `CLOUDFLARE_ACCOUNT_ID`
- `IONOS_SFTP_HOST`
- `IONOS_SFTP_USER`
- `IONOS_SFTP_PASSWORD`
### IONOS SFTP (stefankoelle.de)
`.github/workflows/deploy-stefankoelle.yml` baut stefankoelle.de und deployed per SFTP.
@@ -150,9 +180,11 @@ Benötigte Secrets:
## Offene Punkte
- retro/ ist bewusst rudimentär gehalten
- retro/ ist bewusst rudimentaer gehalten
- Querverlinkungen stefankoelle.de <-> smarthome (zukuenftig)
- Ledmatrix ggf. nach smarthome verschieben (when ready)
- Cloudflare Redirects einrichten (nach Deploy)
- Google Search Console: Neue Property www.moonweb.org
## GitHub Aggregator
@@ -191,10 +223,10 @@ python3 -m venv .venv
## Text / Stil
- Keine Em-Dashes (—) verwenden, stattdessen umformulieren (Komma, Satzzeichen, neu formulieren)
- Keine Em-Dashes verwenden, stattdessen umformulieren (Komma, Satzzeichen, neu formulieren)
## Python / pip
- Niemals `pip install` direkt ausführen
- Niemals `pip install` direkt ausfuehren
- Immer ein virtuelles Umfeld (`.venv`) anlegen und darin arbeiten
- `python3 -m venv .venv` im Projektverzeichnis
README.md
+136 -121
View File
@@ -1,88 +1,67 @@
# 🌙 moonweb-site
# moonweb-site
Monorepo for the **moonweb.org** homelab — five static sites built with [Eleventy](https://www.11ty.dev/), deployed to [Cloudflare Pages](https://pages.cloudflare.com/).
Monorepo for the **moonweb.org** homelab — six static sites built with [Eleventy](https://www.11ty.dev/), deployed to [IONOS SFTP](https://www.ionos.de/).
```
hub.moonweb.org → 🏠 Central index & gateway
infra.moonweb.org → 🏗️ Infrastructure overview (Proxmox, Synology, Docker)
smarthome.moonweb.org → 🏡 Smart home projects & dashboards
code.moonweb.org → 💻 Curated GitHub project catalog
retro.moonweb.org → 🕹️ Physical retro hardware collection
stefankoelle.de → 👤 CV, career, personal site (LED Matrix docs)
www.moonweb.org/ -> Central index & gateway
www.moonweb.org/infra/ -> Infrastructure overview (Proxmox, Synology, Docker)
www.moonweb.org/smarthome/ -> Smart home projects & dashboards
www.moonweb.org/code/ -> Curated GitHub project catalog
www.moonweb.org/retro/ -> Physical retro hardware collection
www.moonweb.org/timecapsule/ -> 2000s internet time capsule (retro design)
stefankoelle.de -> CV, career, personal site (LED Matrix docs)
```
> **Other sites** (not in this monorepo): [www.moonweb.org](https://www.moonweb.org) (2000s time capsule), [28k8.moonweb.org](https://28k8.moonweb.org) (90s BBS archive).
> **Other sites** (not in this monorepo): [28k8.moonweb.org](https://28k8.moonweb.org) (90s BBS archive), [buildbroken.moonweb.org](https://buildbroken.moonweb.org) (.NET Open Space blog).
---
## 📐 Architecture
## Architecture
```
┌─────────────────────────────────────────────────────────────┐
│ GitHub Actions CI │
│ ┌───────────┐ ┌────────────┐ ┌─────────────┐ ┌─────────┐ │
│ │ build:hub │ │build:infra │ │ build:smart │ │ build:… │ │
│ └─────┬─────┘ └─────┬──────┘ └──────┬──────┘ └────┬────┘ │
│ │ │ │ │ │
│ ▼ ▼ ▼ ▼ │
│ dist/hub/ dist/infra/ dist/smarthome/ dist/…/ │
└────────┬───────────────────────────────────────────┬────────┘
│ │
▼ ▼
┌──────────────────┐ ┌─────────────────┐
│ Cloudflare Pages │ │ IONOS SFTP │
│ (5 sites) │ │ (stefankoelle) │
└────────┬─────────┘ └────────┬────────┘
▼ ▼
hub / infra / ... stefankoelle.de
+-------------------------------------------------------------------+
| GitHub Actions CI |
| +-----------+ +------------+ +-------------+ +---------+ +------+ |
| | build:hub | |build:infra | | build:smart | | build:... | | build:timecapsule | |
| +-----+-----+ +-----+------+ +------+------+ +----+----+ +----+----+ +--------+ |
| | | | | | | |
| v v v v v v |
| dist/hub/ dist/infra/ dist/smarthome/ dist/.../ dist/timecapsule/ |
+--------+---------------------------------------------------+--------------------+
| |
v v
+------------------+ +------------------+
| IONOS SFTP | | IONOS SFTP |
| (www.moonweb.org)| | (stefankoelle.de)|
+--------+---------+ +--------+---------+
v v
www.moonweb.org/* stefankoelle.de
```
---
## 🛠️ Tech Stack
## Tech Stack
| Layer | Technology | Why |
|-------|-----------|-----|
| **SSG** | [Eleventy 3.1.6](https://www.11ty.dev/) | Markdown/YAML-first, minimal JS, `_data` folders map directly to aggregator output, low maintenance for 5 sites |
| **SSG** | [Eleventy 3.1.6](https://www.11ty.dev/) | Markdown/YAML-first, minimal JS, `_data` folders map directly to aggregator output |
| **SSG (timecapsule)** | [Eleventy 2.0.1](https://www.11ty.dev/) | Legacy 2001 design, CommonJS config |
| **Templates** | [Nunjucks](https://mozilla.github.io/nunjucks/) | Shared `base.njk` layout with site-switcher header, `card-grid.njk` for index pages |
| **Styling** | Custom CSS (variables-based) | `base.css` for shared layout, `theme-*.css` per domain accent color, no build step needed |
| **Styling** | Custom CSS (variables-based) | `base.css` for shared layout, `theme-*.css` per domain accent color |
| **Fonts** | [Lobster](https://fonts.google.com/specimen/Lobster) (Google Fonts) | Distinctive heading font across all sites |
| **CI/CD** | [GitHub Actions](https://github.com/features/actions) | Matrix build for all 5 sites, artifact upload, parallel deploy |
| **Deploy** | [Cloudflare Workers](https://workers.cloudflare.com/) | Static asset hosting via `wrangler pages deploy`, one worker per site |
| **DNS** | Cloudflare | Already managing DNS — zero additional setup for Pages custom domains |
| **CI/CD** | [GitHub Actions](https://github.com/features/actions) | Matrix build for all sites, artifact upload, merge step, parallel deploy |
| **Deploy** | IONOS SFTP | Static hosting via SFTP upload |
| **DNS** | Cloudflare | DNS management + redirects from old subdomains |
| **GitHub Catalog** | Python aggregator | Reads `.moonweb.yml` from each repo, outputs `repos.json` |
| **Runtime** | Fully static | No server-side code, no containers, no database — pure HTML/CSS/JS |
| **Runtime** | Fully static | No server-side code, no containers, no database |
---
## 🎨 Design System
### Header-consistent, content-flexible
- **Header is identical** across all home-section sites: site-switcher (hub · infra · smarthome · code · retro · cv), domain accent color, Lobster title font.
- **Index pages** use a shared card-grid layout with grouped sections.
- **Detail pages** keep the same header but use a freer layout below it (e.g., pin tables, API docs, photos in free arrangement).
### Accent colors
| Domain | Color | Hex |
|--------|-------|-----|
| hub | Neutral blue | `#3b6ea5` |
| infra | Grey-blue | `#99333A` |
| smarthome | Teal | `#1f8a8a` |
| code | Violet | `#3E5098` |
| retro | Warm brown | `#8a6d3b` |
### Emojis
Each card on index pages has an emoji for visual navigation — consistent across hub, infra, smarthome, code, and retro.
---
## 🚀 Local Development
## Local Development
```bash
npm install # install Eleventy + deps
cd timecapsule && npm install # timecapsule has own deps (Eleventy 2.x)
npm run dev:hub # http://localhost:8081
npm run dev:infra # http://localhost:8082
@@ -90,8 +69,9 @@ npm run dev:smarthome # http://localhost:8083
npm run dev:code # http://localhost:8084
npm run dev:retro # http://localhost:8085
npm run dev:stefankoelle # http://localhost:8086
npm run dev:timecapsule # http://localhost:8087
npm run dev # all 6 in parallel
npm run dev # all 7 in parallel
```
Each site has its own minimal Eleventy config (`<site>/eleventy.config.js`). Live reload is built in.
@@ -100,83 +80,96 @@ Each site has its own minimal Eleventy config (`<site>/eleventy.config.js`). Liv
```bash
npm run prebuild # pre-build tasks (CV PDF)
npm run build # builds all 5 → dist/<site>/
npm run build # builds all sites
npm run build:moonweb # builds moonweb sites only (excludes stefankoelle)
npm run build:hub # build single site
npm run merge:moonweb # merge all moonweb sites into dist/ for deployment
```
---
## 📦 Project Structure
## Project Structure
```
moonweb-site/
├── hub/ # 🏠 Central index & gateway
├── infra/ # 🏗️ Infra overview + 3 detail pages
├── hub/ # Central index & gateway
├── infra/ # Infra overview + 8 detail pages
│ ├── backup-strategy/
│ ├── monitoring/
│ └── dev-environment/
├── smarthome/ # 🏡 Smart home overview + 6 detail pages
│ ├── dev-environment/
│ └── ...
├── smarthome/ # Smart home overview + 9 detail pages
│ ├── homematic-mqtt/
│ ├── tasmota-energy/
│ ├── balkonpi/
│ ├── airplay-audio/
│ ├── octoprint/
│ └── tubearchivist/
├── code/ # 💻 GitHub catalog
│ └── ...
├── code/ # GitHub catalog
│ └── _data/repos.json # populated by the aggregator
├── retro/ # 🕹️ Retro hardware (WIP)
├── stefankoelle/ # 👤 CV, career, personal site
├── retro/ # Retro hardware + 13 detail pages
├── timecapsule/ # 2000s retro design (Eleventy 2.x)
│ ├── eleventy.config.js
│ ├── package.json
│ └── src/
├── stefankoelle/ # CV, career, personal site
│ ├── eleventy.config.js
│ ├── index.njk # Onepager (CV, Projects, Languages)
│ ├── cv-print.njk # CV-only for PDF generation
│ ├── ledmatrix/ # LED Matrix WebServer documentation
│ └── assets/ # CSS, JS, images, favicons
├── shared/ # 🔧 Shared components
├── shared/ # Shared components
│ ├── _includes/
│ │ ├── base.njk # base layout (header, site-switcher, footer)
│ │ └── card-grid.njk # card-grid template with emoji support
│ ├── base.css # shared CSS (layout, cards, typography)
│ └── theme-*.css # accent colors per domain
├── scripts/
│ └── github-aggregator/ # 🐍 Python: reads .moonweb.yml → repos.json
│ ├── aggregate.py
│ ├── example.moonweb.yml
│ └── README.md
│ ├── github-aggregator/ # Python: reads .moonweb.yml -> repos.json
│ └── merge-moonweb.sh # Merge script for deployment
├── .github/workflows/
│ └── build-deploy.yml # ⚙️ CI/CD: build + deploy to Cloudflare
├── DESIGN.md # 📋 Initial concept (German)
├── SPEC.md # 📋 Full specification (English, 159 lines)
├── PLAN.md # 📋 Implementation plan
├── TODO.md # 📋 Open items & workflow
│ ├── build-deploy-moonweb.yml # CI/CD: build + deploy to IONOS SFTP
│ └── deploy-stefankoelle.yml # CI/CD: stefankoelle.de to IONOS SFTP
├── DESIGN.md # Initial concept
├── SPEC.md # Full specification
├── PLAN.md # Implementation plan
├── TODO.md # Open items & workflow
└── package.json # npm scripts for dev/build
```
---
## 🔄 CI/CD Pipeline
## CI/CD Pipeline
### Cloudflare Pages (moonweb sites)
### IONOS SFTP (www.moonweb.org)
Defined in `.github/workflows/build-deploy.yml`:
Defined in `.github/workflows/build-deploy-moonweb.yml`:
```
push to main
│
├── Build (matrix: hub, infra, smarthome, code, retro)
│ ├── checkout → setup-node (22) → npm ci
│ ├── npm run build:<site>
│ ├── validate dist/<site>/ exists & non-empty
│ └── upload artifact (7-day retention)
│
└── Deploy (matrix: 5 Cloudflare Workers)
├── download artifact
├── generate wrangler.toml
└── wrangler pages deploy
|
+-- Build (matrix: hub, infra, smarthome, code, retro)
| +-- checkout -> setup-node (22) -> npm ci
| +-- npm run build:<site>
| +-- validate dist/<site>/ exists & non-empty
| +-- upload artifact (7-day retention)
|
+-- Build timecapsule
| +-- cd timecapsule && npm ci
| +-- npm run build:timecapsule
| +-- upload artifact
|
+-- Merge
| +-- download all artifacts
| +-- merge into dist/ (hub=root, others=subdirs)
| +-- upload merged artifact
|
+-- Deploy
+-- download merged artifact
+-- SFTP upload to IONOS /websites/moonweb/
```
**Required secrets:**
- `CLOUDFLARE_API_TOKEN` — Workers:Edit permission
- `CLOUDFLARE_ACCOUNT_ID` — Cloudflare account ID
- `IONOS_SFTP_HOST`
- `IONOS_SFTP_USER`
- `IONOS_SFTP_PASSWORD`
### IONOS SFTP (stefankoelle.de)
@@ -184,12 +177,12 @@ Defined in `.github/workflows/deploy-stefankoelle.yml`:
```
push to main (paths: stefankoelle/**)
│
├── Build stefankoelle
│ └── npm run build:stefankoelle
│
└── Deploy via SFTP
└── lftp mirror → IONOS /deploy/stefankoelle/
|
+-- Build stefankoelle
| +-- npm run build:stefankoelle
|
+-- Deploy via SFTP
+-- SFTP upload to IONOS /websites/stefankoelle/
```
**Required secrets:**
@@ -199,7 +192,30 @@ push to main (paths: stefankoelle/**)
---
## 🐍 GitHub Aggregator (code.moonweb.org)
## URL Structure
All moonweb.org sites are accessible under `www.moonweb.org` as subdirectories:
| URL | Content |
|-----|---------|
| `www.moonweb.org/` | Hub (root) |
| `www.moonweb.org/infra/` | Infrastructure |
| `www.moonweb.org/smarthome/` | Smart Home |
| `www.moonweb.org/code/` | Code catalog |
| `www.moonweb.org/retro/` | Retro hardware |
| `www.moonweb.org/timecapsule/` | 2000s time capsule |
| `www.moonweb.org/impressum/` | Legal notice |
Cloudflare redirects forward old subdomains:
- `hub.moonweb.org/*` -> `www.moonweb.org/*`
- `infra.moonweb.org/*` -> `www.moonweb.org/infra/*`
- `smarthome.moonweb.org/*` -> `www.moonweb.org/smarthome/*`
- `code.moonweb.org/*` -> `www.moonweb.org/code/*`
- `retro.moonweb.org/*` -> `www.moonweb.org/retro/*`
---
## GitHub Aggregator (www.moonweb.org/code/)
`scripts/github-aggregator/aggregate.py` automatically builds the project catalog:
@@ -214,7 +230,7 @@ push to main (paths: stefankoelle/**)
```yaml
title: "MVG Departures"
category: code # code | smarthome | infra
subcategory: "Web Apps" # drives grouping on code.moonweb.org
subcategory: "Web Apps" # drives grouping on www.moonweb.org/code/
status: active
stack: [Python, FastAPI]
hosted_on: "Docker Host Debian (PVE)"
@@ -229,42 +245,41 @@ export GITHUB_TOKEN=ghp_xxx
python scripts/github-aggregator/aggregate.py
```
> **Deliberately manual** — no scheduled CI job. The catalog is refreshed on demand, not on every push.
---
## 📏 Content Rules
## Content Rules
| Site | Detail pages? | Rule |
|------|--------------|------|
| smarthome | ✅ Yes | When enough content exists — no placeholder cards |
| infra | ⚠️ Rarely | Deliberately shallow — sensitive data (IPs, keys, passwords) stripped |
| code | ❌ Never | Overview cards + GitHub links only — no README duplication |
| retro | 🔨 Minimal | Still WIP — honest minimal overview, no over-investment |
| smarthome | Yes | When enough content exists - no placeholder cards |
| infra | Rarely | Deliberately shallow - sensitive data (IPs, keys, passwords) stripped |
| code | Never | Overview cards + GitHub links only - no README duplication |
| retro | Minimal | Honest minimal overview, no over-investment |
| timecapsule | Static | 1:1 migration of original 2001 design, no changes |
**Infra redaction rule:** Architecture-level only (Proxmox, Synology, Docker, VLAN concept). No concrete IPs, WireGuard keys, passwords, internal hostnames.
---
## 🌍 Language
## Language
All five sites are written **entirely in English**. German source documents are translated once during migration (AI-assisted). New content is authored in English from the start.
All moonweb sites are written **entirely in English**. The timecapsule uses the original 2001 English content.
---
## 📚 Documentation
## Documentation
| File | Purpose |
|------|---------|
| `DESIGN.md` | Initial concept and design decisions (German) |
| `SPEC.md` | Complete specification — what gets built (English) |
| `DESIGN.md` | Initial concept and design decisions |
| `SPEC.md` | Complete specification - what gets built |
| `PLAN.md` | Phased implementation plan |
| `TODO.md` | Open items, workflow, and current status |
| `README.md` | This file — project overview for GitHub |
| `README.md` | This file - project overview for GitHub |
---
## 📄 License
## License
[![CC BY-NC-SA 4.0](https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-lightgrey.svg)](https://creativecommons.org/licenses/by-nc-sa/4.0/)
TODO.md
+68 -60
View File
@@ -1,76 +1,84 @@
# TODO — moonweb-site Offene Items
# TODO: Consolidation zu www.moonweb.org
Stand: 2026-08-14
## Uebersicht
## Aktueller Status
Alle moonweb.org Sites (hub, infra, smarthome, code, retro, timecapsule) unter `www.moonweb.org` als Subverzeichnisse vereinen. Deployment von Cloudflare Pages zu IONOS SFTP migrieren.
| Phase | Status | Bemerkung |
|-------|--------|-----------|
| Phase 0 — Repo & Tooling | ✅ fertig | Eleventy 3.1.6, CI/CD, .gitignore erweitert |
| Phase 1 — Content | ✅ fertig | hub, code, infra, smarthome komplett, retro bewusst rudimentär |
| Phase 2 — CI/CD | ✅ fertig | build-deploy.yml mit Caching + Validation + Summary |
| Phase 3 — Launch | ✅ fertig | Cloudflare Pages live, Smoke-Test bestanden |
| Phase 4 — Deferred | ⏸️ zurückgestellt | 28k8, Analytics |
| Phase 5 — stefankoelle.de | ✅ fertig | Ins Monorepo migriert, Eleventy-Build, SFTP-Deployment |
**URL-Struktur nach Migration:**
| URL | Inhalt |
|-----|--------|
| `www.moonweb.org/` | Hub (neue Root) |
| `www.moonweb.org/infra/` | Infra |
| `www.moonweb.org/smarthome/` | Smarthome |
| `www.moonweb.org/code/` | Code |
| `www.moonweb.org/retro/` | Retro |
| `www.moonweb.org/timecapsule/` | Altes www (2001-Retro) |
| `stefankoelle.de/` | CV (bleibt separat) |
## Offene Items
---
### P4 — Deferred (nicht dringend)
## Phase 1: Timecapsule in Monorepo integrieren
- [ ] 28k8.moonweb.org Zukunft klären
- [ ] Perplexity-Rückkanal
- [ ] Apex-Domain Redirect (moonweb.org → hub.moonweb.org)
- [ ] PDF-Build fuer CV (WeasyPrint, lokal testen)
- [ ] Querverlinkungen stefankoelle.de <-> smarthome
- [ ] Ledmatrix ggf. nach smarthome verschieben
- [ ] **Dotnet Home-Automation-Projekt beschreiben** — Interne .NET Core Software für Kommunikation auf buttons.html und InfluxDB. Code muss erst aufgeraeumt und nach GitHub publiziert werden, dann Beschreibung auf stefankoelle.de und ggf. smarthome ergänzen.
- [x] 1.1 Dateien aus ../moonweb-www/src/ nach timecapsule/src/ kopieren
- [x] 1.2 timecapsule/eleventy.config.js erstellen (Eleventy 2.x)
- [x] 1.3 timecapsule/package.json erstellen (eigene Dependencies)
- [x] 1.4 timecapsule/src/_data/site.json anpassen (Domain mit /timecapsule/)
- [x] 1.5 Alle internen Pfade mit /timecapsule/ prefixieren
- [x] 1.6 Passthrough Copy in eleventy.config.js anpassen
- [x] 1.7 Build-Output pruefen (dist/timecapsule/)
### Offene Entscheidungen
## Phase 2: Eleventy-Configs aller Sites anpassen
- [ ] **stefankoelle.de SFTP: `delete_remote_files`?** — Derzeit werden beim Deploy nur Dateien hochgeloaden, alte bleiben liegen. Mit `delete_remote_files: true` waere jeder Deploy ein sauberes Image (alles weg + neu). Kurzer Ausfall moeglich. Entscheidung offen.
- [x] 2.1 hub/eleventy.config.js: site.url auf www.moonweb.org
- [x] 2.2 infra/eleventy.config.js: site.url auf www.moonweb.org
- [x] 2.3 smarthome/eleventy.config.js: site.url auf www.moonweb.org
- [x] 2.4 code/eleventy.config.js: site.url auf www.moonweb.org
- [x] 2.5 retro/eleventy.config.js: site.url auf www.moonweb.org
- [x] 2.6 shared/_includes/base.njk anpassen
- [x] 2.7 hub/index.njk: Card-Hrefs relativieren
- [x] 2.8 hub/impressum.njk: Domain-Liste aktualisieren
## Schon erledigt (Stand 2026-08-14)
## Phase 3: Build-System anpassen
### stefankoelle.de Migration (2026-08-14)
- [x] Eleventy-Config + package.json erweitert
- [x] Onepager-Layout mit Anchor-Links beibehalten
- [x] CV-Partial (zentral fuer Web + PDF)
- [x] CSS ausgelagert + modernisiert (Custom Properties, box-sizing)
- [x] Assets in assets/ verschoben
- [x] Ledmatrix als eigene Seite integriert
- [x] Alte Dateien geloescht (index.html, browserconfig.xml, sitemap.txt)
- [x] Deployment-Workflow fuer IONOS SFTP
- [x] Cloudflare-Workflow um stefankoelle erweitert (paths-ignore)
- [x] 3.1 package.json: Neue Scripts fuer timecapsule + merge
- [x] 3.2 scripts/merge-moonweb.sh erstellen
- [x] 3.3 Lokal Build testen (alle Sites)
### Vorherige Erledigungen (Stand 2026-08-13)
- [x] Impressum angelegt + Footer-Link auf allen Sites
- [x] Favicons (SVG mit Emojis) pro Subdomain — `shared/favicon/*.svg`, per Passthrough Copy
- [x] Meta descriptions auf allen 33 Seiten
- [x] CSS @import-Kette bereinigt (kein Render-Blocking mehr)
- [x] .gitignore erweitert (.env*, Zertifikate, Swap-Files)
- [x] Placeholder-Cards `"#"` bereinigt — keine mehr vorhanden
- [x] README.md überarbeitet (Emojis, Architektur, Tech-Stack, CI/CD)
- [x] Lizenz hinzugefügt (CC BY-NC-SA 4.0)
- [x] Content-Review — alle Seiten geprüft, alles passt
- [x] Cloudflare Pages Projects erstellt (moonweb-hub, -infra, -smarthome, -code, -retro)
- [x] DNS & Custom Domains gebunden
- [x] Secrets konfiguriert (CLOUDFLARE_API_TOKEN, CLOUDFLARE_ACCOUNT_ID)
- [x] Smoke-Test Cross-Linking — alles funktioniert auf live
## Phase 4: Deployment umstellen
## Workflow für neue Contexts
- [x] 4.1 Neuen Workflow .github/workflows/build-deploy-moonweb.yml erstellen
- [x] 4.2 Alten Workflow .github/workflows/build-deploy.yml entfernen
- [ ] 4.3 Alten deploy-moonweb.yml in moonweb-www deaktivieren
Wenn du einen neuen Context öffnest, lies diese Datei und prüfe:
1. Welche P4-Items sind relevant? → Nur wenn angefordert
## Phase 5: Cloudflare Redirects (manuell nach Deploy)
## Definition of done
- [ ] 5.1 Redirect-Regeln einrichten:
Alle 5 Sites live auf Cloudflare Pages:
- ✅ hub.moonweb.org — verlinkt alles (+ stefankoelle.de extern)
- ✅ code.moonweb.org — GitHub-Katalog via Aggregator
- ✅ smarthome.moonweb.org — Smart Home Übersicht + Detailseiten
- ✅ infra.moonweb.org — Infra-Übersicht (redigiert)
- ✅ retro.moonweb.org — Ehrliche minimale Übersicht (WIP)
| Quell-Domain | Ziel-URL | Type |
|-------------|----------|------|
| `hub.moonweb.org/*` | `https://www.moonweb.org/$1` | 301 |
| `infra.moonweb.org/*` | `https://www.moonweb.org/infra/$1` | 301 |
| `smarthome.moonweb.org/*` | `https://www.moonweb.org/smarthome/$1` | 301 |
| `code.moonweb.org/*` | `https://www.moonweb.org/code/$1` | 301 |
| `retro.moonweb.org/*` | `https://www.moonweb.org/retro/$1` | 301 |
stefankoelle.de live auf IONOS (SFTP-Deployment):
- ✅ stefankoelle.de — Onepager mit CV, Projects, Languages, Impressum
- ✅ stefankoelle.de/ledmatrix/ — LED Matrix WebServer Dokumentation
## Phase 6: SEO
- [ ] 6.1 Google Search Console: Neue Property www.moonweb.org
- [ ] 6.2 Sitemap submiten
## Phase 7: Cleanup
- [ ] 7.1 moonweb-www Repository archivieren
- [ ] 7.2 Cloudflare Pages Projects loeschen (nach Redirect-Test)
---
## Abgeschlossen
Alle Code-Aenderungen sind fertig. Nächste Schritte:
1. Commit auf feature/consolidate-www Branch
2. Push und PR erstellen
3. Deployen
4. Cloudflare Redirects einrichten
5. Google Search Console aktualisieren
code/eleventy.config.js
+1 -1
View File
@@ -1,5 +1,5 @@
module.exports = function (eleventyConfig) {
eleventyConfig.addGlobalData("site", { url: "https://code.moonweb.org" });
eleventyConfig.addGlobalData("site", { url: "https://www.moonweb.org" });
eleventyConfig.addFilter("date", (d) => d.toISOString());
eleventyConfig.addPassthroughCopy({ "shared/theme-code.css": "theme.css" });
eleventyConfig.addPassthroughCopy({ "shared/base.css": "shared-base.css" });
hub/eleventy.config.js
+1 -1
View File
@@ -1,5 +1,5 @@
module.exports = function (eleventyConfig) {
eleventyConfig.addGlobalData("site", { url: "https://hub.moonweb.org" });
eleventyConfig.addGlobalData("site", { url: "https://www.moonweb.org" });
eleventyConfig.addFilter("date", (d) => d.toISOString());
eleventyConfig.addPassthroughCopy({ "shared/theme-hub.css": "theme.css" });
eleventyConfig.addPassthroughCopy({ "shared/base.css": "shared-base.css" });
hub/impressum.njk
+8 -10
View File
@@ -19,7 +19,7 @@ layout: base.njk
</p>
<p>
Scope of this legal notice: This legal notice and the privacy policy below apply to the following websites, all operated by Stefan Kölle: hub.moonweb.org, smarthome.moonweb.org, infra.moonweb.org, code.moonweb.org, retro.moonweb.org, buildbroken.moonweb.org, 28k8.moonweb.org, www.moonweb.org, and stefankoelle.de. All of these sites are part of the same personal project network and are covered jointly by this single document.
Scope of this legal notice: This legal notice and the privacy policy below apply to the following websites, all operated by Stefan Kölle: www.moonweb.org (including /infra/, /smarthome/, /code/, /retro/, /timecapsule/), buildbroken.moonweb.org, 28k8.moonweb.org, and stefankoelle.de. All of these sites are part of the same personal project network and are covered jointly by this single document.
</p>
<p>
@@ -41,7 +41,7 @@ layout: base.njk
<h3>2. Purpose of these Websites</h3>
<p>
The moonweb.org subdomains (hub, smarthome, infra, code, retro) document my private home-lab, home-automation and retro-computing hobby projects. buildbroken.moonweb.org is an archive of a blog I created with friends in our spare time. 28k8.moonweb.org is a homage to the 90s era. www.moonweb.org is an archived version of my original website from 2001. stefankoelle.de presents my professional CV and background as the same person. All are part of one personal project network and share this legal notice and privacy policy.
The moonweb.org websites (hub, smarthome, infra, code, retro, timecapsule) document my private home-lab, home-automation and retro-computing hobby projects. buildbroken.moonweb.org is an archive of a blog I created with friends in our spare time. 28k8.moonweb.org is a homage to the 90s era. stefankoelle.de presents my professional CV and background as the same person. All are part of one personal project network and share this legal notice and privacy policy.
</p>
<h3>3. Hosting</h3>
@@ -49,19 +49,17 @@ layout: base.njk
Two different hosting providers are used within this network:
</p>
<h4>a) moonweb.org subdomains (hub, smarthome, infra, code, retro, buildbroken) — Cloudflare Pages</h4>
<p>
Hosted via Cloudflare Pages, operated by Cloudflare, Inc., 101 Townsend St, San Francisco, CA 94107, USA. Cloudflare processes connection-level data (e.g. your IP address, request headers) as part of its content delivery and DDoS/security systems. This is governed by Cloudflare's Data Processing Addendum, which incorporates the EU Standard Contractual Clauses (2021) as a safeguard for the transfer of data to the USA. See <a href="https://www.cloudflare.com/privacypolicy/">cloudflare.com/privacypolicy</a>.
</p>
<h4>b) www.moonweb.org and stefankoelle.de — IONOS SE</h4>
<h4>a) www.moonweb.org (hub, smarthome, infra, code, retro, timecapsule) — IONOS SE</h4>
<p>
Hosted on web space provided by IONOS SE, Elgendorfer Str. 57, 56410 Montabaur, Germany, acting as a processor under Art. 28 GDPR (Data Processing Agreement in place).
</p>
<h4>b) stefankoelle.de, buildbroken.moonweb.org, 28k8.moonweb.org — IONOS SE</h4>
<p>
Legal basis for both: Art. 6(1)(f) GDPR (legitimate interest in reliable, secure delivery of the websites).
</p>
Hosted on web space provided by IONOS SE, Elgendorfer Str. 57, 56410 Montabaur, Germany, acting as a processor under Art. 28 GDPR (Data Processing Agreement in place).
</h4>
<h4>Legal basis for both: Art. 6(1)(f) GDPR (legitimate interest in reliable, secure delivery of the websites).</h4>
<h3>4. No Tracking, No Cookies, No Analytics (current state)</h3>
<p>
hub/index.njk
+6 -6
View File
@@ -9,19 +9,19 @@ sections:
cards:
- title: "infra"
summary: "Stack overview: Proxmox, Synology, network, backups, and how I work."
href: "https://infra.moonweb.org"
href: "/infra/"
emoji: "🏗️"
- title: "smarthome"
summary: "What's actually running on the homelab, and why."
href: "https://smarthome.moonweb.org"
href: "/smarthome/"
emoji: "🏠"
- title: "code"
summary: "Curated catalog of my GitHub projects."
href: "https://code.moonweb.org"
href: "/code/"
emoji: "💻"
- title: "retro"
summary: "Physical retro hardware collection."
href: "https://retro.moonweb.org"
href: "/retro/"
emoji: "🕹️"
- heading: "About me"
cards:
@@ -37,7 +37,7 @@ sections:
emoji: "💾"
- title: "www.moonweb.org"
summary: "The 2000s internet projects, networking and engineering."
href: "https://www.moonweb.org"
href: "/timecapsule/"
emoji: "🌐"
- title: "inseco.de"
summary: "Internet services & consulting for gastronomy and clubs, Peak 2003–2008. Custom PHP/CMS."
@@ -63,7 +63,7 @@ sections:
<section class="about-expanded">
<h2>What this site is about</h2>
<p>moonweb is a collection of personal projects that have grown over the past 25 years. What started as a single 486 running a BBS in the mid-90s has turned into a full homelab with Proxmox, Docker, smart home automation, and a growing collection of retro hardware. The name "moonweb" comes from the original domain moonweb.org, which has been online since 2000.</p>
<p>Each section of this site documents a different part of the setup. The <a href="https://infra.moonweb.org">infrastructure section</a> covers the Proxmox cluster, Synology NAS, Docker containers, networking, and backup strategies. The <a href="https://smarthome.moonweb.org">smart home section</a> shows what automation projects are running, from Tasmota energy monitoring to MQTT sensors and AirPlay audio. The <a href="https://code.moonweb.org">code section</a> lists the public GitHub projects that power these setups, and the <a href="https://retro.moonweb.org">retro section</a> documents the hardware collection.</p>
<p>Each section of this site documents a different part of the setup. The <a href="/infra/">infrastructure section</a> covers the Proxmox cluster, Synology NAS, Docker containers, networking, and backup strategies. The <a href="/smarthome/">smart home section</a> shows what automation projects are running, from Tasmota energy monitoring to MQTT sensors and AirPlay audio. The <a href="/code/">code section</a> lists the public GitHub projects that power these setups, and the <a href="/retro/">retro section</a> documents the hardware collection.</p>
<h2>What I do professionally</h2>
<p>I work as a Senior Software Developer &amp; Architect at TENHIL GmbH (formerly stellenanzeigen.de), where I build and maintain microservices on .NET Core and Kubernetes. My day job involves designing cloud-native architectures, building APIs, and migrating legacy applications to modern stacks. I've been working with .NET since the early 2000s and have used everything from ASP Classic to the latest .NET 8 features.</p>
infra/eleventy.config.js
+1 -1
View File
@@ -1,5 +1,5 @@
module.exports = function (eleventyConfig) {
eleventyConfig.addGlobalData("site", { url: "https://infra.moonweb.org" });
eleventyConfig.addGlobalData("site", { url: "https://www.moonweb.org" });
eleventyConfig.addFilter("date", (d) => d.toISOString());
eleventyConfig.addPassthroughCopy({ "shared/theme-infra.css": "theme.css" });
eleventyConfig.addPassthroughCopy({ "shared/base.css": "shared-base.css" });
package.json
+8 -4
View File
@@ -1,8 +1,8 @@
{
"name": "moonweb-site",
"version": "0.2.0",
"version": "0.3.0",
"private": true,
"description": "Monorepo for hub/infra/smarthome/code/retro (Eleventy, static, deployed to Cloudflare Pages)",
"description": "Monorepo for hub/infra/smarthome/code/retro/timecapsule (Eleventy, static, deployed to IONOS SFTP)",
"scripts": {
"dev:hub": "npx @11ty/eleventy --config=hub/eleventy.config.js --serve --port=8081",
"dev:infra": "npx @11ty/eleventy --config=infra/eleventy.config.js --serve --port=8082",
@@ -10,14 +10,18 @@
"dev:code": "npx @11ty/eleventy --config=code/eleventy.config.js --serve --port=8084",
"dev:retro": "npx @11ty/eleventy --config=retro/eleventy.config.js --serve --port=8085",
"dev:stefankoelle": "npx @11ty/eleventy --config=stefankoelle/eleventy.config.js --serve --port=8086",
"dev": "npm run dev:hub & npm run dev:infra & npm run dev:smarthome & npm run dev:code & npm run dev:retro & npm run dev:stefankoelle",
"dev:timecapsule": "cd timecapsule && npx @11ty/eleventy --serve --port=8087",
"dev": "npm run dev:hub & npm run dev:infra & npm run dev:smarthome & npm run dev:code & npm run dev:retro & npm run dev:stefankoelle & npm run dev:timecapsule",
"build:hub": "npx @11ty/eleventy --config=hub/eleventy.config.js",
"build:infra": "npx @11ty/eleventy --config=infra/eleventy.config.js",
"build:smarthome": "npx @11ty/eleventy --config=smarthome/eleventy.config.js",
"build:code": "npx @11ty/eleventy --config=code/eleventy.config.js",
"build:retro": "npx @11ty/eleventy --config=retro/eleventy.config.js",
"build:stefankoelle": "npx @11ty/eleventy --config=stefankoelle/eleventy.config.js",
"build": "npm run build:hub && npm run build:infra && npm run build:smarthome && npm run build:code && npm run build:retro && npm run build:stefankoelle",
"build:timecapsule": "cd timecapsule && npx @11ty/eleventy && mkdir -p ../../dist/timecapsule && cp -r _site/timecapsule/* ../../dist/timecapsule/",
"build": "npm run build:hub && npm run build:infra && npm run build:smarthome && npm run build:code && npm run build:retro && npm run build:timecapsule && npm run build:stefankoelle",
"build:moonweb": "npm run build:hub && npm run build:infra && npm run build:smarthome && npm run build:code && npm run build:retro && npm run build:timecapsule",
"merge:moonweb": "bash scripts/merge-moonweb.sh",
"pdf:cv": "bash stefankoelle/pdf/build-pdf.sh",
"prebuild": "bash prebuild.sh"
},
retro/eleventy.config.js
+1 -1
View File
@@ -1,5 +1,5 @@
module.exports = function (eleventyConfig) {
eleventyConfig.addGlobalData("site", { url: "https://retro.moonweb.org" });
eleventyConfig.addGlobalData("site", { url: "https://www.moonweb.org" });
eleventyConfig.addFilter("date", (d) => d.toISOString());
eleventyConfig.addPassthroughCopy({ "shared/theme-retro.css": "theme.css" });
eleventyConfig.addPassthroughCopy({ "shared/base.css": "shared-base.css" });
scripts/merge-moonweb.sh
Executable
+49
View File
@@ -0,0 +1,49 @@
#!/bin/bash
set -e
echo "Merging moonweb sites for deployment..."
# Clean previous merge
rm -rf dist/root
# Hub becomes root
echo " hub → dist/ (root)"
cp -r dist/hub dist/root
rm -rf dist/hub
# Copy timecapsule from its build output
if [ -d "timecapsule/_site/timecapsule" ]; then
echo " timecapsule → dist/root/timecapsule/"
cp -r timecapsule/_site/timecapsule dist/root/timecapsule
else
echo " WARNING: timecapsule/_site/timecapsule not found, skipping"
fi
# Subdirectories
for site in infra smarthome code retro; do
if [ -d "dist/$site" ]; then
echo " $site → dist/root/$site/"
cp -r "dist/$site" "dist/root/$site"
else
echo " WARNING: dist/$site not found, skipping"
fi
done
# Copy CSS to root (accessible from all subdirectories)
echo " Copying shared CSS to root..."
cp shared/base.css dist/root/shared-base.css
cp shared/favicon/hub.svg dist/root/favicon.svg
# Theme CSS files are already copied during build as theme.css
# The root theme is hub's theme
if [ -f "dist/root/theme.css" ]; then
echo " Root theme.css already in place"
fi
echo ""
echo "Merge complete. Final structure:"
find dist/root -maxdepth 2 -type f | sort | head -50
echo "..."
echo ""
echo "Total files:"
find dist/root -type f | wc -l
shared/_includes/base.njk
+9 -10
View File
@@ -17,7 +17,6 @@
<meta name="twitter:title" content="{{ title }}{% if 'moonweb' not in title and 'stefankoelle' not in title %} · moonweb.org{% endif %}">
<meta name="twitter:description" content="{{ description }}">
{% if ogImage %}<meta name="twitter:image" content="{{ site.url }}{{ ogImage }}">{% endif %}
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
@@ -45,8 +44,8 @@
"@context": "https://schema.org",
"@type": "Person",
"name": "Stefan Koelle",
"url": "https://hub.moonweb.org",
"image": "https://hub.moonweb.org/stefan-koelle-foto.jpg",
"url": "https://www.moonweb.org",
"image": "https://www.moonweb.org/stefan-koelle-foto.jpg",
"jobTitle": "Senior Software Developer & Architect",
"address": {
"@type": "PostalAddress",
@@ -69,11 +68,11 @@
<span class="site-title">{{ section }}.moonweb.org</span>
</div>
<nav class="site-switcher">
<a href="https://hub.moonweb.org">hub</a>
<a href="https://infra.moonweb.org">infra</a>
<a href="https://smarthome.moonweb.org">smarthome</a>
<a href="https://code.moonweb.org">code</a>
<a href="https://retro.moonweb.org">retro</a>
<a href="/">hub</a>
<a href="/infra/">infra</a>
<a href="/smarthome/">smarthome</a>
<a href="/code/">code</a>
<a href="/retro/">retro</a>
<a href="https://stefankoelle.de">cv</a>
</nav>
</header>
@@ -84,8 +83,8 @@
</main>
<footer class="site-footer">
<p>Part of the <a href="https://hub.moonweb.org">moonweb.org</a> homelab.</p>
<p><a href="https://hub.moonweb.org/impressum/">Legal Notice &amp; Privacy Policy</a></p>
<p>Part of the <a href="/">moonweb.org</a> homelab.</p>
<p><a href="/impressum/">Legal Notice &amp; Privacy Policy</a></p>
</footer>
</body>
</html>
smarthome/eleventy.config.js
+1 -1
View File
@@ -1,5 +1,5 @@
module.exports = function (eleventyConfig) {
eleventyConfig.addGlobalData("site", { url: "https://smarthome.moonweb.org" });
eleventyConfig.addGlobalData("site", { url: "https://www.moonweb.org" });
eleventyConfig.addFilter("date", (d) => d.toISOString());
eleventyConfig.addPassthroughCopy({ "shared/theme-smarthome.css": "theme.css" });
eleventyConfig.addPassthroughCopy({ "shared/base.css": "shared-base.css" });
stefankoelle/_includes/base.njk
+7 -7
View File
@@ -26,11 +26,11 @@
<span class="site-title">{{ siteTitle | default(section + ".moonweb.org") }}</span>
</div>
<nav class="site-switcher">
<a href="https://hub.moonweb.org">hub</a>
<a href="https://infra.moonweb.org">infra</a>
<a href="https://smarthome.moonweb.org">smarthome</a>
<a href="https://code.moonweb.org">code</a>
<a href="https://retro.moonweb.org">retro</a>
<a href="https://www.moonweb.org/">hub</a>
<a href="https://www.moonweb.org/infra/">infra</a>
<a href="https://www.moonweb.org/smarthome/">smarthome</a>
<a href="https://www.moonweb.org/code/">code</a>
<a href="https://www.moonweb.org/retro/">retro</a>
<a href="https://stefankoelle.de">cv</a>
</nav>
</header>
@@ -41,8 +41,8 @@
</main>
<footer class="site-footer">
<p>Part of the <a href="https://hub.moonweb.org">moonweb.org</a> homelab.</p>
<p><a href="https://hub.moonweb.org/impressum/">Legal Notice &amp; Privacy Policy</a></p>
<p>Part of the <a href="https://www.moonweb.org/">moonweb.org</a> homelab.</p>
<p><a href="https://www.moonweb.org/impressum/">Legal Notice &amp; Privacy Policy</a></p>
</footer>
</body>
</html>
stefankoelle/_includes/stefankoelle.njk
+1 -1
View File
@@ -43,7 +43,7 @@
"url": "{{ site.url }}",
"jobTitle": "Software Developer",
"sameAs": [
"https://hub.moonweb.org",
"https://www.moonweb.org/",
"https://www.linkedin.com/in/stefankoelle/",
"https://github.com/skoelle",
"https://www.xing.com/profile/Stefan_Koelle"
stefankoelle/index.njk
+18 -18
View File
@@ -25,30 +25,30 @@ layout: stefankoelle.njk
<h3>moonweb.org (since 2020)</h3>
<p>My personal corner on the internet, documenting the homelab, smart home setups, infrastructure experiments, retro hardware, and the code that ties it all together. Everything runs on a homelab that has been evolving since the mid-90s.</p>
<ul>
<li><b><a href="https://hub.moonweb.org">hub.moonweb.org</a></b>: Overview of all sites and projects.</li>
<li><b><a href="https://infra.moonweb.org">infra.moonweb.org</a></b>: Proxmox cluster, Synology NAS, Docker containers, networking, and backup strategies.</li>
<li><b><a href="https://smarthome.moonweb.org">smarthome.moonweb.org</a></b>: Home Assistant, MQTT sensors, AirPlay audio, energy monitoring, and ESP32 dashboards.</li>
<li><b><a href="https://code.moonweb.org">code.moonweb.org</a></b>: Curated catalog of public GitHub projects, sorted by topic.</li>
<li><b><a href="https://retro.moonweb.org">retro.moonweb.org</a></b>: Atari ST, Amiga, DOS, MiSTer FPGA, and the retro computing corner.</li>
<li><b><a href="https://www.moonweb.org/">hub.moonweb.org</a></b>: Overview of all sites and projects.</li>
<li><b><a href="https://www.moonweb.org/infra/">infra.moonweb.org</a></b>: Proxmox cluster, Synology NAS, Docker containers, networking, and backup strategies.</li>
<li><b><a href="https://www.moonweb.org/smarthome/">smarthome.moonweb.org</a></b>: Home Assistant, MQTT sensors, AirPlay audio, energy monitoring, and ESP32 dashboards.</li>
<li><b><a href="https://www.moonweb.org/code/">code.moonweb.org</a></b>: Curated catalog of public GitHub projects, sorted by topic.</li>
<li><b><a href="https://www.moonweb.org/retro/">retro.moonweb.org</a></b>: Atari ST, Amiga, DOS, MiSTer FPGA, and the retro computing corner.</li>
</ul>
<h3>Home Network Projects (2025-2026)</h3>
<ul>
<li><b>Docker Host (Proxmox PVE)</b><br>Virtualized Docker host with Debian 12.2 running containerized services including Portainer, Prometheus, Grafana, Gitea, monitoring exporters, and more. Full architecture documented on <a href="https://infra.moonweb.org/docker/">infra.moonweb.org</a>.</li>
<li><b>Docker Host (Proxmox PVE)</b><br>Virtualized Docker host with Debian 12.2 running containerized services including Portainer, Prometheus, Grafana, Gitea, monitoring exporters, and more. Full architecture documented on <a href="https://www.moonweb.org/infra//docker/">infra.moonweb.org</a>.</li>
<li><b>InfluxDB Time-Series Integration</b><br>Deployed InfluxDB 2.x for sensor data collection from Tasmota smart plugs and HomematicIP thermostats, replacing older MySQL-based storage with modern time-series architecture.</li>
<li><b>LED Matrix ESP32 InfluxDB Integration</b><br>Data persistence layer for <a href="/ledmatrix/">LED Matrix ESP32</a> sensor systems (DHT22 temperature/humidity) with InfluxDB 2.x backend. Automated collection at 60-second intervals for historical trend analysis.</li>
<li><b>Air Quality Dashboard</b><br>Dynamic HTML5 dashboard consuming real-time sensor data from InfluxDB via Flux query API. Displays temperature and humidity across all network locations, accessible via nginx reverse proxy. See also <a href="https://smarthome.moonweb.org/air-quality/">smarthome.moonweb.org</a>.</li>
<li><b>Tasmota Energy Monitoring</b><br>Smart plug energy tracking with 8 Tasmota-enabled devices, integrating MQTT data collection and visualization. See also <a href="https://smarthome.moonweb.org/tasmota-energy/">smarthome.moonweb.org</a>.</li>
<li><b>Network Hardware & Monitoring</b><br>Four Zyxel GS1200-8HP managed switches in the server room, living room, and study, plus a <a href="https://infra.moonweb.org/openwrt/">Multi-WAN OpenWrt router</a> for failover and VLAN segmentation. All switches feed into <a href="https://infra.moonweb.org/monitoring/">Prometheus monitoring</a> via SNMP exporters, and IoT devices are isolated in VLAN 189.</li>
<li><b>Air Quality Dashboard</b><br>Dynamic HTML5 dashboard consuming real-time sensor data from InfluxDB via Flux query API. Displays temperature and humidity across all network locations, accessible via nginx reverse proxy. See also <a href="https://www.moonweb.org/smarthome//air-quality/">smarthome.moonweb.org</a>.</li>
<li><b>Tasmota Energy Monitoring</b><br>Smart plug energy tracking with 8 Tasmota-enabled devices, integrating MQTT data collection and visualization. See also <a href="https://www.moonweb.org/smarthome//tasmota-energy/">smarthome.moonweb.org</a>.</li>
<li><b>Network Hardware & Monitoring</b><br>Four Zyxel GS1200-8HP managed switches in the server room, living room, and study, plus a <a href="https://www.moonweb.org/infra//openwrt/">Multi-WAN OpenWrt router</a> for failover and VLAN segmentation. All switches feed into <a href="https://www.moonweb.org/infra//monitoring/">Prometheus monitoring</a> via SNMP exporters, and IoT devices are isolated in VLAN 189.</li>
</ul>
<h3>Retro Computing (2022/2023)</h3>
<ul>
<li>MiSTer and MiST FPGA Systems for preservation (see also <a href="https://retro.moonweb.org/mist-mister-fpga/">retro.moonweb.org</a>).</li>
<li><a href="https://retro.moonweb.org/dos-486-tower/">DOS System</a>, <a href="https://retro.moonweb.org/the-a1200/">Amiga System</a>, and <a href="https://retro.moonweb.org/atari-mega-st-fleet/">Atari ST System</a> with the environment from the early 90s.</li>
<li>MiSTer and MiST FPGA Systems for preservation (see also <a href="https://www.moonweb.org/retro//mist-mister-fpga/">retro.moonweb.org</a>).</li>
<li><a href="https://www.moonweb.org/retro//dos-486-tower/">DOS System</a>, <a href="https://www.moonweb.org/retro//the-a1200/">Amiga System</a>, and <a href="https://www.moonweb.org/retro//atari-mega-st-fleet/">Atari ST System</a> with the environment from the early 90s.</li>
</ul>
<h3>Upgrade of old <a href="https://retro.moonweb.org/atari-mega-st-fleet/">Atari Mega 4</a> (2021)</h3>
<h3>Upgrade of old <a href="https://www.moonweb.org/retro//atari-mega-st-fleet/">Atari Mega 4</a> (2021)</h3>
<ul>
<li>Gotek Drive</li>
<li>More RAM</li>
@@ -67,10 +67,10 @@ layout: stefankoelle.njk
<h3>Various Docker Systems (since 2016)</h3>
<ul>
<li><b>Monitoring:</b> <a href="https://infra.moonweb.org/monitoring/">Prometheus, Grafana, InfluxDB</a>, cAdvisor, Node Exporter, SNMP exporters</li>
<li><b>Smart Home:</b> Mosquitto MQTT broker, <a href="https://smarthome.moonweb.org/homematic-mqtt/">Home Assistant</a></li>
<li><b>Monitoring:</b> <a href="https://www.moonweb.org/infra//monitoring/">Prometheus, Grafana, InfluxDB</a>, cAdvisor, Node Exporter, SNMP exporters</li>
<li><b>Smart Home:</b> Mosquitto MQTT broker, <a href="https://www.moonweb.org/smarthome//homematic-mqtt/">Home Assistant</a></li>
<li><b>Infrastructure:</b> Portainer, Nginx Proxy Manager, Authelia (SSO), Watchtower, Healthchecks</li>
<li><b>Applications:</b> Gitea (GitHub mirror), <a href="https://infra.moonweb.org/docker/">Stirling PDF</a>, <a href="https://smarthome.moonweb.org/tubearchivist/">TubeArchivist</a>, <a href="https://smarthome.moonweb.org/tubearchivist/">TubeSync</a>, <a href="https://infra.moonweb.org/docker/">SearXNG</a></li>
<li><b>Applications:</b> Gitea (GitHub mirror), <a href="https://www.moonweb.org/infra//docker/">Stirling PDF</a>, <a href="https://www.moonweb.org/smarthome//tubearchivist/">TubeArchivist</a>, <a href="https://www.moonweb.org/smarthome//tubearchivist/">TubeSync</a>, <a href="https://www.moonweb.org/infra//docker/">SearXNG</a></li>
</ul>
<h3>Walk-on Song (2019)</h3>
@@ -80,7 +80,7 @@ layout: stefankoelle.njk
<li>MP3 Module for playback on attached speaker.</li>
</ul>
<h3><a href="https://smarthome.moonweb.org/kids-rfid-player/">Kids RFID MP3 Player</a> (2018)</h3>
<h3><a href="https://www.moonweb.org/smarthome//kids-rfid-player/">Kids RFID MP3 Player</a> (2018)</h3>
<ul>
<li>Interactive audio playback system utilizing RFID technology.</li>
<li>Powered by an Arduino Nano for compact and efficient operation.</li>
@@ -146,7 +146,7 @@ layout: stefankoelle.njk
<h3>AI-Assisted Development</h3>
<p>I've fully embraced the AI-assisted development paradigm since early 2025. At work, I've taught <strong>Claude Code</strong> a workflow for handling Jira stories end-to-end: it evaluates requirements, provides feedback to the PO, and creates a detailed implementation plan. From there, it's mostly about supervising the plan while the code generation runs largely autonomously. For code review, we use a second AI (e.g., Codex) as a quality gate to catch issues that might slip through. In migration projects, I define the exact plan upfront and Claude Code executes it with increasing independence. The output gain is massive, delivering in a fraction of the time.</p>
<p>Privately, I work with <strong><a href="https://opencode.ai">OpenCode</a></strong> paired with OpenCode Zen, Merge Gateway, and OpenRouter, mostly for Python-based home lab and automation projects. See my <a href="https://code.moonweb.org">GitHub projects</a> for examples and the <a href="https://infra.moonweb.org/dev-environment/">Dev VM setup</a> for the infrastructure behind this workflow.</p>
<p>Privately, I work with <strong><a href="https://opencode.ai">OpenCode</a></strong> paired with OpenCode Zen, Merge Gateway, and OpenRouter, mostly for Python-based home lab and automation projects. See my <a href="https://www.moonweb.org/code/">GitHub projects</a> for examples and the <a href="https://www.moonweb.org/infra//dev-environment/">Dev VM setup</a> for the infrastructure behind this workflow.</p>
<h3>.NET Core</h3>
<ul>
@@ -243,5 +243,5 @@ layout: stefankoelle.njk
<p>Stefan Kölle<br>Neumarkter Str. 86c<br>81673 München</p>
<p>Phone/Fax: +49-(89)-20006547<br>E-Mail: <a id="email-impressum" href="#">[email protected]</a></p>
<p>Responsible for content according to § 18 (2) MStV: Stefan Kölle, address as above.</p>
<p>Full legal notice & privacy policy for this website and the moonweb.org network: <a href="https://hub.moonweb.org/impressum/">hub.moonweb.org/impressum</a>
<p>Full legal notice & privacy policy for this website and the moonweb.org network: <a href="https://www.moonweb.org//impressum/">hub.moonweb.org/impressum</a>
</div>
stefankoelle/ledmatrix/index.njk
+3 -3
View File
@@ -134,14 +134,14 @@ description: "WiFi-controlled LED display solution with REST API, DHT22 sensor,
<div class="feature-icon">📊</div>
<div class="feature-text">
<h3>Sensor Readings</h3>
<p>Live temperature and humidity from the on-board DHT22 sensor, stored in <a href="https://smarthome.moonweb.org/homematic-mqtt/">InfluxDB via MQTT</a></p>
<p>Live temperature and humidity from the on-board DHT22 sensor, stored in <a href="https://www.moonweb.org/smarthome//homematic-mqtt/">InfluxDB via MQTT</a></p>
</div>
</div>
<div class="feature">
<div class="feature-icon">🔔</div>
<div class="feature-text">
<h3>Status Messages</h3>
<p>Notifications like "washing machine done" triggered via <a href="https://smarthome.moonweb.org/tasmota-energy/">MQTT and Tasmota energy monitoring</a></p>
<p>Notifications like "washing machine done" triggered via <a href="https://www.moonweb.org/smarthome//tasmota-energy/">MQTT and Tasmota energy monitoring</a></p>
</div>
</div>
<div class="feature">
@@ -575,7 +575,7 @@ ESP32 will be restarted (with display shutdown)</pre>
</div>
<div class="footer-bottom">
<p>&copy; 2026 <a href="https://stefankoelle.de/">Stefan Kölle</a>. LED Matrix WebServer v1.08.</p>
<p><a href="https://hub.moonweb.org/impressum/">Legal Notice &amp; Privacy Policy</a></p>
<p><a href="https://www.moonweb.org//impressum/">Legal Notice &amp; Privacy Policy</a></p>
</div>
</footer>
timecapsule/_site/404/index.html
+69
View File
@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>moonweb.org - Page Not Found</title>
<meta name="description" content="The page you are looking for does not exist on moonweb.org.">
<meta property="og:title" content="moonweb.org - Page Not Found">
<meta property="og:description" content="The page you are looking for does not exist on moonweb.org.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/404/">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="moonweb.org - Page Not Found">
<meta name="twitter:description" content="The page you are looking for does not exist on moonweb.org.">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/beginning.jpg" alt="beginning" height="162" width="108" border="0">
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>Page Not Found</h1>
<p>The page you are looking for does not exist on moonweb.org.</p>
<p>It may have been moved, renamed, or removed.</p>
<p><a href="/timecapsule/">Go to the beginning</a></p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/acoustics/index.html
+254
View File
@@ -0,0 +1,254 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Explore my journey in music, from mixing on turntables since 1995 to creating computer music with MOD-Trackers. Discover live synthesizer sessions, DJ mixes, and more. Stay tuned for updates.">
<meta property="og:title" content="The acoustics">
<meta property="og:description" content="Explore my journey in music, from mixing on turntables since 1995 to creating computer music with MOD-Trackers. Discover live synthesizer sessions, DJ mixes, and more. Stay tuned for updates.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/acoustics/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The acoustics">
<meta name="twitter:description" content="Explore my journey in music, from mixing on turntables since 1995 to creating computer music with MOD-Trackers. Discover live synthesizer sessions, DJ mixes, and more. Stay tuned for updates.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/acoustics/index.html">
<title>moonweb.org - The acoustics</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Explore my journey in music, from mixing on turntables since 1995 to creating computer music with MOD-Trackers. Discover live synthesizer sessions, DJ mixes, and more. Stay tuned for updates."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/acoustics.jpg" alt="acoustics" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics active"
aria-current="page">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/acoustics.jpg" alt="acoustics" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The acoustics</h1>
<p>Music has always been a significant part of my life. Since 1995, I have been mixing on turntables. I also tried composing my own songs, but they never turned out very well.</p>
<h2>Music on Computers</h2>
<p>My first attempt at making music was on the computer. I never enjoyed live playing, so I sought a better way to create music. That's when I discovered MOD-Trackers. There are some nice MOD files, but they are very computer-based and don't sound like real music.</p>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>MOD-file examples (can be played on Winamp)</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p>Computer music examples from 1993:<br>
<a href="https://www.moonweb.org/files/amiga/mods/wizard.mod">... wizard.mod (46kB)</a><br>
<a href="https://www.moonweb.org/files/amiga/mods/run_away.mod">... run_away.mod (43kB)</a></p>
<p>Electronic techno-steps from 1994:<br>
<a href="https://www.moonweb.org/files/amiga/mods/LIT_RAVE.MOD">... lit_rave.mod (57kB)</a><br>
<a href="https://www.moonweb.org/files/amiga/mods/NXT_RAVE.MOD">... nxt_rave.mod (33kB)</a></p>
</td></tr>
</table>
</p>
<h2>Live Synthesizer Music</h2>
<p>Later on, we tried to perform some live music. There are two tapes with live music that I will digitize very soon. One tape is a live recording from the <b>S.O.N.A.X meets Genital Angriff</b> session in our party room (screenshot follows), and the other is a solo tape from Genital Angriff.</p>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>Live Sessions</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p>vapeur live session (1992)<br>
<a href="https://soundcloud.com/stefan-koelle/sets/vapeur-livesession-1992" target="_blank">... album on soundcloud</a></p>
</td></tr>
</table>
</p>
<h2>Live Turntable Mixing</h2>
<p>I started mixing later in life and never aspired to be a star DJ. I really enjoyed mixing at private parties and smaller events. In the 'DJ examples' box, you can find the latest afro-cosmic-double-mix with my DJ friend <b>Marc le Nain</b>, a live recording at the <b>Private Lounge Party V</b>.</p>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>DJ Examples</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p>Biggest events:<br>
... All Areas Party Prince Garden<br>
... 2nd place in DJ competition</p>
<p>Live mix:<br>
<a href="https://www.mixcloud.com/stefan-koelle/afro-double-mix/" target="_blank">... afro cosmic double mix on mix-cloud</a></p>
</td></tr>
</table>
</p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics active"
aria-current="page">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/background/index.html
+270
View File
@@ -0,0 +1,270 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Discover the key milestones in my IT learning journey, from my first computer in 1988 to my work at IXOS SOFTWARE AG. Learn about my projects, certifications, and contributions to the IT field.">
<meta property="og:title" content="The background">
<meta property="og:description" content="Discover the key milestones in my IT learning journey, from my first computer in 1988 to my work at IXOS SOFTWARE AG. Learn about my projects, certifications, and contributions to the IT field.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/background/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The background">
<meta name="twitter:description" content="Discover the key milestones in my IT learning journey, from my first computer in 1988 to my work at IXOS SOFTWARE AG. Learn about my projects, certifications, and contributions to the IT field.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/background/index.html">
<title>moonweb.org - The background</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Discover the key milestones in my IT learning journey, from my first computer in 1988 to my work at IXOS SOFTWARE AG. Learn about my projects, certifications, and contributions to the IT field."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/background.jpg" alt="background" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background active"
aria-current="page">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/background.jpg" alt="background" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The background</h1>
<p>Here is a list of key milestones in my IT learning journey.</p>
<h2>The Key Dates</h2>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>Key Dates</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p><b>1988</b><br>
First computer (Atari ST)</p>
<p><b>1990</b><br>
First computer program (Bowling)</p>
<p><b>1991</b><br>
First complete computer game (Atom Oh No!)</p>
<p><b>1992</b><br>
First Intel computer (80486)</p>
<p><b>1994</b><br>
First computer modem</p>
<p><b>1996</b><br>
Own computer mailbox and Fidonet access</p>
<p><b>1997</b><br>
First computer network (10Mbit thin-ethernet)</p>
<p><b>1997-99</b><br>
Trainee at IXOS SOFTWARE AG</p>
<p><b>1998</b><br>
First internet webpage (www.moonweb.org)</p>
<p><b>1999-00</b><br>
Web Engineer at IXOS SOFTWARE AG</p>
<p><b>2000</b><br>
Microsoft certified for:</p>
<ul>
<li>Windows NT 4.0 Workstation, Server</li>
<li>Internet Information Server 4.0</li>
</ul>
</td></tr>
</table>
</p>
<h2>The Work at IXOS SOFTWARE AG</h2>
<p>I started to work at <b>IXOS SOFTWARE AG</b> as an intern during my studies and worked on different projects.</p>
<ul>
<li>
<p>Jetform integration into IXOS ARCHIVE on an R/3 environment</p>
</li>
<li>
<p>Mobile internet computing test for IXOS Mobile/3</p>
</li>
<li>
<p>IXtrain sysadmin while studying</p>
</li>
<li>
<p>Digital timestamp client/server application in Java</p>
</li>
<li>
<p>Porting the Perl/CGI version of the IXOS Jukeman website to ASP/SQL on the IIS</p>
</li>
</ul>
<p>After I stopped my studies, I started to work at IXOS SOFTWARE AG as a <b>Web Engineer</b>. My job was to build up a logical environment for all scripts and to enable <b>persons with no HTML experience to publish content on the www.ixos.com webpage</b>. This was done for press releases, event database, and later for job offers. I also integrated the index server search engine on the webpage, including PDF indexing. If you have further questions about this, just <a href="mailto:stefans-work-at-ixos@moonweb.org">email me</a>.</p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background active"
aria-current="page">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/beginning/index.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="0;url=/timecapsule/">
<title>Redirecting to /</title>
</head>
<body>
<p>Redirecting to <a href="/timecapsule/">/</a>…</p>
</body>
</html>
timecapsule/_site/beginning/news.html
+247
View File
@@ -0,0 +1,247 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Stay updated with the latest news on moonweb.org. Learn about the design relaunch, upcoming section updates, and the reasons behind the changes. Discover more about our projects and products.">
<meta property="og:title" content="The news">
<meta property="og:description" content="Stay updated with the latest news on moonweb.org. Learn about the design relaunch, upcoming section updates, and the reasons behind the changes. Discover more about our projects and products.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/beginning/news.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The news">
<meta name="twitter:description" content="Stay updated with the latest news on moonweb.org. Learn about the design relaunch, upcoming section updates, and the reasons behind the changes. Discover more about our projects and products.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/beginning/news.html">
<title>moonweb.org - The news</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Stay updated with the latest news on moonweb.org. Learn about the design relaunch, upcoming section updates, and the reasons behind the changes. Discover more about our projects and products."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/beginning.jpg" alt="beginning" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning active"
aria-current="page">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/beginning.jpg" alt="beginning" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
<!-- quicknav -->
<table border="0" cellpadding="0" cellspacing="0" width="100" class="quicknav-table"><tr><td width="100" height="49"><img src="/timecapsule/assets/images/quicknav-top.gif" width="100" height="49" alt="quicknav"></td></tr><tr><td width="100" background="/timecapsule/assets/images/quicknav-back.gif"><table border="0" cellpadding="0" cellspacing="0" width="85"><tr><td width="85" align="right"><a href="/timecapsule/beginning/news.html" class="quicknav">news</a><br><a href="/timecapsule/beginning/report.html" class="quicknav">monthly report</a><br><a href="/timecapsule/beginning/sitemap.html" class="quicknav">sitemap</a></td></tr></table></td></tr><tr><td width="100" height="70"><img src="/timecapsule/assets/images/quicknav-end.gif" width="100" height="70" alt="quicknav"></td></tr></table>
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The news</h1>
<p>This relaunch of <b>moonweb.org</b> is mostly a design update. In the following months, I will update one section per month.<br>
Keep an eye on the following dates:</p>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>The dates of section updates</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p><b>06/2001</b> - The projects<br>
<b>07/2001</b> - The products<br>
<b>08/2001</b> - The acoustics</p>
</td></tr>
</table>
</p>
<br>
<h2>The design relaunch (1.5.2001)</h2>
<p>Many people ask me about the reason for <b>moonweb.org</b>. During my studies, I started to think <b>more globally</b>. I already had<br>
some contacts through Fidonet, but serious networking and communication started with the internet. The first step was to build up<br>
an <b>internet brand</b>, and I started with the first planets.org webpages. I quickly realized an internet brand has to have<br>
its <b>own domain</b>. As everyone can expect, planets.org was already taken, and after sleepless nights, <b>moonweb.org</b><br>
became the domain of the moment.</p>
<p><b>So why have I relaunched the design of this domain?</b><br>
Sure, there has not been much activity in the last two years on moonweb.org, but the main reason to update this page was<br>
to collect all the projects and products we created over the past 10 years and document them on this webpage.</p>
<p><b>Are there still some active projects or new products?</b><br>
Yes, and I hope there are still more to come. Stay tuned.<br>
More about the upcoming projects and products in the next months.</p>
<p><b>Stefan</b></p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning active"
aria-current="page">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<div class="mobile-footer-quicknav">
<a href="/beginning/news.html" class="quicknav">news</a> - <a href="/beginning/report.html" class="quicknav">monthly report</a> - <a href="/beginning/sitemap.html" class="quicknav">sitemap</a>
</div>
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/beginning/report.html
+242
View File
@@ -0,0 +1,242 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="This month marks the relaunch of moonweb.org with a new design. Learn about the design process, timeline, and upcoming content releases. Stay updated with the latest news.">
<meta property="og:title" content="The monthly report">
<meta property="og:description" content="This month marks the relaunch of moonweb.org with a new design. Learn about the design process, timeline, and upcoming content releases. Stay updated with the latest news.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/beginning/report.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The monthly report">
<meta name="twitter:description" content="This month marks the relaunch of moonweb.org with a new design. Learn about the design process, timeline, and upcoming content releases. Stay updated with the latest news.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/beginning/report.html">
<title>moonweb.org - The monthly report</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "This month marks the relaunch of moonweb.org with a new design. Learn about the design process, timeline, and upcoming content releases. Stay updated with the latest news."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/beginning.jpg" alt="beginning" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning active"
aria-current="page">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/beginning.jpg" alt="beginning" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
<!-- quicknav -->
<table border="0" cellpadding="0" cellspacing="0" width="100" class="quicknav-table"><tr><td width="100" height="49"><img src="/timecapsule/assets/images/quicknav-top.gif" width="100" height="49" alt="quicknav"></td></tr><tr><td width="100" background="/timecapsule/assets/images/quicknav-back.gif"><table border="0" cellpadding="0" cellspacing="0" width="85"><tr><td width="85" align="right"><a href="/timecapsule/beginning/news.html" class="quicknav">news</a><br><a href="/timecapsule/beginning/report.html" class="quicknav">monthly report</a><br><a href="/timecapsule/beginning/sitemap.html" class="quicknav">sitemap</a></td></tr></table></td></tr><tr><td width="100" height="70"><img src="/timecapsule/assets/images/quicknav-end.gif" width="100" height="70" alt="quicknav"></td></tr></table>
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The monthly report</h1>
<p>This month marks the relaunch. For more information about the relaunch, please visit the <a href="news.html">news page</a>.</p>
<h2>The Design Relaunch (1.5.2001)</h2>
<p>Soon after the first release of the old moonweb.org design, I started thinking about <b>a new design</b>—a <b>simple, clean, and smooth version</b>. After a year of brainstorming, I developed the first version of the new design and aimed to publish it by the new millennium in 2000. However, I discovered numerous small issues I didn't like. Nearly another year later, I finished the design. Here is a timeline with the key relaunch steps:</p>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>Timeline</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p><b>05/1998</b> - Release of old moonweb.org design<br>
<b>12/1998</b> - Idea of new moonweb.org design<br>
<b>12/1999</b> - First design prototype<br>
<b>05/2000</b> - Last content change on old design<br>
<b>01/2001</b> - Content prototype<br>
<b>03/2001</b> - Completed new design of moonweb.org<br>
<b>05/2001</b> - Design relaunch of moonweb.org</p>
</td></tr>
</table>
</p>
<p>Meanwhile, I also tried to develop the <b>INSECO Webpages</b>, but they are still in <b>early development</b>. More information about this will be announced in the coming months with a detailed plan of the steps to publish the INSECO Webpages.</p>
<p>The <b>content on moonweb.org</b> will be released <b>in three steps</b> as described on the <a href="news.html">news page</a>. This is due to the large amount of information that needs to be added to these sections. This time, I will describe everything that has been developed over the last 13 years.</p>
<p>For any comments, please write me an email. Thanks.</p>
<p><b>Stefan</b></p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning active"
aria-current="page">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<div class="mobile-footer-quicknav">
<a href="/beginning/news.html" class="quicknav">news</a> - <a href="/beginning/report.html" class="quicknav">monthly report</a> - <a href="/beginning/sitemap.html" class="quicknav">sitemap</a>
</div>
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/beginning/sitemap.html
+354
View File
@@ -0,0 +1,354 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Explore the sitemap of moonweb.org, including sections on projects, products, acoustics, location, background, partners, and contact information. Discover our journey and how to connect with us.">
<meta property="og:title" content="The sitemap">
<meta property="og:description" content="Explore the sitemap of moonweb.org, including sections on projects, products, acoustics, location, background, partners, and contact information. Discover our journey and how to connect with us.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/beginning/sitemap.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The sitemap">
<meta name="twitter:description" content="Explore the sitemap of moonweb.org, including sections on projects, products, acoustics, location, background, partners, and contact information. Discover our journey and how to connect with us.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/beginning/sitemap.html">
<title>moonweb.org - The sitemap</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Explore the sitemap of moonweb.org, including sections on projects, products, acoustics, location, background, partners, and contact information. Discover our journey and how to connect with us."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/beginning.jpg" alt="beginning" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning active"
aria-current="page">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/beginning.jpg" alt="beginning" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
<!-- quicknav -->
<table border="0" cellpadding="0" cellspacing="0" width="100" class="quicknav-table"><tr><td width="100" height="49"><img src="/timecapsule/assets/images/quicknav-top.gif" width="100" height="49" alt="quicknav"></td></tr><tr><td width="100" background="/timecapsule/assets/images/quicknav-back.gif"><table border="0" cellpadding="0" cellspacing="0" width="85"><tr><td width="85" align="right"><a href="/timecapsule/beginning/news.html" class="quicknav">news</a><br><a href="/timecapsule/beginning/report.html" class="quicknav">monthly report</a><br><a href="/timecapsule/beginning/sitemap.html" class="quicknav">sitemap</a></td></tr></table></td></tr><tr><td width="100" height="70"><img src="/timecapsule/assets/images/quicknav-end.gif" width="100" height="70" alt="quicknav"></td></tr></table>
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The sitemap</h1>
<p>Listed below is the sitemap of moonweb.org.</p>
<h2>The Projects</h2>
<p>The main <b>purpose of moonweb.org</b> is to build up knowledge through continuous <b>learning by doing</b>. You can find all finished, ongoing, and upcoming projects below.</p>
<ul>
<li>Atari development</li>
<li>Amiga development</li>
<li>PC/Intel development</li>
<li>Fidonet/BBS</li>
<li>Network/Internet</li>
<li>Web development</li>
</ul>
<div style="text-align:right;vertical-align:bottom;">
<table border="0" cellpadding="0" cellspacing="0" height="59"><tr>
<td align="right" height="40" valign="bottom" width="52">
<a href="/timecapsule/projects/index.html"><nobr>The Projects</nobr></a>
</td>
<td height="40" width="20"><img height="40" src="/timecapsule/assets/images/redline.gif" width="20"/></td>
</tr>
<tr>
<td align="right" colspan="2" height="19"><img height="19" src="/timecapsule/assets/images/redbottom.gif" width="72"/></td>
</tr></table>
</div>
<h2>The Products</h2>
<p>After <b>13 years of development</b>, we have released <b>several products</b> during different projects.</p>
<ul>
<li>SkyLINE Shareware Development</li>
<li>PHOBIA</li>
<li>ESPRIT (Tr@nceMission, P.C.C)</li>
<li>ASC (The Force, HCC)</li>
<li>Olympic Arts / TropicDREAMS</li>
</ul>
<div style="text-align:right;vertical-align:bottom;">
<table border="0" cellpadding="0" cellspacing="0" height="59"><tr>
<td align="right" height="40" valign="bottom" width="52">
<a href="/timecapsule/products/index.html"><nobr>The Products</nobr></a>
</td>
<td height="40" width="20"><img height="40" src="/timecapsule/assets/images/redline.gif" width="20"/></td>
</tr>
<tr>
<td align="right" colspan="2" height="19"><img height="19" src="/timecapsule/assets/images/redbottom.gif" width="72"/></td>
</tr></table>
</div>
<h2>The Acoustics</h2>
<p>Live <b>music and DJ mixes</b> recorded over the past 10 years. Also, some <b>rare tracks</b> from studioMARS.</p>
<ul>
<li>Live music</li>
<li>Live mixing</li>
<li>studioMARS</li>
</ul>
<div style="text-align:right;vertical-align:bottom;">
<table border="0" cellpadding="0" cellspacing="0" height="59"><tr>
<td align="right" height="40" valign="bottom" width="52">
<a href="/timecapsule/acoustics/index.html"><nobr>The Acoustics</nobr></a>
</td>
<td height="40" width="20"><img height="40" src="/timecapsule/assets/images/redline.gif" width="20"/></td>
</tr>
<tr>
<td align="right" colspan="2" height="19"><img height="19" src="/timecapsule/assets/images/redbottom.gif" width="72"/></td>
</tr></table>
</div>
<h2>The Location</h2>
<p>General information about our current operations and <b>our locations</b>.</p>
<ul>
<li>Branch offices</li>
<li>Environments</li>
<li>Teams</li>
</ul>
<div style="text-align:right;vertical-align:bottom;">
<table border="0" cellpadding="0" cellspacing="0" height="59"><tr>
<td align="right" height="40" valign="bottom" width="52">
<a href="/timecapsule/location/index.html"><nobr>The Location</nobr></a>
</td>
<td height="40" width="20"><img height="40" src="/timecapsule/assets/images/redline.gif" width="20"/></td>
</tr>
<tr>
<td align="right" colspan="2" height="19"><img height="19" src="/timecapsule/assets/images/redbottom.gif" width="72"/></td>
</tr></table>
</div>
<h2>The Background</h2>
<p>Information about myself, the <b>creator of moonweb.org</b>, and the beginnings of the moonweb.org network.</p>
<ul>
<li>Personal</li>
<li>Knowledge</li>
<li>Timeline</li>
</ul>
<div style="text-align:right;vertical-align:bottom;">
<table border="0" cellpadding="0" cellspacing="0" height="59"><tr>
<td align="right" height="40" valign="bottom" width="52">
<a href="/timecapsule/background/index.html"><nobr>The Background</nobr></a>
</td>
<td height="40" width="20"><img height="40" src="/timecapsule/assets/images/redline.gif" width="20"/></td>
</tr>
<tr>
<td align="right" colspan="2" height="19"><img height="19" src="/timecapsule/assets/images/redbottom.gif" width="72"/></td>
</tr></table>
</div>
<h2>The Partners</h2>
<p>All our <b>partners, supporters, and guests</b>.</p>
<ul>
<li>Partners</li>
<li>Supporters</li>
<li>Guests</li>
</ul>
<div style="text-align:right;vertical-align:bottom;">
<table border="0" cellpadding="0" cellspacing="0" height="59"><tr>
<td align="right" height="40" valign="bottom" width="52">
<a href="/timecapsule/partners/index.html"><nobr>The Partners</nobr></a>
</td>
<td height="40" width="20"><img height="40" src="/timecapsule/assets/images/redline.gif" width="20"/></td>
</tr>
<tr>
<td align="right" colspan="2" height="19"><img height="19" src="/timecapsule/assets/images/redbottom.gif" width="72"/></td>
</tr></table>
</div>
<h2>The Contact</h2>
<p>Different ways to <b>get in contact</b> with us.</p>
<ul>
<li>Phone</li>
<li>Fax</li>
<li>Email</li>
</ul>
<div style="text-align:right;vertical-align:bottom;">
<table border="0" cellpadding="0" cellspacing="0" height="59"><tr>
<td align="right" height="40" valign="bottom" width="52">
<a href="/timecapsule/contact/index.html"><nobr>The Contact</nobr></a>
</td>
<td height="40" width="20"><img height="40" src="/timecapsule/assets/images/redline.gif" width="20"/></td>
</tr>
<tr>
<td align="right" colspan="2" height="19"><img height="19" src="/timecapsule/assets/images/redbottom.gif" width="72"/></td>
</tr></table>
</div>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning active"
aria-current="page">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<div class="mobile-footer-quicknav">
<a href="/beginning/news.html" class="quicknav">news</a> - <a href="/beginning/report.html" class="quicknav">monthly report</a> - <a href="/beginning/sitemap.html" class="quicknav">sitemap</a>
</div>
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/contact/index.html
+233
View File
@@ -0,0 +1,233 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Get in touch for general information or report technical issues with moonweb.org. Contact us via phone or email for assistance.">
<meta property="og:title" content="The contact">
<meta property="og:description" content="Get in touch for general information or report technical issues with moonweb.org. Contact us via phone or email for assistance.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/contact/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The contact">
<meta name="twitter:description" content="Get in touch for general information or report technical issues with moonweb.org. Contact us via phone or email for assistance.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/contact/index.html">
<title>moonweb.org - The contact</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Get in touch for general information or report technical issues with moonweb.org. Contact us via phone or email for assistance."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/contact.jpg" alt="contact" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact active"
aria-current="page">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/contact.jpg" alt="contact" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The contact</h1>
<p>For <b>general information</b>, please use this contact information.</p>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>Contact</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p>phone: +49.89.20006547<br>
email: info@moonweb.org</p>
</td></tr>
</table>
</p>
<p>Please report <b>technical problems</b> with this webserver to the webmaster.</p>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>Webmaster</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p>email: webmaster@moonweb.org</p>
</td></tr>
</table>
</p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact active"
aria-current="page">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/hardware.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="0;url=/timecapsule/">
<title>Redirecting to /</title>
</head>
<body>
<p>Redirecting to <a href="/timecapsule/">/</a>…</p>
</body>
</html>
timecapsule/_site/index.html
+235
View File
@@ -0,0 +1,235 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Welcome to moonweb.org, a site dedicated to building IT knowledge through self-study. Explore my life, projects, and the journey of learning IT with Matthias since 1988. Stay tuned for more updates.">
<meta property="og:title" content="The beginning">
<meta property="og:description" content="Welcome to moonweb.org, a site dedicated to building IT knowledge through self-study. Explore my life, projects, and the journey of learning IT with Matthias since 1988. Stay tuned for more updates.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The beginning">
<meta name="twitter:description" content="Welcome to moonweb.org, a site dedicated to building IT knowledge through self-study. Explore my life, projects, and the journey of learning IT with Matthias since 1988. Stay tuned for more updates.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/index.html">
<title>moonweb.org - The beginning</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Welcome to moonweb.org, a site dedicated to building IT knowledge through self-study. Explore my life, projects, and the journey of learning IT with Matthias since 1988. Stay tuned for more updates."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/beginning.jpg" alt="beginning" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning active"
aria-current="page">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/beginning.jpg" alt="beginning" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
<!-- quicknav -->
<table border="0" cellpadding="0" cellspacing="0" width="100" class="quicknav-table"><tr><td width="100" height="49"><img src="/timecapsule/assets/images/quicknav-top.gif" width="100" height="49" alt="quicknav"></td></tr><tr><td width="100" background="/timecapsule/assets/images/quicknav-back.gif"><table border="0" cellpadding="0" cellspacing="0" width="85"><tr><td width="85" align="right"><a href="/timecapsule/beginning/news.html" class="quicknav">news</a><br><a href="/timecapsule/beginning/report.html" class="quicknav">monthly report</a><br><a href="/timecapsule/beginning/sitemap.html" class="quicknav">sitemap</a></td></tr></table></td></tr><tr><td width="100" height="70"><img src="/timecapsule/assets/images/quicknav-end.gif" width="100" height="70" alt="quicknav"></td></tr></table>
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The beginning</h1>
<p>Welcome to the new <b>moonweb.org</b> website. After <b>2 years</b> of part-time development, it is finally <b>here</b>.</p>
<h2>The Idea</h2>
<p>Thank you for visiting our page. The idea behind moonweb.org is to build <b>IT knowledge</b> and to <b>learn from each other</b>.<br>
Since computer education in schools or colleges here in Germany isn't very comprehensive and often misses out on interesting aspects relevant to business life, we built up our IT knowledge through self-study.</p>
<h2>The Website</h2>
<p>This page mostly describes <b>my life</b>, the <b>products I have developed</b>, and the <b>projects I have been part of</b>.<br>
You can also find some general information about the person who played a <b>major role in my IT learning process</b>, Matthias. Together, we took our first steps in <b>computer programming in 1988</b> on an Atari STFM 1040, a great machine.</p>
<h2>The Person</h2>
<p>Since there is no advertising on my homepage, you probably know who I am, so I will skip the standard description of myself. If you want to know more about <a href="/timecapsule/stefan/">me</a>, write me an <a href="mailto:who-are-you@moonweb.org">email</a>.<br>
I dislike personal websites and often wonder if anyone would actually use this page. I stopped worrying about it :) and remember the main reason I started this website: to document all the information about my projects so I would never forget anything. That's all.</p>
<h2>The Future</h2>
<p>... stay tuned</p>
<p><b>Stefan</b></p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning active"
aria-current="page">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<div class="mobile-footer-quicknav">
<a href="/beginning/news.html" class="quicknav">news</a> - <a href="/beginning/report.html" class="quicknav">monthly report</a> - <a href="/beginning/sitemap.html" class="quicknav">sitemap</a>
</div>
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/index2.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="0;url=/timecapsule/">
<title>Redirecting to /</title>
</head>
<body>
<p>Redirecting to <a href="/timecapsule/">/</a>…</p>
</body>
</html>
timecapsule/_site/index3.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="0;url=/timecapsule/">
<title>Redirecting to /</title>
</head>
<body>
<p>Redirecting to <a href="/timecapsule/">/</a>…</p>
</body>
</html>
timecapsule/_site/infos.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="0;url=/timecapsule/">
<title>Redirecting to /</title>
</head>
<body>
<p>Redirecting to <a href="/timecapsule/">/</a>…</p>
</body>
</html>
timecapsule/_site/legal-notice/index.html
+224
View File
@@ -0,0 +1,224 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta property="og:title" content="Legal Notice">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/legal-notice/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Legal Notice">
<meta name="twitter:description" content="">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/legal-notice/index.html">
<title>moonweb.org - Legal Notice</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": ""
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/contact.jpg" alt="contact" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact active"
aria-current="page">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/contact.jpg" alt="contact" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>Legal Notice</h1>
<p><strong>Legal Notice (Impressum, § 5 DDG)</strong></p>
<p>Stefan Kölle<br>
Neumarkter Str. 86c<br>
81673 München</p>
<p>Phone/Fax: +49-(89)-20006547<br>
E-Mail: webmaster@moonweb.org</p>
<p>Responsible for content according to § 18 (2) MStV: Stefan Kölle, address as above.</p>
<p>Full legal notice &amp; privacy policy for this website and the moonweb.org network: <a href="https://www.moonweb.org/impressum">/impressum</a></p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact active"
aria-current="page">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 8/16/2026 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/links.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="0;url=/timecapsule/">
<title>Redirecting to /</title>
</head>
<body>
<p>Redirecting to <a href="/timecapsule/">/</a>…</p>
</body>
</html>
timecapsule/_site/location/index.html
+241
View File
@@ -0,0 +1,241 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Learn about the location and network setup of moonweb.org in Augsburg, Germany. Explore the hardware and network environment, including servers, workstations, and network connections.">
<meta property="og:title" content="The location">
<meta property="og:description" content="Learn about the location and network setup of moonweb.org in Augsburg, Germany. Explore the hardware and network environment, including servers, workstations, and network connections.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/location/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The location">
<meta name="twitter:description" content="Learn about the location and network setup of moonweb.org in Augsburg, Germany. Explore the hardware and network environment, including servers, workstations, and network connections.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/location/index.html">
<title>moonweb.org - The location</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Learn about the location and network setup of moonweb.org in Augsburg, Germany. Explore the hardware and network environment, including servers, workstations, and network connections."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/location.jpg" alt="location" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location active"
aria-current="page">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/location.jpg" alt="location" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The location</h1>
<p>moonweb.org was located in Augsburg, Germany. The location was connected to two additional locations: one in the same house via a 10 Mbit thin-Ethernet cable, and another to the Springfield.net network via a demand dial RAS connection. The next step was to build a much wider network with the new network project 'VPN demand dial connection'.</p>
<h2>The Main Environment</h2>
<p>There were some old servers which did not run very fast, so don't expect too much. The main server, the internet access, and the two client hubs (10 Mbit and 100 Mbit) were connected with a SOHO switch.</p>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>Hardware</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p><b>XS</b><br>
smoothwall firewall</p>
<p><b>IO</b><br>
The main server for all internal services</p>
<p><b>KALLISTO</b><br>
Red Hat Linux Server</p>
<p><b>PANDORA</b><br>
The multimedia workstation with 3 monitors and high-quality speakers</p>
<p><b>GANYMED</b><br>
The guest computer</p>
<p><b>PHOBOS</b><br>
Linux Server with Postfix/Apache</p>
<p><b>DIONE</b><br>
The classic 486 with DOS</p>
</td></tr>
</table>
</p>
<h2>The Network</h2>
<p>A network plan can be found here: <a href="/timecapsule/network">network plan</a></p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location active"
aria-current="page">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/network/index.html
+219
View File
@@ -0,0 +1,219 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Explore the moonweb.org network setup, including hardware, servers, workstations, and network connections. Learn about the infrastructure that supports our IT environment.">
<meta property="og:title" content="The network">
<meta property="og:description" content="Explore the moonweb.org network setup, including hardware, servers, workstations, and network connections. Learn about the infrastructure that supports our IT environment.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/network/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The network">
<meta name="twitter:description" content="Explore the moonweb.org network setup, including hardware, servers, workstations, and network connections. Learn about the infrastructure that supports our IT environment.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/network/index.html">
<title>moonweb.org - The network</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Explore the moonweb.org network setup, including hardware, servers, workstations, and network connections. Learn about the infrastructure that supports our IT environment."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/network.jpg" alt="network" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/network.jpg" alt="network" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The network</h1>
<p>Here is the moonweb.org network plan:</p>
<p><img src="/timecapsule/assets/content/network.jpg" alt="Detailed network plan of the moonweb.org network"></p>
<p>The moonweb.org network in Augsburg, Germany, connected to two other locations via a 10 Mbit thin-Ethernet cable and a demand dial RAS connection. Plans included expanding with a VPN demand dial connection. The network had older servers, modest performance, and used a SOHO switch to connect the main server, internet access, and client hubs. The setup featured various servers and workstations, including a Smoothwall firewall and a classic 486 with DOS.</p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/new.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="0;url=/timecapsule/">
<title>Redirecting to /</title>
</head>
<body>
<p>Redirecting to <a href="/timecapsule/">/</a>…</p>
</body>
</html>
timecapsule/_site/partners/index.html
+241
View File
@@ -0,0 +1,241 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="A heartfelt thank you to the individuals who supported me from 1988 to 2001. Acknowledging contributions in game development, demo coding, network projects, and more.">
<meta property="og:title" content="The partners">
<meta property="og:description" content="A heartfelt thank you to the individuals who supported me from 1988 to 2001. Acknowledging contributions in game development, demo coding, network projects, and more.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/partners/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The partners">
<meta name="twitter:description" content="A heartfelt thank you to the individuals who supported me from 1988 to 2001. Acknowledging contributions in game development, demo coding, network projects, and more.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/partners/index.html">
<title>moonweb.org - The partners</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "A heartfelt thank you to the individuals who supported me from 1988 to 2001. Acknowledging contributions in game development, demo coding, network projects, and more."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/partners.jpg" alt="partners" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners active"
aria-current="page">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/partners.jpg" alt="partners" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The partners</h1>
<p>I want to thank some people who helped me during the last 13 years (1988-2001).</p>
<p><b>Matthias</b><br>
For the best time ever while brainstorming about games, demos, and enhancements of all the tools we developed. And of course, I have to thank you for leading me to the Atari ST and not to the Amiga :) and for the help on all the projects.</p>
<p><b>The Elite, M.C.A., and of course the equinox website</b><br>
For the inspiration in demo coding.</p>
<p><b>Milkrun</b><br>
For the help with graphical coding.</p>
<p><b>Helmut Kalb</b><br>
For the interesting projects at IXOS SOFTWARE AG.</p>
<p><b>Miltos</b><br>
For the great help while learning ASP :)</p>
<p><b>Christian Beckmann</b><br>
For the help with the network projects and for the hardware supply :)</p>
<p><b>Thomas Hoeger</b><br>
For the nice time at IXtrain as a sysadmin.</p>
<p><b>Hary and Thomas</b><br>
For the help with electronics.</p>
<p><b>Ulrich, Sirius-BBS Sysop, and Mash</b><br>
For the great Fidonet time and for some help with the Fidonet projects.</p>
<p><b>Raphael</b><br>
For some help with programming and network stuff.</p>
<p><b>Marco</b><br>
For the nice cosmic sounds.</p>
<p><b>Juergen and Brainstorm-Radio</b><br>
For the help with the Fidonet and internet projects.</p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners active"
aria-current="page">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/products/index.html
+301
View File
@@ -0,0 +1,301 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Discover the products developed over the years at moonweb.org, from Atari ST games and tools to PC games, intros, demos, and utilities. Learn about the projects and software group pseudonyms.">
<meta property="og:title" content="The products">
<meta property="og:description" content="Discover the products developed over the years at moonweb.org, from Atari ST games and tools to PC games, intros, demos, and utilities. Learn about the projects and software group pseudonyms.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/products/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The products">
<meta name="twitter:description" content="Discover the products developed over the years at moonweb.org, from Atari ST games and tools to PC games, intros, demos, and utilities. Learn about the projects and software group pseudonyms.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/products/index.html">
<title>moonweb.org - The products</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Discover the products developed over the years at moonweb.org, from Atari ST games and tools to PC games, intros, demos, and utilities. Learn about the projects and software group pseudonyms."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/products.jpg" alt="products" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products active"
aria-current="page">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/products.jpg" alt="products" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The products</h1>
<p>Over the years of development projects, some products have been released. This section is grouped by project and also listed separately by product title. The projects started in 1988 on our first computers, which were Atari STFM 1040s. You can find more detailed information in the projects section.</p>
<h2>The Atari ST Products</h2>
<p>On our first project, we quickly learned to code some simple programs. Matthias mainly focused on medium resolution programming and Stefan on high resolution. As 12-year-olds, the type of software we wanted to code was games, although we also coded some nice tools.</p>
<ul>
<li>
<p><b>International Kegeln and Bowling (1990)</b><br>
Our first release ever. Idea from Matthias (Olympic Arts) and first graphical coding project. The result was a complete Bowling game as a second version of &quot;International Kegeln&quot; simply called <b>Bowling</b>. It was complete, but never playable.</p>
</li>
<li>
<p><b>Runner (1991)</b><br>
An all-round helper tool including a database, memo, system overview, and a game. Main idea from CPK and some help from Stefan on the built-in Hangman game.</p>
</li>
<li>
<p><b>Atom Oh No! (1991)</b><br>
The second <b>game release</b> on the Atari ST <b>completely coded by Stefan</b> under the pseudonym &quot;Tropic DREAMs&quot;. The idea came from the game Atomix on the Amiga, ported to the Atari ST high resolution 640x400 including a <b>level maker</b> and <b>10 demo levels</b>.</p>
</li>
<li>
<p><b>TOP Tools (1992)</b><br>
Some small tools and a game coded by Stefan under the pseudonym &quot;Tropic DREAMs&quot;. All-round tool like Runner, a simple strategic game, and an archive tool for the Atari ST magazine TOS.</p>
</li>
</ul>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>The software group pseudonyms</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p><b>Olympic Arts</b><br>
mainly Matthias, his brother, and sometimes Stefan</p>
<p><b>Tropic DREAMs</b><br>
mainly Stefan</p>
</td></tr>
</table>
</p>
<h2>The PC Games</h2>
<p>In about 1992, Matthias and I bought a 486 Intel personal computer and <b>quickly learned to develop on this processor</b>. Our main language was Turbo Pascal with more and more <b>inline assembler</b> from Stefan. The first type of software we wanted to develop was games.</p>
<ul>
<li>
<p><b>Glücksrad (1993)</b><br>
The first PC software release in 1993. Code by Stefan, graphics from Matthias, and PC-Speaker sound sampled from the 'Wheel of Fortune' show on Sat1. The idea, of course, comes from 'Wheel of Fortune'. Recommended computer: 486 with DOS. <a href="https://www.moonweb.org/files/pc/esprit/grad1993.zip">... download (400kB)</a></p>
</li>
<li>
<p><b>Tetris (1994)</b><br>
Fully playable two-player Tetris competition preview. Complete coding and graphics by Stefan. Never finished a release version, but this version is very playable. Released under 'SkyLINE Production'. Recommended computer: 486 with DOS. Now available as DOSBox version for Windows and modern systems.<br>
<a href="https://www.moonweb.org/files/pc/skyline/tet_comp_dosbox.zip">... download DOSBOX Version</a></p>
</li>
</ul>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>The software group pseudonyms</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p><b>Tr@nceMISSION</b><br>
mainly Stefan, the goal was to build games and demos on the PC, but there was only one game release and some small demos and intros<br>
<a href="https://www.moonweb.org/tcm/" target="_blank">Tr@nceMission Website with Sourcecode</a></p>
<p><b>SkyLINE Productions</b><br>
mainly Stefan, the goal was to build serious applications on the PC. SkyLINE existed from 1993 until 1995 and released about 15 tools and demos<br>
<a href="https://28k8.moonweb.org/bbs/pc/skyline/" target="_blank">SkyLINE Production Releases</a></p>
<p><b>PHOB!A</b><br>
was a short-lived PC demo group in 1994. It released the Phobia Welcome Intro, coded in Turbo Pascal with inline assembler, using palette tricks for animation and a custom font.<br>
<a href="https://www.moonweb.org/phobia/" target="_blank">PHOB!A Website with Sourcecode</a></p>
</td></tr>
</table>
</p>
<h2>The PC Intros and Demos</h2>
<p>Matthias and I always looked at the famous PC demos and thought about the way to code them. Several small demo releases deserve mention.</p>
<ul>
<li>
<p><b>phobia-intro (1994)</b><br>
The best intro ever coded by me (Stefan). Some parts are faked, but it looks really good. I will try to make a screenshot soon and put the source and the executable into an archive for download. Meanwhile, you can read about the PHOBIA and the demo group story. Sorry, the links on this page do not work. <a href="https://www.moonweb.org/phobia/" target="_blank">... read more</a></p>
</li>
<li>
<p><b>Copperintro (1995)</b><br>
A really interesting demo with more than 100 colors in text mode done with Amiga copper-like effects. Only works on an old 486 PC. Perhaps it will run under Pentium, too. Just test it. <a href="https://www.moonweb.org/files/pc/skyline/copperint.zip">... download (10kB)</a></p>
</li>
</ul>
<h2>The PC Tools</h2>
<ul>
<li>
<p><b>DOSMENU II (1994)</b><br>
The only boot selector that could change config.sys and autoexec.bat parameters while booting. There has never been a tool like this. It might be useful for you. A must for a DOS machine.<br>
<a href="https://www.moonweb.org/files/pc/skyline/dosmenu.zip">... download (170kB)</a><br>
<a href="mailto:dosmenu-reg-key@moonweb.org">... free reg-key by email</a></p>
</li>
<li>
<p><b>misc Tools (1995)</b><br>
SkyLINE released even more tools, especially the XLIBUNIT for Turbo Pascal for direct VGA functions. I will release the source code as public freeware, not sure if anyone would need it. Mostly assembler code, maybe just for fun to read through :)<br>
<a href="https://github.com/skoelle/turbopascal-xlib-unit" target="_blank">... X Lib Unit on Github</a></p>
</li>
</ul>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products active"
aria-current="page">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/projects.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="0;url=/timecapsule/">
<title>Redirecting to /</title>
</head>
<body>
<p>Redirecting to <a href="/timecapsule/">/</a>…</p>
</body>
</html>
timecapsule/_site/projects/index.html
+341
View File
@@ -0,0 +1,341 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Explore the diverse projects at moonweb.org, from computer programming and game development to networking and music projects. Learn about our journey in IT knowledge building since 1988.">
<meta property="og:title" content="The projects">
<meta property="og:description" content="Explore the diverse projects at moonweb.org, from computer programming and game development to networking and music projects. Learn about our journey in IT knowledge building since 1988.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/projects/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The projects">
<meta name="twitter:description" content="Explore the diverse projects at moonweb.org, from computer programming and game development to networking and music projects. Learn about our journey in IT knowledge building since 1988.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/projects/index.html">
<title>moonweb.org - The projects</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Explore the diverse projects at moonweb.org, from computer programming and game development to networking and music projects. Learn about our journey in IT knowledge building since 1988."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/projects.jpg" alt="projects" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects active"
aria-current="page">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/projects.jpg" alt="projects" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The projects</h1>
<p>The main goal of moonweb.org projects is to build up <b>IT knowledge</b>. Over the past 13 years, through a continuous learning process, I have gained extensive experience in various areas of IT.</p>
<h2>Computer Programming Projects</h2>
<p>Over the years, several products have been released through various development projects. These projects began in 1988 on our first computers, the Atari STFM 1040. More detailed information can be found in the projects section.</p>
<p><b>The Atari ST Products</b><br>
Our first project involved coding simple programs. Matthias focused on medium resolution programming, while Stefan worked on high resolution. As 12-year-olds, we primarily coded games but also developed some useful tools.</p>
<ul>
<li>
<p><b>International Kegeln and Bowling (1990)</b>: Our first release, a complete but barely playable bowling game.</p>
</li>
<li>
<p><b>Runner (1991)</b>: An all-round helper tool with a database, memo, system overview, and a game.</p>
</li>
<li>
<p><b>Atom Oh No! (1991)</b>: A game inspired by Atomix on the Amiga, including a level maker and 10 demo levels.</p>
</li>
<li>
<p><b>TOP Tools (1992)</b>: Small tools and a game, including a strategic game and an archive tool for the Atari ST magazine TOS.</p>
</li>
</ul>
<p><b>The PC Games</b><br>
In 1992, we started developing on a 486 Intel personal computer using Turbo Pascal and inline assembler. Our initial focus was on game development.</p>
<ul>
<li>
<p><b>Glücksrad (1993)</b>: A 'Wheel of Fortune' inspired game with graphics and PC-Speaker sound.</p>
</li>
<li>
<p><b>Tetris (1994)</b>: A two-player Tetris competition preview, very playable but never finished.</p>
</li>
</ul>
<p><b>The PC Intros and Demos</b><br>
We were inspired by famous PC demos and released some small demo projects.</p>
<ul>
<li>
<p><b>phobia-intro (1994)</b>: A visually impressive intro.</p>
</li>
<li>
<p><b>Copperintro (1995)</b>: A demo with more than 100 colors in text mode, using Amiga copper-like effects.</p>
</li>
</ul>
<p><b>The PC Tools</b><br>
We also developed several tools for DOS.</p>
<ul>
<li>
<p><b>DOSMENU II (1994)</b>: A boot selector that could change config.sys and autoexec.bat parameters while booting.</p>
</li>
<li>
<p><b>misc Tools (1995)</b>: Various tools, including XLIBUNIT for Turbo Pascal with direct VGA functions.</p>
</li>
</ul>
<h2>Mailbox/BBS/Fidonet Projects</h2>
<ul>
<li>
<p>BBS and Fidonet node (dates approximately 1994 - 2000)</p>
</li>
<li>
<p>Node in Augsburg with uplink directly to the NC in Munich</p>
</li>
<li>
<p>Operated on an OS/2 machine</p>
</li>
<li>
<p>2x ISDN, 1x MODEM</p>
</li>
<li>
<p>Approximately 20 subnodes and points</p>
</li>
<li>
<p>Bavaria HUB/HOST for various Alt-Nets</p>
</li>
</ul>
<h2>Networking Projects</h2>
<ul>
<li>
<p>Home network with various Linux servers and Windows NT 4.0</p>
</li>
<li>
<p>pfSense firewall predecessor</p>
</li>
<li>
<p>FreeBSD server with Apache/Sendmail/Perl scripts</p>
</li>
<li>
<p>NT 4.0 file server</p>
</li>
<li>
<p>Windows 98 and Windows 2000 hosts</p>
</li>
<li>
<p>Better information at <a href="/timecapsule/network/">/timecapsule/network/</a></p>
</li>
</ul>
<h2>Practical Projects at IXOS SOFTWARE AG</h2>
<ul>
<li>
<p>Redesigned the Jukeman website (in ASP classic and MSSQL)</p>
</li>
<li>
<p>Prepared rooms for R/3 training sessions</p>
</li>
<li>
<p>Worked in the innovation department</p>
</li>
<li>
<p>Developed blockchain technology for contract signing in Java</p>
</li>
<li>
<p>Created an R/3 module for Jetforms form editor in ABAP and C++</p>
</li>
</ul>
<h2>Music Projects</h2>
<p>Music has always been a significant part of my life. Since 1995, I have been mixing on turntables and composing my own songs, although they were never quite professional.</p>
<p><b>The Music on Computers</b><br>
I started by composing music on the computer using MOD-Trackers. While these tracks were very computer-based, they didn't sound like real music.</p>
<ul>
<li>
<p>Examples from 1993: wizard.mod (46kB), run_away.mod (43kB)</p>
</li>
<li>
<p>Electronic techno-steps from 1994: lit_rave.mod (55kB), nxt_rave.mod (32kB)</p>
</li>
</ul>
<p><b>The Live Synthesizer Music</b><br>
We later experimented with live music, resulting in two tapes of live recordings, including a session from S.O.N.A.X meets Genital Angriff and a solo tape from Genital Angriff.</p>
<p><b>The Live Turntable Mixing</b><br>
I started mixing live at private and smaller parties. Some notable events include the 'all areas party prince garden' and winning 2nd place in a DJ competition. You can find a live recording of the afro-cosmic-double-mix with my DJ friend Marc Le Nain from Private Lounge Party V.</p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects active"
aria-current="page">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/start.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="refresh" content="0;url=/timecapsule/">
<title>Redirecting to /</title>
</head>
<body>
<p>Redirecting to <a href="/timecapsule/">/</a>…</p>
</body>
</html>
timecapsule/_site/stefan/index.html
+228
View File
@@ -0,0 +1,228 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Learn more about Stefan Kölle, including contact details, favorite radio stations, and electronic music preferences. Discover additional background information.">
<meta property="og:title" content="The person">
<meta property="og:description" content="Learn more about Stefan Kölle, including contact details, favorite radio stations, and electronic music preferences. Discover additional background information.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/stefan/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The person">
<meta name="twitter:description" content="Learn more about Stefan Kölle, including contact details, favorite radio stations, and electronic music preferences. Discover additional background information.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/stefan/index.html">
<title>moonweb.org - The person</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Learn more about Stefan Kölle, including contact details, favorite radio stations, and electronic music preferences. Discover additional background information."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/stefan.jpg" alt="stefan" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/stefan.jpg" alt="stefan" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The person</h1>
<p><img src="/timecapsule/assets/content/stefan-koelle.jpg" alt="Stefan Koelle Munich"><br>
Stefan Kölle<br>
Neumarkter Str. 86c<br>
81673 München<br>
Germany</p>
<p>phone: +49-89-20006547<br>
email: stefan.koelle@moonweb.org</p>
<p>Favourite radio station: <a href="https://fm4.orf.at/" target="_blank">FM4</a><br>
Favourite internet radio: <a href="https://somafm.com/" target="_blank">Soma FM</a><br>
Favourite electronic band: <a href="https://www.autechre.ws" target="_blank">Autechre</a></p>
<h2>Links</h2>
<p><a href="/timecapsule/background/">More background information about myself</a></p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics"
aria-current="false">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/timecapsule/.htaccess
+3
View File
@@ -0,0 +1,3 @@
RewriteEngine On
RewriteBase /
ErrorDocument 404 /404/index.html
timecapsule/_site/timecapsule/acoustics/index.html
+254
View File
@@ -0,0 +1,254 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Explore my journey in music, from mixing on turntables since 1995 to creating computer music with MOD-Trackers. Discover live synthesizer sessions, DJ mixes, and more. Stay tuned for updates.">
<meta property="og:title" content="The acoustics">
<meta property="og:description" content="Explore my journey in music, from mixing on turntables since 1995 to creating computer music with MOD-Trackers. Discover live synthesizer sessions, DJ mixes, and more. Stay tuned for updates.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.moonweb.org/timecapsule/timecapsule/acoustics/index.html">
<meta property="og:site_name" content="moonweb.org">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The acoustics">
<meta name="twitter:description" content="Explore my journey in music, from mixing on turntables since 1995 to creating computer music with MOD-Trackers. Discover live synthesizer sessions, DJ mixes, and more. Stay tuned for updates.">
<link rel="canonical" href="https://www.moonweb.org/timecapsule/timecapsule/acoustics/index.html">
<title>moonweb.org - The acoustics</title>
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/moonweb.css">
<link rel="stylesheet" type="text/css" href="/timecapsule/assets/css/nav-replacement.css">
<link rel="icon" href="/timecapsule/assets/images/favicon.ico">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "moonweb.org",
"url": "https://www.moonweb.org/timecapsule",
"description": "Explore my journey in music, from mixing on turntables since 1995 to creating computer music with MOD-Trackers. Discover live synthesizer sessions, DJ mixes, and more. Stay tuned for updates."
}
</script>
</head>
<body background="/timecapsule/assets/images/background.gif" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<div class="mobile-header">
<img src="/timecapsule/assets/images/logomobile.gif" alt="M O O N W E B" class="mobile-logo">
<div class="mobile-nav-row">
<img src="/timecapsule/assets/pageImage/acoustics.jpg" alt="acoustics" border="0" class="mobile-pageimage">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics active"
aria-current="page">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="750" height="100%" class="layout-main"><tr><td valign="top" class="sidebar-left">
<table border="0" cellpadding="0" cellspacing="0" width="108">
<tr><td>
<img src="/timecapsule/assets/pageImage/acoustics.jpg" alt="acoustics" height="162" width="108" border="0">
</td></tr>
<tr><td align="left">
&nbsp;
</td></tr>
</table>
</td><td valign="top" class="content-area">
<table border="0" cellpadding="7" cellspacing="0" width="492"><tr><td>
<h1>The acoustics</h1>
<p>Music has always been a significant part of my life. Since 1995, I have been mixing on turntables. I also tried composing my own songs, but they never turned out very well.</p>
<h2>Music on Computers</h2>
<p>My first attempt at making music was on the computer. I never enjoyed live playing, so I sought a better way to create music. That's when I discovered MOD-Trackers. There are some nice MOD files, but they are very computer-based and don't sound like real music.</p>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>MOD-file examples (can be played on Winamp)</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p>Computer music examples from 1993:<br>
<a href="https://www.moonweb.org/files/amiga/mods/wizard.mod">... wizard.mod (46kB)</a><br>
<a href="https://www.moonweb.org/files/amiga/mods/run_away.mod">... run_away.mod (43kB)</a></p>
<p>Electronic techno-steps from 1994:<br>
<a href="https://www.moonweb.org/files/amiga/mods/LIT_RAVE.MOD">... lit_rave.mod (57kB)</a><br>
<a href="https://www.moonweb.org/files/amiga/mods/NXT_RAVE.MOD">... nxt_rave.mod (33kB)</a></p>
</td></tr>
</table>
</p>
<h2>Live Synthesizer Music</h2>
<p>Later on, we tried to perform some live music. There are two tapes with live music that I will digitize very soon. One tape is a live recording from the <b>S.O.N.A.X meets Genital Angriff</b> session in our party room (screenshot follows), and the other is a solo tape from Genital Angriff.</p>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>Live Sessions</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p>vapeur live session (1992)<br>
<a href="https://soundcloud.com/stefan-koelle/sets/vapeur-livesession-1992" target="_blank">... album on soundcloud</a></p>
</td></tr>
</table>
</p>
<h2>Live Turntable Mixing</h2>
<p>I started mixing later in life and never aspired to be a star DJ. I really enjoyed mixing at private parties and smaller events. In the 'DJ examples' box, you can find the latest afro-cosmic-double-mix with my DJ friend <b>Marc le Nain</b>, a live recording at the <b>Private Lounge Party V</b>.</p>
<p align="right">
<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#555544" class="pseudonym-box">
<tr><td><font color="#CCAA66"><b>DJ Examples</b></font></td></tr>
<tr><td bgcolor="#FFFFFF"><p>Biggest events:<br>
... All Areas Party Prince Garden<br>
... 2nd place in DJ competition</p>
<p>Live mix:<br>
<a href="https://www.mixcloud.com/stefan-koelle/afro-double-mix/" target="_blank">... afro cosmic double mix on mix-cloud</a></p>
</td></tr>
</table>
</p>
</td></tr></table>
</td><td valign="top" class="sidebar-right">
<table border="0" cellpadding="0" cellspacing="0" width="150">
<tr height="20"><td>&nbsp;</td></tr>
<tr height="295"><td>
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td width="130" valign="top">
<details class="nav-toggle" open>
<summary class="nav-toggle-button">Menu</summary>
<table border="0" cellpadding="0" cellspacing="0" class="nav-table">
<tr><td>
<a href="/timecapsule/"
class="menu-item menu-beginning"
aria-current="false">beginning</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/projects/index.html"
class="menu-item menu-projects"
aria-current="false">projects</a>
<a href="/timecapsule/products/index.html"
class="menu-item menu-products"
aria-current="false">products</a>
<a href="/timecapsule/acoustics/index.html"
class="menu-item menu-acoustics active"
aria-current="page">acoustics</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/location/index.html"
class="menu-item menu-location"
aria-current="false">location</a>
<a href="/timecapsule/background/index.html"
class="menu-item menu-background"
aria-current="false">background</a>
<a href="/timecapsule/partners/index.html"
class="menu-item menu-partners"
aria-current="false">partners</a>
</td></tr>
<tr><td><img src="/timecapsule/assets/images/pixel-white.gif" width="76" height="15" border="0" alt="" class="nav-spacer"></td></tr>
<tr><td>
<a href="/timecapsule/contact/index.html"
class="menu-item menu-contact"
aria-current="false">contact</a>
</td></tr>
</table>
</details>
</td>
<td width="60"><img src="/timecapsule/assets/images/logo.gif" height="295" width="61" alt="M O O N W E B"></td>
</tr></table>
</td></tr>
</table>
</td></tr>
<tr><td align="center"></td><td colspan="2">
<table border="0" cellpadding="10" cellspacing="0" width="610"><tr><td>
<hr>
<p class="footer">
last changed 5/1/2001 -
<a href="/timecapsule/legal-notice/">Legal Notice</a> - (c) 2001-2026 moonweb.org<br>
Part of the <a href="/">moonweb.org</a> homelab.
</p>
</td></tr></table>
</td></tr>
</table>
</body>
</html>
timecapsule/_site/timecapsule/assets/archive/banner/moonback_finish.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

timecapsule/_site/timecapsule/assets/archive/banner/moonweb_banner_ani.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

timecapsule/_site/timecapsule/assets/archive/banner/moonweb_banner_static.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

timecapsule/_site/timecapsule/assets/archive/banner/moonweb_newdesign5.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

timecapsule/_site/timecapsule/assets/archive/fuckoff.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

timecapsule/_site/timecapsule/assets/archive/splash-pre.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

timecapsule/_site/timecapsule/assets/archive/splash.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

timecapsule/_site/timecapsule/assets/content/network.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

timecapsule/_site/timecapsule/assets/content/stefan-koelle.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

timecapsule/_site/timecapsule/assets/css/moonweb.css
+315
View File
@@ -0,0 +1,315 @@
body {
font-family: Verdana, Arial, sans-serif;
font-size:9pt;
background-color:#FFFFFF;
color:#000000;
margin: 0px;
}
input {
font-family: Verdana, Arial, sans-serif;
font-size:9pt;
width:300px;
BORDER-WIDTH: 1px;
BORDER-STYLE: solid;
BORDER-COLOR: #666666;
BACKGROUND-COLOR: #EEEEEE;
COLOR: #000000;
}
.inputbutton {
font-family: Verdana, Arial, sans-serif;
font-size:9pt;
width:120px;
BORDER-WIDTH: 1px;
BORDER-STYLE: solid;
BORDER-COLOR: #666666;
BACKGROUND-COLOR: #DDDDDD;
COLOR: #000000;
}
textarea {
font-family: Verdana, Arial, sans-serif;
font-size:9pt;
width:450px;
height:150px;
BORDER-WIDTH: 1px;
BORDER-STYLE: solid;
BORDER-COLOR: #666666;
BACKGROUND-COLOR: #EEEEEE;
COLOR: #000000;
}
hr { color:#AA2233; height:1; }
h1 { font-family:Impact,sans-serif,Arial; font-size:14pt; font-weight:normal; background-color:#DDDDDD; color:#555544; }
h2 { font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:9pt; background-color:#EEEEEE; color:#990033;}
h3 { font-family:Impact,Verdana,Arial; font-size:12pt; font-weight:bold; padding-left:50px; color:#990033; }
p { font-family: Verdana, Arial, sans-serif; font-size:9pt;}
br { font-family: Verdana, Arial, sans-serif; font-size:9pt;}
p.red { font-family: Verdana, Arial, sans-serif; font-size:9pt; color:#990033;}
p.footer { font-family: Verdana, Arial, sans-serif; font-size:8pt; text-align:center; alignment:center; }
br.footer { font-family: Verdana, Arial, sans-serif; font-size:9pt; text-align:center; alignment:center; }
p.pt8 { font-family:Verdana, Arial, sans-serif; font-size:9pt;}
th { font-family: Verdana, Arial, sans-serif; font-size:9pt;}
td { font-family: Verdana, Arial, sans-serif; font-size:9pt;}
ul { font-family: Verdana, Arial, sans-serif; list-style-image:url(/assets/images/item.gif); font-size:9pt;}
a:link { font-weight:bold; background-color:#FFFFFF; color:#334444; }
a:visited { font-weight:bold; background-color:#FFFFFF; color:#334444; }
a:active { font-weight:bold; background-color:#DDDDDD; color:#334444; }
a:hover { font-weight:bold; background-color:#BBCCEE; color:#334444; }
a.quicknav { font-weight:normal; text-decoration:none; background-color:#DDDDDD; width:85px; padding-right:5px; font-family: sans-serif, Arial, sans-serif; font-size:8pt; color:#AA2233; }
a.quicknav:visited { font-weight:normal; text-decoration:none; background-color:#DDDDDD; width:85px; padding-right:5px; font-family: sans-serif, Arial, sans-serif; font-size:8pt; color:#AA2233; }
a.quicknav:active { font-weight:normal; text-decoration:none; background-color:#DDDDDD; width:85px; padding-right:5px; font-family: sans-serif, Arial, sans-serif; font-size:8pt; color:#AA2233; }
a.quicknav:hover { font-weight:normal; text-decoration:none; background-color:#CCCCCC; width:85px; padding-right:5px; font-family: sans-serif, Arial, sans-serif; font-size:8pt; color:#AA2233; }
strong { color:#BBCCEE; background-color:#334444; font-weight:normal;}
/* Mobile Header: nur auf Mobile sichtbar */
.mobile-header {
display: none;
}
.mobile-footer-quicknav {
display: none;
}
/* ========================================
MOBILE LAYOUT (Responsive)
======================================== */
/* Navigation Toggle (nur im Mobile sichtbar) */
.nav-toggle-button {
display: none;
background-color: #555544;
color: #CCAA66;
padding: 8px 12px;
cursor: pointer;
font-weight: bold;
border: none;
width: 100%;
text-align: left;
}
.nav-toggle-button:hover {
background-color: #444433;
}
/* Mobile Breakpoint: 768px */
@media (max-width: 768px) {
/* Mobile Header: Logo oben skaliert, darunter Seite + Navigation */
.mobile-header {
display: block !important;
padding: 0 0 8px 0;
}
.mobile-logo {
display: block;
width: calc(100% - 40px);
max-width: 400px;
height: auto;
margin: 20px auto 0 auto;
border: 1px solid #000;
}
.mobile-nav-row {
display: flex !important;
align-items: flex-start;
padding: 20px;
}
.mobile-nav-row .mobile-pageimage {
flex-shrink: 0 !important;
width: 108px !important;
height: 120px !important;
object-fit: cover !important;
object-position: top !important;
border: 1px solid #000;
}
.mobile-header .nav-toggle {
flex: 1;
padding: 0 0 0 8px;
margin: 0;
}
.mobile-header .nav-toggle-button {
display: none !important;
}
.mobile-header .nav-table {
width: auto !important;
display: inline !important;
}
.mobile-header .nav-table > tbody,
.mobile-header .nav-table > tbody > tr {
display: inline !important;
}
.mobile-header .nav-table > tbody > tr > td {
display: inline !important;
width: auto !important;
text-align: left;
}
.mobile-header .nav-spacer {
display: inline !important;
width: 8px !important;
height: auto !important;
}
.mobile-header a.menu-item {
display: inline !important;
width: auto !important;
height: auto !important;
padding: 0 4px !important;
text-indent: 0 !important;
overflow: visible !important;
text-align: left;
background-image: none !important;
background-color: transparent;
color: #334444;
margin: 0;
font-weight: bold;
font-size: 14px;
}
.mobile-header a.menu-item:hover,
.mobile-header a.menu-item.active {
background-color: #BBCCEE;
}
/* Layout-Tabellen auf Block umschalten */
table.layout-main {
display: block !important;
width: 100% !important;
height: auto !important;
}
table.layout-main > tbody,
table.layout-main > tbody > tr {
display: block !important;
}
table.layout-main > tbody > tr > td {
display: block !important;
width: 100% !important;
padding: 0 !important;
}
/* Linke Sidebar ausblenden */
td.sidebar-left,
td.sidebar-left * {
display: none !important;
}
/* Content-Bereich: Volle Breite */
td.content-area {
width: 100% !important;
padding: 8px !important;
}
td.content-area table {
width: 100% !important;
padding: 8px !important;
}
td.content-area table td {
padding: 2px 10px !important;
}
/* Rechte Sidebar ausblenden */
td.sidebar-right,
td.sidebar-right * {
display: none !important;
}
/* Footer: Volle Breite */
td[colspan="2"] table {
width: 100% !important;
}
/* Quicknav ueber Footer */
.mobile-footer-quicknav {
display: block !important;
padding: 12px 20px;
text-align: center;
}
.mobile-footer-quicknav a.quicknav {
font-size: 14px;
margin: 0 4px;
}
/* Typografie anpassen */
body {
font-size: 14px !important;
line-height: 1.4;
}
h1 {
font-size: 18pt !important;
padding: 8px;
margin: 0;
}
h2 {
font-size: 11pt !important;
}
h3 {
font-size: 14pt !important;
padding-left: 10px !important;
}
p {
font-size: 14px !important;
}
/* Formulare: Volle Breite */
input[type="text"],
input[type="email"],
input[type="submit"],
textarea {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
}
/* Tabellen in Inhalten: Volle Breite */
td.content-area table {
display: table !important;
width: 100% !important;
}
/* Quicknav: Kompakte horizontale Leiste */
.quicknav-table {
width: 100% !important;
}
.quicknav-table td {
display: inline-block !important;
width: auto !important;
height: auto !important;
padding: 2px 4px !important;
}
.quicknav-table img {
display: none !important;
}
/* Pseudonym-Box: Volle Breite */
.pseudonym-box {
width: 100% !important;
max-width: 350px;
}
p[align="right"] {
text-align: center !important;
}
/* Bilder: Responsiv */
img {
max-width: 100% !important;
height: auto !important;
}
img.mobile-pageimage {
height: 120px !important;
max-height: 120px !important;
}
/* Background: komplett aus */
body {
background-image: none !important;
}
body::before {
display: none !important;
}
}
/* Kleinere Breakpoint: 480px */
@media (max-width: 480px) {
body {
font-size: 13px !important;
}
h1 {
font-size: 16pt !important;
}
td.content-area {
padding: 4px !important;
}
td.content-area table {
padding: 4px !important;
}
}
timecapsule/_site/timecapsule/assets/css/nav-replacement.css
+104
View File
@@ -0,0 +1,104 @@
/* Ersetzt den Bild-Hover-Tausch aus menu.js OHNE Javascript. */
/* Fix: inline <img> in table cells with explicit height creates 2px baseline gap */
table.quicknav-table img { display: block; }
a.menu-item {
display: inline-block;
width: 76px;
height: 15px;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}
a.menu-beginning {
background-image: url("/timecapsule/assets/menu/beginning.gif");
}
a.menu-beginning:hover {
background-image: url("/timecapsule/assets/menu/beginning_h.gif");
}
a.menu-beginning.active {
background-image: url("/timecapsule/assets/menu/beginning_a.gif");
}
a.menu-projects {
background-image: url("/timecapsule/assets/menu/projects.gif");
}
a.menu-projects:hover {
background-image: url("/timecapsule/assets/menu/projects_h.gif");
}
a.menu-projects.active {
background-image: url("/timecapsule/assets/menu/projects_a.gif");
}
a.menu-products {
background-image: url("/timecapsule/assets/menu/products.gif");
}
a.menu-products:hover {
background-image: url("/timecapsule/assets/menu/products_h.gif");
}
a.menu-products.active {
background-image: url("/timecapsule/assets/menu/products_a.gif");
}
a.menu-acoustics {
background-image: url("/timecapsule/assets/menu/acoustics.gif");
}
a.menu-acoustics:hover {
background-image: url("/timecapsule/assets/menu/acoustics_h.gif");
}
a.menu-acoustics.active {
background-image: url("/timecapsule/assets/menu/acoustics_a.gif");
}
a.menu-location {
background-image: url("/timecapsule/assets/menu/location.gif");
}
a.menu-location:hover {
background-image: url("/timecapsule/assets/menu/location_h.gif");
}
a.menu-location.active {
background-image: url("/timecapsule/assets/menu/location_a.gif");
}
a.menu-background {
background-image: url("/timecapsule/assets/menu/background.gif");
}
a.menu-background:hover {
background-image: url("/timecapsule/assets/menu/background_h.gif");
}
a.menu-background.active {
background-image: url("/timecapsule/assets/menu/background_a.gif");
}
a.menu-partners {
background-image: url("/timecapsule/assets/menu/partners.gif");
}
a.menu-partners:hover {
background-image: url("/timecapsule/assets/menu/partners_h.gif");
}
a.menu-partners.active {
background-image: url("/timecapsule/assets/menu/partners_a.gif");
}
a.menu-contact {
background-image: url("/timecapsule/assets/menu/contact.gif");
}
a.menu-contact:hover {
background-image: url("/timecapsule/assets/menu/contact_h.gif");
}
a.menu-contact.active {
background-image: url("/timecapsule/assets/menu/contact_a.gif");
}
/* Mobile: Navigation als Text statt Bilder */
@media (max-width: 768px) {
a.menu-item {
background-image: none !important;
text-indent: 0 !important;
overflow: visible !important;
}
}
timecapsule/_site/timecapsule/assets/images/background.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 918 B

timecapsule/_site/timecapsule/assets/images/favicon.ico
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/images/item.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 B

timecapsule/_site/timecapsule/assets/images/logo.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

timecapsule/_site/timecapsule/assets/images/logomobile.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

timecapsule/_site/timecapsule/assets/images/pixel-white.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 B

timecapsule/_site/timecapsule/assets/images/quicknav-back.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 818 B

timecapsule/_site/timecapsule/assets/images/quicknav-end.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

timecapsule/_site/timecapsule/assets/images/quicknav-top.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

timecapsule/_site/timecapsule/assets/images/redbottom.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 179 B

timecapsule/_site/timecapsule/assets/images/redline.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 141 B

timecapsule/_site/timecapsule/assets/menu/acoustics.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/acoustics_a.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/acoustics_h.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

timecapsule/_site/timecapsule/assets/menu/background.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/background_a.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/background_h.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

timecapsule/_site/timecapsule/assets/menu/beginning.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/beginning_a.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/beginning_h.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

timecapsule/_site/timecapsule/assets/menu/contact.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/contact_a.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/contact_h.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

timecapsule/_site/timecapsule/assets/menu/location.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/location_a.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/location_h.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

timecapsule/_site/timecapsule/assets/menu/partners.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/partners_a.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/partners_h.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

timecapsule/_site/timecapsule/assets/menu/products.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/products_a.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/products_h.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

timecapsule/_site/timecapsule/assets/menu/projects.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/projects_a.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

timecapsule/_site/timecapsule/assets/menu/projects_h.gif
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

timecapsule/_site/timecapsule/assets/pageImage/acoustics.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

timecapsule/_site/timecapsule/assets/pageImage/background.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

timecapsule/_site/timecapsule/assets/pageImage/beginning.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

timecapsule/_site/timecapsule/assets/pageImage/contact.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

timecapsule/_site/timecapsule/assets/pageImage/location.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

timecapsule/_site/timecapsule/assets/pageImage/network.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

timecapsule/_site/timecapsule/assets/pageImage/partners.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

timecapsule/_site/timecapsule/assets/pageImage/products.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

timecapsule/_site/timecapsule/assets/pageImage/projects.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

Some files were not shown because too many files have changed in this diff Show More