slight cv fix warning tape
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / Rebuild Signaller (push) Successful in 34s

This commit is contained in:
BOTAlex 2026-03-31 03:32:05 +02:00
parent afa690e9ac
commit d8974ba8f3

View file

@ -6,7 +6,14 @@
<div class="A4 include-in-print"> <div class="A4 include-in-print">
<SlantedProjectHighlights /> <SlantedProjectHighlights />
<div class="warning-tape w-full h-4"></div> <div class="flex flex-col">
{#each { length: 16 } as _, i}
<div
class="warning-tape w-full"
style="height: 1px; --offset: {i * 19}px"
></div>
{/each}
</div>
<HexagonSkills /> <HexagonSkills />
</div> </div>
@ -19,13 +26,27 @@
} }
.warning-tape { .warning-tape {
--color1: #eeeeee; -webkit-print-color-adjust: exact;
background: repeating-linear-gradient( print-color-adjust: exact;
/* Variables */
--color-first: #eeeeee;
--color-second: #121212;
background: linear-gradient(
-45deg, -45deg,
var(--color1), var(--color-first) 25%,
var(--color1) 20px, var(--color-second) 25%,
#121212 20px, var(--color-second) 50%,
#121212 40px var(--color-first) 50%,
var(--color-first) 75%,
var(--color-second) 75%,
var(--color-second)
); );
background-size: 20px 20px;
/* Apply the offset here */
background-position: calc(var(--offset)) 0;
} }
</style> </style>