alice.pds.demo.boltless.dev
This repository has no description
appview/pages: incorporate rope svgs into landing
Signed-off-by: oppiliappan <me@oppi.li>
author
oppiliappan
date
(Jul 23, 2026, 12:22 PM +0100)
commit
ad190e4e
ad190e4e40ce6639d8938e0945b8fd29e49fa6fe
parent
6e92c96c
6e92c96c6a159dcdcb7bb5b17d11963dc6141854
change-id
uypzkxpz
uypzkxpzxkpvtlllnozzpyomxwnoqruw
+35
-4
+35
-4
appview/pages/templates/timeline/home.html
+35
-4
appview/pages/templates/timeline/home.html
···
71
71
72
72
{{ define "content" }}
73
73
<div class="flex flex-col gap-20 md:gap-40 my-20 md:my-32">
74
-
{{ template "timeline/fragments/hero" . }}
75
-
{{ template "timeline/fragments/preview" . }}
74
+
<div class="relative">
75
+
<div class="hidden md:block absolute inset-0 pointer-events-none z-0 opacity-50 dark:opacity-5
76
+
[mask-image:linear-gradient(to_bottom,black_0%,black_60%,transparent_100%)]
77
+
[-webkit-mask-image:linear-gradient(to_bottom,black_0%,black_60%,transparent_100%)]
78
+
[mask-repeat:no-repeat] [-webkit-mask-repeat:no-repeat]
79
+
[mask-size:100%_100%] [-webkit-mask-size:100%_100%]">
80
+
<div class="absolute inset-0 bg-slate-200 dark:bg-slate-400
81
+
[mask-image:url('https://assets.tangled.network/Rope.svg')]
82
+
[-webkit-mask-image:url('https://assets.tangled.network/Rope.svg')]
83
+
[mask-repeat:no-repeat] [-webkit-mask-repeat:no-repeat]
84
+
[mask-position:10%_center] [-webkit-mask-position:10%_center]
85
+
[mask-size:contain] [-webkit-mask-size:contain]"></div>
86
+
</div>
87
+
<div class="relative z-10 flex flex-col gap-20 md:gap-40">
88
+
{{ template "timeline/fragments/hero" . }}
89
+
{{ template "timeline/fragments/preview" . }}
90
+
</div>
91
+
</div>
76
92
{{ template "features1" . }}
77
93
{{ template "features2" . }}
78
94
{{ template "recentUpdates" . }}
···
106
122
{{ block "mainLayout" . }}
107
123
<div class="flex-grow relative">
108
124
<div
109
-
class="absolute opacity-50 dark:opacity-5 inset-x-0 top-0 bottom-[-50px] md:bottom-[-150px] pointer-events-none bg-slate-200 dark:bg-slate-400 [mask-image:url('https://assets.tangled.network/yarn_ball_mask.svg')] [mask-repeat:no-repeat] [mask-position:right_bottom] [-webkit-mask-image:url('https://assets.tangled.network/yarn_ball_mask.svg')] [-webkit-mask-repeat:no-repeat] [-webkit-mask-position:right_bottom] w-full">
125
+
class="absolute opacity-50 dark:opacity-5 inset-x-0 top-0 bottom-[-50px] md:bottom-[-150px] pointer-events-none w-full [mask-image:linear-gradient(to_top,transparent_0px,black_250px)] [-webkit-mask-image:linear-gradient(to_top,transparent_0px,black_250px)] [mask-repeat:no-repeat] [-webkit-mask-repeat:no-repeat] [mask-size:100%_100%] [-webkit-mask-size:100%_100%]">
126
+
<div class="absolute inset-0 bg-slate-200 dark:bg-slate-400 [mask-image:url('https://assets.tangled.network/yarn_ball_mask.svg')] [-webkit-mask-image:url('https://assets.tangled.network/yarn_ball_mask.svg')] [mask-repeat:no-repeat] [-webkit-mask-repeat:no-repeat] [mask-position:right_bottom] [-webkit-mask-position:right_bottom] [mask-size:auto] [-webkit-mask-size:auto]"></div>
110
127
</div>
111
128
<div class="max-w-screen-xl mx-auto flex flex-col gap-4 relative z-10">
112
129
{{ block "contentLayout" . }}
···
349
366
{{ $iconCircleStyle := "rounded-full flex items-center justify-center border border-gray-200 dark:border-gray-700" }}
350
367
{{ $linkDesktopStyle := "hover:no-underline hidden md:inline-flex absolute -bottom-10 -right-14 items-center gap-2 p-3 text-base btn" }}
351
368
352
-
<div class="w-full flex flex-col gap-6 md:gap-40 max-w-5xl mx-auto px-2">
369
+
<div class="relative">
370
+
<div class="hidden md:block absolute -top-32 -bottom-32 inset-x-0 pointer-events-none z-0 opacity-50 dark:opacity-5
371
+
[mask-image:linear-gradient(to_bottom,transparent_0%,black_15%,black_85%,transparent_100%)]
372
+
[-webkit-mask-image:linear-gradient(to_bottom,transparent_0%,black_15%,black_85%,transparent_100%)]
373
+
[mask-repeat:no-repeat] [-webkit-mask-repeat:no-repeat]
374
+
[mask-size:100%_100%] [-webkit-mask-size:100%_100%]">
375
+
<div class="absolute inset-0 bg-slate-200 dark:bg-slate-400
376
+
[mask-image:url('https://assets.tangled.network/rope-2.svg')]
377
+
[-webkit-mask-image:url('https://assets.tangled.network/rope-2.svg')]
378
+
[mask-repeat:no-repeat] [-webkit-mask-repeat:no-repeat]
379
+
[mask-position:-400px_center] [-webkit-mask-position:-400px_center]
380
+
[mask-size:auto_200%] [-webkit-mask-size:auto_200%]"></div>
381
+
</div>
382
+
<div class="relative z-10 w-full flex flex-col gap-6 md:gap-40 max-w-5xl mx-auto px-2">
353
383
<div class="{{ $cardStyle }} md:mr-32">
354
384
<div class="{{ $cardInnerStyle }}">
355
385
{{ $moreLink := "https://docs.tangled.org/quick-start-guide.html#login-or-sign-up" }}
···
444
474
</div>
445
475
</div>
446
476
</div>
477
+
</div>
447
478
</div>
448
479
{{ end }}
449
480