diff --git a/src/lib/components/atoms/HeroCard.svelte b/src/lib/components/atoms/HeroCard.svelte index cbfdcd4..61c44f1 100644 --- a/src/lib/components/atoms/HeroCard.svelte +++ b/src/lib/components/atoms/HeroCard.svelte @@ -10,6 +10,11 @@ } let { title, details, version, liveDemo, learnMore }: Props = $props(); + + const isDemoUnavailable = $derived( + liveDemo === 'https://github.com/torrust/torrust-website/issues/228' + ); + const demoLabel = $derived(isDemoUnavailable ? 'Unavailable' : 'Live demo');
@@ -24,7 +29,9 @@ {details}

- Live demo + {demoLabel} Learn more
@@ -83,6 +90,13 @@ background-color: rgba(254, 13, 0, 1); } + .live-demo.unavailable { + background-color: rgba(100, 100, 100, 0.6); + cursor: default; + opacity: 0.7; + pointer-events: none; + } + .learn-btn { background-color: transparent; border: none; diff --git a/src/lib/components/organisms/Hero.svelte b/src/lib/components/organisms/Hero.svelte index 8cff33f..f250f7a 100644 --- a/src/lib/components/organisms/Hero.svelte +++ b/src/lib/components/organisms/Hero.svelte @@ -14,14 +14,14 @@ title={'index'} details={'The Index is a feature-rich torrent indexing site split between an API (backend) built with Rust, and our reference web app that consumes the API, built with Vue 3.'} version={'https://github.com/torrust/torrust-index/releases'} - liveDemo={'https://index.torrust-demo.com/torrents'} + liveDemo={'https://github.com/torrust/torrust-website/issues/228'} learnMore={'/torrent-index'} /> diff --git a/src/lib/components/singletons/TorrustIndexPost.svelte b/src/lib/components/singletons/TorrustIndexPost.svelte index c5f583d..ccbd1b8 100644 --- a/src/lib/components/singletons/TorrustIndexPost.svelte +++ b/src/lib/components/singletons/TorrustIndexPost.svelte @@ -24,11 +24,11 @@

We have also taken into consideration cloud environments, making it easy to deploy the index - to multiple hosting providers (using either VMs or containers). We run a demo sitedemo site - on Digital Ocean to collect direct feedback about how easy it is to manage the application on - production. Our goal is to make sure sysadmins can: + on Digital Ocean to collect direct feedback, though all public demo services are currently shut + down. Our goal is to make sure sysadmins can: