Monorepo for Tangled
wip: micro vm announcement
Signed-off-by: oppiliappan <me@oppi.li>
oppiliappan
(Jul 1, 2026, 10:08 AM +0100)
26bddb15
551034f6
+25
-1
+25
-1
appview/pages/templates/timeline/fragments/announcements.html
+25
-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-amber-50 to-amber-100 dark:from-amber-900 dark:to-amber-950 rounded-sm p-4">
30
+
<div class="relative z-10">
31
+
<p class="font-semibold text-amber-800 dark:text-amber-100 mb-1">MicroVM powered CI</p>
32
+
<p class="text-amber-700 dark:text-amber-300">
33
+
Spindles now support a new engine: <span class="font-mono text-sm">microvm</span>! You can
34
+
now build containers, run services like postgres, or use
35
+
non-nixos images on CI.
36
+
</p>
37
+
<div class="mt-3">
38
+
<a class="no-underline inline-flex items-center gap-1 text-sm font-medium text-amber-700 dark:text-amber-200 hover:text-amber-900 dark:hover:text-amber-100 hover:underline" href="https://docs.tangled.org/spindle/microvm">
39
+
Read more
40
+
</a>
41
+
</div>
42
+
</div>
43
+
<div class="pointer-events-none absolute -bottom-8 -right-16 size-48
44
+
[--ci-gradient-from:theme(colors.amber.100)] dark:[--ci-gradient-from:theme(colors.amber.800)]
45
+
[--ci-gradient-to:theme(colors.amber.200)] dark:[--ci-gradient-to:theme(colors.amber.900)]"
46
+
style="background: linear-gradient(to bottom, var(--ci-gradient-from), var(--ci-gradient-to));
47
+
-webkit-mask: url('/static/icons/cpu.svg') center/contain no-repeat;
48
+
mask: url('/static/icons/cpu.svg') center/contain no-repeat;"></div>
49
+
</div>
26
50
{{ end }}
27
51
28
52
{{ define "vouchAnnouncement" }}