microcosm.blue
top secret
tidy
bad-example.com
-37
-37
src/pages/index.astro
-37
src/pages/index.astro
···
190
190
</dl>
191
191
</div>
192
192
</section>
193
-
194
-
195
-
<!-- shitty cta bit -->
196
-
<section class="section cta-banner">
197
-
<div class="container">
198
-
<div class="cta-banner__inner card">
199
-
<h2>wtf is this</h2>
200
-
<p>
201
-
this huge CTA box is super-ugly
202
-
</p>
203
-
<a href="/docs" class="btn btn--primary">docs or smth</a>
204
-
</div>
205
-
</div>
206
-
</section>
207
193
</Base>
208
194
209
195
<style>
···
339
325
color: var(--color-muted);
340
326
font-size: 0.95rem;
341
327
}
342
-
343
-
/* shitty bottom cta */
344
-
.cta-banner__inner {
345
-
text-align: center;
346
-
background: linear-gradient(
347
-
135deg,
348
-
color-mix(in srgb, var(--color-accent4) 10%, var(--color-surface)),
349
-
color-mix(in srgb, var(--color-accent2) 10%, var(--color-surface))
350
-
);
351
-
border-color: var(--color-accent4);
352
-
padding-block: var(--space-12);
353
-
}
354
-
355
-
.cta-banner__inner h2 {
356
-
margin-bottom: var(--space-4);
357
-
}
358
-
359
-
.cta-banner__inner p {
360
-
color: var(--color-muted);
361
-
margin-inline: auto;
362
-
margin-bottom: var(--space-8);
363
-
}
364
-
365
328
366
329
/* faq */
367
330
.faq-container {