alice.pds.demo.boltless.dev
This repository has no description
appview/home: make vouching & focus images use `outline` instead of `border` and set them to full width
Signed-off-by: eti <eti@eti.tf>
author
eti
date
(Jul 22, 2026, 7:12 PM +0200)
commit
00084917
000849172de8b0a618a6baf697245affc5f8e319
parent
0b3807ac
0b3807ac890ec20fbbc4ed9dbaa05d2f9b0383cb
+3
-3
+3
-3
appview/pages/templates/timeline/home.html
+3
-3
appview/pages/templates/timeline/home.html
···
350
350
351
351
{{ define "features2" }}
352
352
{{ $cardStyle := "w-full max-w-[548px] bg-white dark:bg-gray-800 rounded shadow-sm border border-gray-200 dark:border-gray-700 p-4 md:p-6 flex flex-col" }}
353
-
{{ $imgBoxStyle := "w-full rounded overflow-hidden border border-gray-200 dark:border-gray-700 bg-gradient-to-b from-slate-50 to-slate-100 dark:from-gray-800 dark:to-gray-900 mb-6" }}
353
+
{{ $imgBoxStyle := "w-full rounded overflow-hidden outline outline-1 -outline-offset-1 outline-gray-200 dark:outline-gray-700 bg-gradient-to-b from-slate-50 to-slate-100 dark:from-gray-800 dark:to-gray-900 mb-6" }}
354
354
{{ $titleStyle := "text-2xl md:text-3xl font-bold mb-2 md:mb-3 text-gray-900 dark:text-gray-100" }}
355
355
{{ $descriptionStyle := "text-gray-600 dark:text-gray-300 leading-relaxed mb-6 flex-1" }}
356
356
{{ $linkStyle := "hover:no-underline inline-flex items-center gap-2 text-sm md:text-base text-black dark:text-white font-medium" }}
···
366
366
<div class="{{ $imgBoxStyle }}">
367
367
<picture class="block">
368
368
<source srcset="https://assets.tangled.network/home-page-vouching-dark.svg" media="(prefers-color-scheme: dark)" />
369
-
<img src="https://assets.tangled.network/home-page-vouching-light.svg" class="block max-w-full h-auto" alt="A globe with contributors carrying coloured trust shields, connected in a web" />
369
+
<img src="https://assets.tangled.network/home-page-vouching-light.svg" class="block w-full h-auto" alt="A globe with contributors carrying coloured trust shields, connected in a web" />
370
370
</picture>
371
371
</div>
372
372
<h3 class="{{ $titleStyle }}">A web of trust</h3>
···
385
385
<div class="{{ $imgBoxStyle }}">
386
386
<picture class="block">
387
387
<source srcset="https://assets.tangled.network/home-page-focus-dark.svg" media="(prefers-color-scheme: dark)" />
388
-
<img src="https://assets.tangled.network/home-page-focus-light.svg" class="block max-w-full h-auto" alt="A focus-mode inbox stepping through issues, pull requests, and mentions one at a time" />
388
+
<img src="https://assets.tangled.network/home-page-focus-light.svg" class="block w-full h-auto" alt="A focus-mode inbox stepping through issues, pull requests, and mentions one at a time" />
389
389
</picture>
390
390
</div>
391
391
<h3 class="{{ $titleStyle }}">Focus mode</h3>