lewis.moe
Monorepo for Tangled
appview/pages: prevent sidescroll on home
the learn-more button in the features set caused an overflow on home
page.
Signed-off-by: oppiliappan <me@oppi.li>
+7
-19
appview/pages/templates/timeline/home.html
+7
-19
appview/pages/templates/timeline/home.html
···
59
{{ block "mainLayout" . }}
60
<div class="flex-grow relative">
61
<div
62
-
class="absolute opacity-50 dark:opacity-5 inset-x-0 top-0 bottom-[-50px] md:bottom-[-150px] pointer-events-none bg-[url('https://assets.tangled.network/yarn_ball.svg')] bg-no-repeat bg-right-bottom bg-[length:500px] md:bg-[length:1000px] w-full">
63
</div>
64
<div class="max-w-screen-xl mx-auto flex flex-col gap-4 relative z-10">
65
{{ block "contentLayout" . }}
···
143
{{ $imgContentStyle := "w-full overflow-hidden place-content-center bg-gradient-to-b from-slate-50 to-slate-100 dark:from-gray-800 dark:to-gray-900 border-t border-gray-200 dark:border-gray-700" }}
144
{{ $linkDesktopStyle := "hover:no-underline items-center gap-2 p-3 text-base btn" }}
145
146
-
<div class="col-span-3 {{ $contentStyle }} peer-checked/prs:grid relative">
147
<div class="{{ $textContentStyle }} flex gap-4 md:gap-8">
148
<section class="space-y-4">
149
<h1 class="{{ $titleStyle }}">Pull requests, reimagined</h1>
···
152
requests on top of each other and ship faster with round-based code
153
reviews. Tangled natively supports stacking using Jujutsu.
154
</p>
155
-
<a href="https://blog.tangled.org/stacking" class="hover:no-underline inline-flex md:hidden items-center gap-2 text-sm text-black dark:text-white font-medium">
156
Learn more
157
{{ i "arrow-right" "size-4" }}
158
</a>
···
174
</picture>
175
</div>
176
</div>
177
-
<a href="https://blog.tangled.org/stacking" class="hover:no-underline hidden md:inline-flex absolute -bottom-6 -right-12 items-center gap-2 p-3 text-base btn">
178
-
Learn more
179
-
{{ i "arrow-right" "size-4" }}
180
-
</a>
181
</div>
182
183
-
<div class="col-span-3 {{ $contentStyle }} peer-checked/knots:grid relative">
184
<div class="{{ $textContentStyle }} flex place-content-between gap-4 md:gap-8">
185
<section class="space-y-4">
186
<h1 class="{{ $titleStyle }}">Run it at home</h1>
···
190
<br>
191
Don't want to self-host? All are welcome on our hosted instances.
192
</p>
193
-
<a href="https://docs.tangled.org/knot-self-hosting-guide.html#knot-self-hosting-guide" class="hover:no-underline inline-flex md:hidden items-center gap-2 text-sm text-black dark:text-white font-medium">
194
Learn more
195
{{ i "arrow-right" "size-4" }}
196
</a>
···
212
</picture>
213
</div>
214
</div>
215
-
<a href="https://docs.tangled.org/knot-self-hosting-guide.html#knot-self-hosting-guide" class="hover:no-underline hidden md:inline-flex absolute -bottom-6 -right-12 items-center gap-2 p-3 text-base btn">
216
-
Learn more
217
-
{{ i "arrow-right" "size-4" }}
218
-
</a>
219
</div>
220
221
-
<div class="col-span-3 {{ $contentStyle }} peer-checked/spindles:grid relative">
222
<div class="{{ $textContentStyle }} flex place-content-between gap-4 md:gap-8">
223
<section class="space-y-4">
224
<h1 class="{{ $titleStyle }}">Nix-powered CI</h1>
···
230
<br>
231
Support for Docker and MicroVM based runners coming soon!
232
</p>
233
-
<a href="https://docs.tangled.org/spindles.html#pipelines" class="hover:no-underline inline-flex md:hidden items-center gap-2 text-sm text-black dark:text-white font-medium">
234
Learn more
235
{{ i "arrow-right" "size-4" }}
236
</a>
···
252
</picture>
253
</div>
254
</div>
255
-
<a href="https://docs.tangled.org/spindles.html#pipelines" class="hover:no-underline hidden md:inline-flex absolute -bottom-6 -right-12 items-center gap-2 p-3 text-base btn">
256
-
Learn more
257
-
{{ i "arrow-right" "size-4" }}
258
-
</a>
259
</div>
260
</div>
261
···
59
{{ block "mainLayout" . }}
60
<div class="flex-grow relative">
61
<div
62
+
class="absolute opacity-50 dark:opacity-5 inset-x-0 top-0 bottom-[-50px] md:bottom-[-150px] pointer-events-none bg-[url('https://assets.tangled.network/yarn_ball.svg')] bg-no-repeat bg-right-bottom w-full">
63
</div>
64
<div class="max-w-screen-xl mx-auto flex flex-col gap-4 relative z-10">
65
{{ block "contentLayout" . }}
···
143
{{ $imgContentStyle := "w-full overflow-hidden place-content-center bg-gradient-to-b from-slate-50 to-slate-100 dark:from-gray-800 dark:to-gray-900 border-t border-gray-200 dark:border-gray-700" }}
144
{{ $linkDesktopStyle := "hover:no-underline items-center gap-2 p-3 text-base btn" }}
145
146
+
<div class="col-span-3 {{ $contentStyle }} peer-checked/prs:grid">
147
<div class="{{ $textContentStyle }} flex gap-4 md:gap-8">
148
<section class="space-y-4">
149
<h1 class="{{ $titleStyle }}">Pull requests, reimagined</h1>
···
152
requests on top of each other and ship faster with round-based code
153
reviews. Tangled natively supports stacking using Jujutsu.
154
</p>
155
+
<a href="https://blog.tangled.org/stacking" class="hover:no-underline inline-flex items-center gap-2 text-sm md:text-base text-black dark:text-white font-medium">
156
Learn more
157
{{ i "arrow-right" "size-4" }}
158
</a>
···
174
</picture>
175
</div>
176
</div>
177
</div>
178
179
+
<div class="col-span-3 {{ $contentStyle }} peer-checked/knots:grid">
180
<div class="{{ $textContentStyle }} flex place-content-between gap-4 md:gap-8">
181
<section class="space-y-4">
182
<h1 class="{{ $titleStyle }}">Run it at home</h1>
···
186
<br>
187
Don't want to self-host? All are welcome on our hosted instances.
188
</p>
189
+
<a href="https://docs.tangled.org/knot-self-hosting-guide.html#knot-self-hosting-guide" class="hover:no-underline inline-flex items-center gap-2 text-sm md:text-base text-black dark:text-white font-medium">
190
Learn more
191
{{ i "arrow-right" "size-4" }}
192
</a>
···
208
</picture>
209
</div>
210
</div>
211
</div>
212
213
+
<div class="col-span-3 {{ $contentStyle }} peer-checked/spindles:grid">
214
<div class="{{ $textContentStyle }} flex place-content-between gap-4 md:gap-8">
215
<section class="space-y-4">
216
<h1 class="{{ $titleStyle }}">Nix-powered CI</h1>
···
222
<br>
223
Support for Docker and MicroVM based runners coming soon!
224
</p>
225
+
<a href="https://docs.tangled.org/spindles.html#pipelines" class="hover:no-underline inline-flex items-center gap-2 text-sm md:text-base text-black dark:text-white font-medium">
226
Learn more
227
{{ i "arrow-right" "size-4" }}
228
</a>
···
244
</picture>
245
</div>
246
</div>
247
</div>
248
</div>
249