slight cv fix warning tape
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / Rebuild Signaller (push) Successful in 34s
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / Rebuild Signaller (push) Successful in 34s
This commit is contained in:
parent
afa690e9ac
commit
d8974ba8f3
1 changed files with 28 additions and 7 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue