alice.pds.demo.boltless.dev
This repository has no description
appview/pages: incorporate new features group into landing
Signed-off-by: oppiliappan <me@oppi.li>
author
oppiliappan
date
(Jul 22, 2026, 12:11 PM +0100)
commit
5f9b08e7
5f9b08e7d03c76dfe7021b1fd953d3491b867845
parent
abb63f3b
abb63f3b82e99b395f332c76d6b50991de7e17af
change-id
pntnzwkz
pntnzwkzmnqwppkymxxmrvmwqnztqmtq
+56
+56
appview/pages/templates/timeline/home.html
+56
appview/pages/templates/timeline/home.html
···
86
86
</div>
87
87
{{ template "features1" . }}
88
88
{{ template "features2" . }}
89
+
{{ template "features3" . }}
89
90
{{ template "recentUpdates" . }}
90
91
{{ if .ShowNewsletter }}{{ template "newsletter" . }}{{ end }}
91
92
</div>
···
350
351
{{ end }}
351
352
352
353
{{ define "features2" }}
354
+
{{ $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" }}
355
+
{{ $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" }}
356
+
{{ $titleStyle := "text-2xl md:text-3xl font-bold mb-2 md:mb-3 text-gray-900 dark:text-gray-100" }}
357
+
{{ $descriptionStyle := "text-gray-600 dark:text-gray-300 leading-relaxed mb-6 flex-1" }}
358
+
{{ $linkStyle := "hover:no-underline inline-flex items-center gap-2 text-sm md:text-base text-black dark:text-white font-medium" }}
359
+
360
+
<div class="w-full max-w-screen-xl mx-auto px-2">
361
+
<div class="text-center mb-10 md:mb-16 space-y-3">
362
+
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-gray-100">Tools to help you work</h2>
363
+
<p class="text-lg text-gray-600 dark:text-gray-400">For when the internet shows up in your inbox.</p>
364
+
</div>
365
+
366
+
<div class="flex flex-col md:flex-row items-center md:items-stretch md:justify-center gap-6">
367
+
<div class="{{ $cardStyle }}">
368
+
<div class="{{ $imgBoxStyle }}">
369
+
<picture class="block">
370
+
<source srcset="https://assets.tangled.network/home-page-vouching-dark.svg" media="(prefers-color-scheme: dark)" />
371
+
<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" />
372
+
</picture>
373
+
</div>
374
+
<h3 class="{{ $titleStyle }}">A web of trust</h3>
375
+
<p class="{{ $descriptionStyle }}">
376
+
Vouch for the people you collaborate with. Trusted contributors carry
377
+
a green shield right where you interact with them, so you and your
378
+
circle can tell real work from LLM spam at a glance.
379
+
</p>
380
+
<a href="https://blog.tangled.org/vouching/" class="{{ $linkStyle }}">
381
+
Learn more
382
+
{{ i "arrow-right" "size-4" }}
383
+
</a>
384
+
</div>
385
+
386
+
<div class="{{ $cardStyle }}">
387
+
<div class="{{ $imgBoxStyle }}">
388
+
<picture class="block">
389
+
<source srcset="https://assets.tangled.network/home-page-focus-dark.svg" media="(prefers-color-scheme: dark)" />
390
+
<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" />
391
+
</picture>
392
+
</div>
393
+
<h3 class="{{ $titleStyle }}">Focus mode</h3>
394
+
<p class="{{ $descriptionStyle }}">
395
+
Focus Mode is a new way to clear notifications: lock in and knock out
396
+
your list one item at a time, with a task bar that nudges you to stay
397
+
on track until the queue is empty.
398
+
</p>
399
+
<a href="https://blog.tangled.org/newsletter-03/#focus-mode" class="{{ $linkStyle }}">
400
+
Learn more
401
+
{{ i "arrow-right" "size-4" }}
402
+
</a>
403
+
</div>
404
+
</div>
405
+
</div>
406
+
{{ end }}
407
+
408
+
{{ define "features3" }}
353
409
{{ $cardStyle := "bg-white dark:bg-gray-800 rounded shadow-sm border border-gray-200 dark:border-gray-700" }}
354
410
{{ $cardInnerStyle := "flex flex-row items-center gap-4 md:gap-6 p-4 md:p-6 md:pt-8 relative" }}
355
411
{{ $contentStyle := "flex-1 flex flex-col" }}