Files

Christoph Gasser 5f606fec6e impressum

2026-03-31 15:22:40 +02:00

6.5 KiB

Raw Blame History

Project Summary: meineordi.at Website Redesign

Overview

Complete static HTML redesign of the medical practice website for Dr. med. Carina Kautsch, Ärztin für Allgemeinmedizin, replacing a Joomla 3 CMS with a single self-contained index.html file served via nginx in Docker.

Live site (old): https://meineordi.at/ New site (staging): https://new.meineordi.at/ Git repository: https://git.stranto.com/cgasser/web_meineordi

Practice Information

Field	Value
Doctor	Dr. med. Carina Kautsch
Specialty	Ärztin für Allgemeinmedizin
Address	Pfenninggeldgasse 1B/3, A-1160 Wien
Phone	+43 / 1 / 493 17 73
Email	info@meineordi.at

Opening Hours

Day	Hours
Montag	14:00 – 19:00
Dienstag	14:00 – 18:00
Mittwoch	07:30 – 11:30
Donnerstag	13:00 – 17:00
Freitag	09:00 – 12:00
Sa / So	geschlossen

Infrastructure

Server Stack

Component	Details
Docker host	existing server
Reverse proxy	Nginx Proxy Manager
Docker network	`nginx_internal_network` (external, shared with NPM)
Container manager	Portainer
Git server	Gitea at `https://git.stranto.com` (Docker, stack name: `gitea`)

Gitea Setup

Stack deployed in Portainer, name: gitea
Data volume: gitea-data
Web UI port: 3000 (internal only, routed via NPM)
SSH git port: 222
NPM proxy host: git.stranto.com → container gitea, port 3000, SSL/HTTPS
ROOT_URL: https://git.stranto.com
Database: SQLite (built-in, no separate DB container)
Gitea stack file: gitea-stack.yml in this repo

meineordi Website Container

Stack deployed in Portainer from Git repository source
Repository: https://git.stranto.com/cgasser/web_meineordi
Branch: master
Compose path: docker-compose.yml
Portainer authenticates with a Gitea access token (scope: repository)
Container name: meineordi-web
Port: 8094:80 (also accessible via NPM at new.meineordi.at)
NPM proxy host: new.meineordi.at → container meineordi-web, port 80, SSL/HTTPS

Repository File Structure

web_meineordi/
├── index.html               # Full website — single self-contained file
├── logo.png                 # Practice logo (copied into Docker image)
├── favicon.svg              # SVG favicon (red circle + white cross, #C8102E)
├── Dockerfile               # nginx:alpine, copies index.html + logo.png + favicon.svg
├── docker-compose.yml       # Portainer stack definition, builds from Dockerfile
├── gitea-stack.yml          # Gitea server stack (deploy separately in Portainer)
└── meineordi-project-summary.md  # This file

Dockerfile

FROM nginx:alpine
COPY index.html /usr/share/nginx/html/index.html
COPY logo.png     /usr/share/nginx/html/logo.png
COPY favicon.svg  /usr/share/nginx/html/favicon.svg

docker-compose.yml

services:
  meineordi-web:
    build: .
    container_name: meineordi-web
    restart: unless-stopped
    ports:
      - "8094:80"
    healthcheck:
      test: ["CMD", "wget", "-qO-", "http://localhost/"]
      interval: 30s
      timeout: 5s
      retries: 3
    networks:
      nginx_internal_network: {}

networks:
  nginx_internal_network:
    external: true

index.html — Sections & Features

Sections (top to bottom):

Sticky header — logo + nav links + font size toggle (A / A+) + phone button
Hero — logo (float animation) + headline + CTA buttons + 4 quick-info cards (address, phone, email, today's hours)
Öffnungszeiten — 2-column card grid with red border, hover lift effect
Schließzeiten — dynamically rendered from JS array (see below)
Leistungen — 6-item service grid with emoji icons
Aktuelles — 3 notice cards (prescriptions, diabetes supplies, sick notes)
Kontakt & Standort — contact rows + embedded Google Maps iframe
Footer — logo + copyright + Impressum/Datenschutz links (pages not yet built)

Design

Property	Value
Fonts	Cormorant Garamond (headings) + DM Sans (body), Google Fonts
Primary color	`#C8102E` (red from logo)
Background	`#ffffff`, alt sections `#f7f7f7`
Base font size	18px normal / 22px large mode
Border radius	12px
Map	Google Maps iframe embed (no API key required)
Mobile	Fully responsive, hamburger menu below 768px
Animations	`fadeUp` on hero elements, `floatLogo` on hero logo
Favicon	`favicon.svg` — red circle with white medical cross

Accessibility — Font Size Toggle

A / A+ buttons in navbar and mobile menu
Switches base font between 18px (normal) and 22px (large)
Active button highlighted in red
Preference saved in localStorage — persists across visits

Closure/Holiday Management

At the very top of <body> is a clearly commented JavaScript array — the only place that needs editing to manage holidays:

const SCHLIESSZEITEN = [
  {
    dates:       "30.3. – 3.4.",
    reason:      "Karwoche",
    deputy:      "Dr. Irene Lachawitz",
    deputyAddr:  "1160 Wien, Neulerchenfelderstraße 14/6",
    deputyPhone: "01 / 406 31 04",
    deputyHours: "Mo & Mi 8–12 Uhr · Di & Do 14–18 Uhr · Fr 12–16 Uhr"
  },
  // add more entries here...
];

Empty array → "Keine Schließzeiten" message shown automatically.

Everyday Update Workflow

1. Edit index.html locally (e.g. update SCHLIESSZEITEN array)
2. Right-click folder → TortoiseGit → Git Commit → master
3. Enter commit message → Commit & Push
4. Portainer → Stacks → meineordi → Pull and redeploy

Git client used locally: TortoiseGit (Windows Explorer integration)

Open Items / Next Steps

Impressum — required by Austrian law (ECG). Needs: company name, address, responsible person, UID if applicable.
Datenschutzerklärung — required by DSGVO. Google Maps embed requires a note in the privacy policy.
Switch main domain — point meineordi.at DNS to the new server and configure NPM proxy host once staging (new.meineordi.at) is approved.
Portainer auto-redeploy — configure Gitea webhook → Portainer webhook URL so pushes trigger automatic redeployment without manual "Pull and redeploy".
Content review — all text (Leistungen, Aktuelles) is placeholder-quality; Dr. Kautsch should review and approve final wording.
Google Maps — currently using a no-API-key embed URL. If Google blocks it, switch to official Maps Embed API with a key.

6.5 KiB Raw Blame History Unescape Escape