alice.pds.demo.boltless.dev
This repository has no description
1{{ define "timeline/fragments/announcements" }}
2 <div>
3 <h3 class="text-xl font-bold dark:text-white hidden md:flex items-center gap-4 px-4 pb-4">
4 {{ i "megaphone" "size-5 flex-shrink-0" }}
5 Announcements
6 </h3>
7 <div class="flex flex-col gap-3">
8 {{ template "vouchAnnouncement" . }}
9 </div>
10 </div>
11{{ end }}
12
13{{ define "vouchAnnouncement" }}
14 <div class="relative overflow-hidden border border-indigo-200 dark:border-indigo-700 bg-gradient-to-b from-white to-indigo-50 dark:from-indigo-950 dark:to-indigo-900 rounded-sm p-6">
15<div class="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,rgba(165,180,252,0.35),transparent_70%)] dark:bg-[radial-gradient(ellipse_at_bottom_left,rgba(99,102,241,0.2),transparent_70%)]"></div>
16 <div class="relative z-10">
17 <p class="font-semibold text-indigo-800 dark:text-indigo-300 mb-1">Build a web of trust</p>
18 <p class="text-indigo-700 dark:text-indigo-400">
19 Vouch for trustworthy users that make open-source a better place. Visit a user's
20 profile to vouch for them.
21 </p>
22
23 <div class="mt-3 flex items-center justify-between">
24 <a class="mt-3 no-underline inline-flex items-center gap-1 text-sm font-medium text-indigo-700 dark:text-indigo-300 hover:text-indigo-900 dark:hover:text-indigo-100 hover:underline" href="https://blog.tangled.org/vouching">
25 Read more
26 </a>
27 {{ if and .LoggedInUser .VouchSuggestions }}
28 <a class="md:hidden mt-3 no-underline inline-flex items-center gap-1 text-sm font-medium text-indigo-700 dark:text-indigo-300 hover:text-indigo-900 dark:hover:text-indigo-100 hover:underline" href="/{{ .LoggedInUser.Did }}?tab=vouches">
29 View suggestions {{ i "arrow-right" "size-3.5" }}
30 </a>
31 {{ end }}
32 </div>
33
34 </div>
35
36 <div class="pointer-events-none absolute -bottom-8 -right-16 text-indigo-200 dark:text-indigo-700 opacity-60">
37 {{ i "shield-plus" "size-48" }}
38 </div>
39 </div>
40{{ end }}