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