Add banner on homepage informing that all Torrust public demos are currently down

[josecelano]

Summary

We need to add a visible notice/banner on the Torrust website homepage informing visitors that all Torrust public demo services are currently shut down.

Background

We have been running several public demo services:

Demo	Repository	Previous URL	Notes
Old combined demo (Tracker + Index)	torrust/torrust-demo	https://index.torrust-demo.com	Hosted on Digital Ocean. We decided to split it into two independent demos (see torrust-demo#79).
New tracker-only demo	torrust/torrust-tracker-demo	https://http1.torrust-tracker-demo.com, udp://udp1.torrust-tracker-demo.com:6969	Hosted on Hetzner. The tracker-only split from the old combined demo.
Index demo (planned)	torrust/torrust-index	—	Was going to be deployed on Hetzner, linked to the tracker demo. Paused.
Hash2Torrent demo	torrust/torrust-hash2torrent	https://hash2torrent.com	Independent demo service. Was also planned to be migrated to Hetzner so all demos run on the same provider.

All of them have been shut down while we reconsider the legal, economic, and maintenance aspects of running them. Once a decision is made, we will publish a blog article on this website with the details. See also this comment for the initial announcement to an external user, but note that the new source of truth for the demo status will be the website itself.

What needs to be done

1. Add a prominent banner/notice at the top of the homepage (src/routes/(home)/+page.svelte) stating that all Torrust demo services are currently shut down.
2. The banner should link to this issue for more details.
3. Replace all existing demo links on the homepage (and anywhere else on the site that links to the demos) so they point to this issue instead, rather than leading users to broken pages. For example:
   • The "Live Demo" buttons in HeroCard components (src/lib/components/organisms/Hero.svelte, src/lib/components/atoms/HeroCard.svelte) currently point to https://index.torrust-demo.com/torrents.
   • Any other demo or liveDemo URLs in constants or components should also be updated.

Related

• torrust-demo#79 — Decision to split the old combined demo into separate Index and Tracker demos
• torrust-hash2torrent#10 — "The site has been down a few days now"

[josecelano]

This has been implemented in PR #xxx. Here are the steps to revert when the demos are back up:

Revert checklist

1. Remove the banner — Delete the .demo-shutdown-banner div and its associated SCSS styles from src/routes/+layout.svelte.

2. Restore demo URLs in HeroCard "Live demo" buttons — In src/lib/components/organisms/Hero.svelte, change the liveDemo prop back:

   • Index: https://index.torrust-demo.com/torrents
   • Tracker: https://index.torrust-demo.com/torrents (or the new tracker demo URL)

3. Restore the demo site link on the Index page — In src/lib/components/singletons/TorrustIndexPost.svelte, change href back to https://index.torrust-demo.com/torrents.

4. Restore demo URLs in the comparison tables — In src/lib/constants/constants.ts:

   • Index table demo field: https://index.torrust-demo.com/torrents
   • Tracker table demo field: udp://tracker.torrust-demo.com:6969/announce (or the new tracker demo URL)

5. Remove the CSS fix — In src/routes/(home)/+page.svelte, revert the selector change from .container back to h2 in the SCSS (line 59).

Tip: These URL values may need updating if new demo URLs are used when the services come back online.

[josecelano]

The implementation on PR #229 has been extended with additional changes. Here is the updated revert checklist:

Revert checklist (updated)

1. Remove the banner — Delete the .demo-shutdown-banner div and its associated SCSS styles from src/routes/+layout.svelte.

2. Restore demo URLs in HeroCard "Live demo" buttons — In src/lib/components/atoms/HeroCard.svelte:

   • Remove the isDemoUnavailable and demoLabel derived state logic
   • Change the button label back to "Live demo"
   • Remove the .live-demo.unavailable CSS class
   • In src/lib/components/organisms/Hero.svelte, change the liveDemo prop back:
     • Index: https://index.torrust-demo.com/torrents
     • Tracker: https://index.torrust-demo.com/torrents (or the new tracker demo URL)

3. Restore the demo site link on the Index page — In src/lib/components/singletons/TorrustIndexPost.svelte:

   • Change href back to https://index.torrust-demo.com/torrents
   • Change text from "We previously ran a demo site" back to "We run a demo site"
   • Restore the original sentence about collecting direct feedback

4. Restore demo URLs in the comparison tables — In src/lib/constants/constants.ts:

   • Index table demo field: https://index.torrust-demo.com/torrents
   • Tracker table demo field: udp://tracker.torrust-demo.com:6969/announce (or the new tracker demo URL)
   • Revert all star/contributor count updates (38→96, 1.8k→2.4k, etc.) back to original values

5. Fix the CSS selector — In src/routes/(home)/+page.svelte, revert the .container h2 nested selector back to the standalone h2 selector.

6. Restore demo links in blog posts — Revert links in these blog posts back to the original demo URLs:

   • src/routes/blog/released-v3-0-0/+page.svelte
   • src/routes/blog/live-demo-beta-v3/+page.svelte
   • src/routes/blog/new-torrust-tracker-demo/+page.svelte (also revert "was available" → "is still available" and "it used" → "it uses")
   • src/routes/blog/vortex-rust-bittorrent-client-review/+page.svelte

Tip: These URL values may need updating if new demo URLs are used when the services come back online.