# Reconstruction report — hls-webcare.org (webC@RE)

| | |
|---|---|
| Original site | http://hls-webcare.org/ — "webC@RE", a project of Hessische Landesstelle für Suchtfragen (HLS) e.V. |
| Target snapshot | `20150120221459` (20 January 2015) |
| Supporting snapshots | 2013-11-14 … 2016-01-18 (used where the target date had no capture) |
| CMS of the original | Contao Open Source CMS + custom "webC@RE" theme |
| Rebuild | 25 static HTML pages, one hand-written stylesheet, one vanilla-JS file, no framework, no external requests |
| Language | German (`lang="de"`), as the original |
| Build date | 2026-08-14 |

## What was recovered from the archive

* **22 HTML pages** pulled as raw captures (`id_` originals, not the Wayback-rewritten versions), covering the
  whole site tree: Startseite, Betroffene, the five "Ich liebe …" topic pages, Info Artikel, Angehörige,
  Mach den Test, Virtuelle Selbsthilfegruppe, Beratungsstellen, Blog, Medien, Videos, Presse, Links, Literatur,
  Fachinformationen, Kontakt, Impressum, Datenschutz.
* **Full body copy** of every page that had content — reproduced verbatim (spelling and wording of 2015 kept),
  including the complete privacy policy and the imprint.
* **The counselling-centre table** (Beratungsstellen-Finder): 35 entries (PLZ / town / institution).
* **Press list**: 15 entries with their original outbound URLs.
* **Link list**: 8 partner sites.
* **Video list**: 6 titles.
* **Design tokens** from the archived theme CSS (`assets/css/24c7c58716a4.css`): palette
  `#0068B4` blue, `#FF4967` coral, `#00B0E9` cyan, `#4ED26D` green, `#FFA600` orange, page background `#F5F5F5`,
  body font Open Sans, 1020 px content width, the floating-circle homepage motif, the coral "Info Pool" flyout,
  the white sticky header with uppercase 13 px nav.
* **The original logo** (`files/images/layout/logo.png`) — the site's own asset, reused unchanged.
* Layout sprites `startQuote.png`, `circleShadow.png`, `warning.png`.

## What was recreated (and why)

| Item | Reason | How it was handled |
|---|---|---|
| Self-test (9 questions) | The original test was a server-side Contao survey module; questions and scoring were never archived. | Recreated as a 9-item, 0–3 scale questionnaire with three result bands, scored **entirely in the browser** — no data leaves the page. Marked as an orientation, not a diagnosis. |
| Forum / live chat (vSHG) | Server-side application + Skype integration; not archivable. | Page explains the situation and routes users to e-mail and the counselling finder. |
| Blog entries | The archived blog page itself says the section was still "im Aufbau"; no entries exist in the archive. | Blog page kept with its original two teasers and a note; content pointers to Presse/Medien. |
| Literatur page | The archived page was an empty frame (no content at all). | Four standard German-language sources on media addiction written in, flagged as newly compiled. |
| Videos | Titles archived, embeds/URLs not. | Title list without players — also avoids third-party requests. |
| Topic images (5) | The original `files/images/betroffener/*.jpg` thumbnails were only partially retrievable (Wayback returned 429/404 for most) and served as decorative circle markers. | Six original illustrations generated (GPT Image 2.0) in the site's own palette, 1200×797, JPEG, ≤96 KB each. See `asset-license-notes.md`. |
| Favicon | `favicon.ico` was not retrievable. | New SVG mark drawn in the brand colours + 180 px apple-touch icon derived from the logo. |
| PDFs (7 flyers/papers) | Delivered by a dynamic `?file=` parameter; only the TK-Spezial interview is in the CDX index, and the archive answered 429 on every retry. | Titles and file sizes documented on `fachinformationen.html`; drop the originals into `downloads/` to restore the links. |
| Google Analytics, Google Fonts, jQuery/MooTools CDN, Facebook/Twitter plugins, mediaelement.js, Swipe, tooltipster, lightbox4ward | Tracking / third-party requests / obsolete libraries. | All removed. Slider, filter, quiz, validation rewritten in ~7 KB of vanilla JS. Fonts fall back to a local system stack. |

## Structure notes

* Flat `.html` filenames mirror the original URL structure exactly (`betroffene.html`, `ich-liebe-mmorpgs.html`, …),
  so old inbound links and search-engine results keep working.
* `startseite.html` existed in the archive as a duplicate of `/` — folded into `index.html` (canonical).
* `test_result.html` was a result page of the dynamic survey — folded into `mach-den-test.html`, where the result
  is rendered in place.
* `selbsthilfegruppe/` (the forum directory) is intentionally not recreated as a page.
* All links are relative, so the package works in a subfolder, on a staging domain, and from `file://`.

## Numbers

* Pages: **25** (24 content + 404), all rendering offline.
* Internal links: **147**, checked — 0 broken.
* External requests at runtime: **0**.
* Images: 6 generated + 1 recovered logo + 3 recovered layout sprites + 2 icons.
* Total package weight: ~0.9 MB.
* Cookies set: none. Trackers: none.

## Before publishing

1. Update the domain in `sitemap.xml`, `robots.txt` and the `<link rel="canonical">` / `og:url` tags
   (one constant, `DOMAIN`, if you regenerate with the build script; otherwise search & replace `hls-webcare.org`).
2. Bring the privacy policy up to GDPR standard — the recovered text predates it (BDSG wording).
3. Verify the imprint (contact person, phone numbers, funding note) — 2015 data.
4. Wire the contact form to a real endpoint (README, "Kontaktformular verbinden").
5. Re-check the counselling-centre addresses before offering them as current advice.