Compare commits
2 Commits
f69d989e86
...
424d8e20b6
| Author | SHA1 | Date | |
|---|---|---|---|
| 424d8e20b6 | |||
| 400ad464f3 |
@@ -1,6 +1,7 @@
|
|||||||
name: New MCP server
|
name: New MCP server
|
||||||
version: 0.0.1
|
version: 0.0.1
|
||||||
schema: v1
|
schema: v1
|
||||||
|
|
||||||
mcpServers:
|
mcpServers:
|
||||||
- name: playwright
|
- name: playwright
|
||||||
command: npx
|
command: npx
|
||||||
@@ -10,3 +11,11 @@ mcpServers:
|
|||||||
command: npx
|
command: npx
|
||||||
args: ["-y", "@modelcontextprotocol/server-filesystem", "C:\\Users\\greggy\\Desktop\\landingpage-haus-schleusingen"]
|
args: ["-y", "@modelcontextprotocol/server-filesystem", "C:\\Users\\greggy\\Desktop\\landingpage-haus-schleusingen"]
|
||||||
|
|
||||||
|
- name: gitea
|
||||||
|
command: npx
|
||||||
|
args: ["-y", "@modelcontextprotocol/server-gitea"]
|
||||||
|
env:
|
||||||
|
GITEA_URL: "https://git.home.kies-media.de"
|
||||||
|
GITEA_TOKEN: "5688416ff6b5805706f89178322de4e882692e34"
|
||||||
|
GITEA_REPO: "greggy/haus-schleusingen"
|
||||||
|
GITEA_BRANCH: "main"
|
||||||
173
README.md
173
README.md
@@ -3,175 +3,12 @@
|
|||||||
Statische Landingpage für **Haus Schleusingen**.
|
Statische Landingpage für **Haus Schleusingen**.
|
||||||
Das Projekt basiert auf reinem HTML, CSS und JavaScript und wird über einen Nginx-Container ausgeliefert.
|
Das Projekt basiert auf reinem HTML, CSS und JavaScript und wird über einen Nginx-Container ausgeliefert.
|
||||||
|
|
||||||

|
<div align="right">
|
||||||
|
<a href="screenshot-landingpage.png">
|
||||||
|
<img src="screenshot-landingpage-thumb.png" alt="Screenshot der Landingpage – Haus Schleusingen" width="300" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Inhaltsübersicht
|
## Inhaltsübersicht
|
||||||
|
|
||||||
```
|
|
||||||
├── bilder/ # Bildressourcen
|
|
||||||
├── css/
|
|
||||||
│ └── haus-schleusingen.css # Hauptstylesheet
|
|
||||||
├── fonts/
|
|
||||||
│ └── fonts.css # Schriftart-Einbindungen
|
|
||||||
├── js/
|
|
||||||
│ ├── haus-schleusingen.js # Haupt-JavaScript
|
|
||||||
│ └── masonry.pkgd.min.js # Masonry-Layout-Bibliothek
|
|
||||||
├── haus-schleusingen.html # Einstiegsseite
|
|
||||||
├── nginx.conf # Nginx-Konfiguration
|
|
||||||
├── Dockerfile # Docker-Image (nginx:alpine)
|
|
||||||
├── eslint.config.js # ESLint-Konfiguration
|
|
||||||
├── .stylelintrc.json # Stylelint-Konfiguration
|
|
||||||
├── .htmlhintrc # HTMLHint-Konfiguration
|
|
||||||
├── .prettierrc # Prettier-Konfiguration
|
|
||||||
├── .husky/pre-commit # Husky Git-Hook (lint-staged)
|
|
||||||
└── package.json # Projekt-Metadaten & Skripte
|
|
||||||
```
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Voraussetzungen
|
|
||||||
|
|
||||||
| Werkzeug | Version |
|
|
||||||
| -------- | --------------- |
|
|
||||||
| Node.js | ≥ 18 |
|
|
||||||
| npm | ≥ 9 |
|
|
||||||
| Docker | optional (≥ 20) |
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Installation
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# Repository klonen
|
|
||||||
git clone https://git.home.kies-media.de/greggy/landingpage-haus-schleusingen.git
|
|
||||||
cd landingpage-haus-schleusingen
|
|
||||||
|
|
||||||
# Abhängigkeiten installieren
|
|
||||||
npm install
|
|
||||||
```
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Entwicklung
|
|
||||||
|
|
||||||
### Lokaler Dateiserver
|
|
||||||
|
|
||||||
Für die Entwicklung empfiehlt sich ein lokaler Server, z. B.:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npx serve .
|
|
||||||
```
|
|
||||||
|
|
||||||
Oder mit der in VS Code integrierten _Live Server_-Erweiterung.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Deployment mit Docker
|
|
||||||
|
|
||||||
Das Projekt enthält ein vorkonfiguriertes Nginx-Image.
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# Image bauen
|
|
||||||
docker build -t landingpage-haus-schleusingen .
|
|
||||||
|
|
||||||
# Container starten (Website-Dateien per Volume einbinden)
|
|
||||||
docker run -d \
|
|
||||||
-p 8080:80 \
|
|
||||||
-v $(pwd):/usr/share/nginx/html:ro \
|
|
||||||
landingpage-haus-schleusingen
|
|
||||||
```
|
|
||||||
|
|
||||||
Die Seite ist danach unter **http://localhost:8080** erreichbar.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Code-Qualität & Linting
|
|
||||||
|
|
||||||
Das Projekt nutzt eine Kombination aus mehreren Linting- und Formatierungswerkzeugen, um eine einheitliche Code-Qualität sicherzustellen:
|
|
||||||
|
|
||||||
| Werkzeug | Zweck | Konfigurationsdatei |
|
|
||||||
| --------------- | ---------------------------------- | ------------------- |
|
|
||||||
| **ESLint** | JavaScript-Linting | `eslint.config.js` |
|
|
||||||
| **Stylelint** | CSS-Linting | `.stylelintrc.json` |
|
|
||||||
| **HTMLHint** | HTML-Linting | `.htmlhintrc` |
|
|
||||||
| **Prettier** | Code-Formatierung | `.prettierrc` |
|
|
||||||
| **Husky** | Git Hooks (Pre-Commit) | `.husky/pre-commit` |
|
|
||||||
| **lint-staged** | Linting nur für gesteuerte Dateien | `package.json` |
|
|
||||||
|
|
||||||
### Befehle
|
|
||||||
|
|
||||||
#### Alle Linter auf einmal ausführen
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run lint
|
|
||||||
```
|
|
||||||
|
|
||||||
Dadurch werden nacheinander `lint:html`, `lint:css` und `lint:js` ausgeführt.
|
|
||||||
|
|
||||||
#### HTML linten
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run lint:html
|
|
||||||
```
|
|
||||||
|
|
||||||
Prüft alle `.html`-Dateien mit **HTMLHint**.
|
|
||||||
|
|
||||||
Regeln (`.htmlhintrc`):
|
|
||||||
|
|
||||||
- Tag-Paarung (`tag-pair`)
|
|
||||||
- Kleinschreibung von Tags & Attributen (`tagname-lowercase`, `attr-lowercase`)
|
|
||||||
- Doctype zuerst (`doctype-first`)
|
|
||||||
- Eindeutige IDs (`id-unique`)
|
|
||||||
- `alt`-Attribut bei Bildern (`alt-require`)
|
|
||||||
- Titel erforderlich (`title-require`)
|
|
||||||
|
|
||||||
#### CSS linten
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run lint:css
|
|
||||||
```
|
|
||||||
|
|
||||||
Prüft alle CSS-Dateien in `css/` und `fonts/` mit **Stylelint** (basiert auf `stylelint-config-standard`).
|
|
||||||
|
|
||||||
#### JavaScript linten
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run lint:js
|
|
||||||
```
|
|
||||||
|
|
||||||
Prüft alle `.js`-Dateien in `js/` mit **ESLint** (minimierte Dateien werden ignoriert).
|
|
||||||
|
|
||||||
Regeln (`eslint.config.js`):
|
|
||||||
|
|
||||||
- `no-unused-vars` → Warnung
|
|
||||||
- `no-undef` → Warnung
|
|
||||||
- Prettier-Integration (`prettier/prettier` → Fehler)
|
|
||||||
|
|
||||||
#### Code formatieren
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run format
|
|
||||||
```
|
|
||||||
|
|
||||||
Formatiert alle `html`, `css`, `js`, `json` und `md`-Dateien mit **Prettier** (in-place).
|
|
||||||
|
|
||||||
#### Formatierung prüfen (ohne Änderungen)
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm run format:check
|
|
||||||
```
|
|
||||||
|
|
||||||
Prüft, ob alle Dateien den Prettier-Vorgaben entsprechen, ohne sie zu verändern.
|
|
||||||
|
|
||||||
#### Husky Pre-Commit Hook
|
|
||||||
|
|
||||||
Bei jedem `git commit` werden automatisch **lint-staged**-Prüfungen ausgeführt:
|
|
||||||
|
|
||||||
| Dateityp | Aktionen |
|
|
||||||
| -------------- | ------------------------------ |
|
|
||||||
| `*.html` | HTMLHint + Prettier |
|
|
||||||
| `*.css` | Stylelint (`--fix`) + Prettier |
|
|
||||||
| `*.js` | ESLint (`--fix`) + Prettier |
|
|
||||||
| `*.json, *.md` | Prettier |
|
|
||||||
|
|||||||
BIN
docker-preview.png
Normal file
BIN
docker-preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
@@ -440,7 +440,7 @@
|
|||||||
|
|
||||||
<div class="lage-map-wrapper">
|
<div class="lage-map-wrapper">
|
||||||
<iframe
|
<iframe
|
||||||
src="https://maps.google.com/maps?q=50.5090045,10.7473859&t=&z=16&ie=UTF8&iwloc=&output=embed"
|
src="https://maps.google.com/maps?q=Bahnhofstra%C3%9Fe+10+Schleusingen&t=&z=15&ie=UTF8&iwloc=&output=embed"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="450"
|
height="450"
|
||||||
style="border: 0"
|
style="border: 0"
|
||||||
|
|||||||
BIN
page-preview.png
Normal file
BIN
page-preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
screenshot-landingpage-thumb.png
Normal file
BIN
screenshot-landingpage-thumb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 338 KiB |
Reference in New Issue
Block a user