Monorepo for Tangled
appview/timeline: add microvm announcement
Signed-off-by: eti <eti@eti.tf>
authored by
oppiliappan
and committed by
Tangled
(Jul 2, 2026, 11:19 AM +0300)
9b807bde
f2c74335
+27
-1
+27
-1
appview/pages/templates/timeline/fragments/announcements.html
+27
-1
appview/pages/templates/timeline/fragments/announcements.html
···
5
5
Announcements
6
6
</h3>
7
7
<div class="flex flex-col p-0 bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
8
-
{{ template "vouchAnnouncement" . }}
8
+
{{ template "microvmAnnouncement" . }}
9
9
{{ if .RecentBlogPosts }}
10
10
{{ template "recentBlogPosts" . }}
11
11
{{ end }}
···
23
23
</a>
24
24
{{ end }}
25
25
</div>
26
+
{{ end }}
27
+
28
+
{{ define "microvmAnnouncement" }}
29
+
<div class="relative overflow-hidden bg-gradient-to-b from-orange-50 to-orange-100 dark:from-orange-800/30 dark:to-orange-900/45 p-4">
30
+
<div class="relative z-10 flex flex-col gap-4">
31
+
<div class="flex flex-col gap-2">
32
+
<p class="font-semibold text-orange-600 dark:text-orange-100 mb-1">MicroVM-powered CI</p>
33
+
<p class="text-orange-600/75 dark:text-orange-100/75 text-sm">
34
+
Spindles now support a new engine: <span class="font-mono">microvm</span>!
35
+
<br/>
36
+
You can now build containers, run services like Postgres, or use non-NixOS images on CI.
37
+
</p>
38
+
</div>
39
+
<div class="mt-3">
40
+
<a class="no-underline inline-flex items-center gap-1 text-sm font-medium text-orange-600 dark:text-orange-100 hover:text-orange-800 dark:hover:text-orange-100 hover:underline" href="https://docs.tangled.org/spindle/microvm">
41
+
Read more {{ i "arrow-right" "size-4" }}
42
+
</a>
43
+
</div>
44
+
</div>
45
+
<div class="pointer-events-none absolute -bottom-8 -right-16 size-48
46
+
[--ci-gradient-from:theme(colors.orange.100)] dark:[--ci-gradient-from:color-mix(in_oklab,theme(colors.orange.600)_5%,transparent)]
47
+
[--ci-gradient-to:theme(colors.orange.200)] dark:[--ci-gradient-to:color-mix(in_oklab,theme(colors.orange.800)_15%,transparent)]"
48
+
style="background: linear-gradient(to bottom, var(--ci-gradient-from), var(--ci-gradient-to));
49
+
-webkit-mask: url('/static/icons/cpu.svg') center/contain no-repeat;
50
+
mask: url('/static/icons/cpu.svg') center/contain no-repeat;"></div>
51
+
</div>
26
52
{{ end }}
27
53
28
54
{{ define "vouchAnnouncement" }}