fixed my CV with Vim!
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 23s

This commit is contained in:
BOTAlex 2025-05-26 05:19:26 +02:00
parent d3e11c32e6
commit 72811eacc4
3 changed files with 87 additions and 73 deletions

View file

@ -1,50 +1,53 @@
<script> <script>
export let Style = ""; export let Style = "";
</script> </script>
<div class="container" style="{Style}"> <div class="container" style={Style}>
<div> <div class="w-full flex justify-center">
<div> <div class="text-center"></div>
Thank you! ❤ </div>
</div>
</div>
</div> </div>
<style lang="scss"> <style lang="scss">
.container { .container {
position: absolute; position: absolute;
transform: translate(40.2mm, 5mm) rotate(-45deg); transform: translate(20.3mm, -5mm) rotate(-45deg);
display: grid; display: grid;
justify-self: end; justify-self: end;
vertical-align: bottom; vertical-align: bottom;
align-self: flex-end; align-self: flex-end;
z-index: 0; z-index: 0;
> div:nth-child(1) { > div:nth-child(1) {
padding-top: 5mm; padding-top: 5mm;
//border-bottom: #4472c4 dashed 2mm; //border-bottom: #4472c4 dashed 2mm;
background-image: linear-gradient(to right, #4472c4 70%, rgba(255,255,255,0) 0%); background-image: linear-gradient(
background-position: top; to right,
background-size: 6mm 1.5mm; #4472c4 70%,
background-repeat: repeat-x; rgba(255, 255, 255, 0) 0%
} );
background-position: top;
> div:nth-child(2) { background-size: 6mm 1.5mm;
background-color: #2f5496; background-repeat: repeat-x;
width: 100mm;
height: 25mm;
// Text
display: grid;
place-content: center;
align-content: flex-start;
> div {
padding-top: 3.5mm;
color: #4a7bcf;
font-weight: bold;
}
}
} }
> div:nth-child(2) {
background-color: #2f5496;
width: 100mm;
height: 25mm;
// Text
display: grid;
place-content: center;
align-content: flex-start;
> div {
padding-top: 3.5mm;
color: #4a7bcf;
font-weight: bold;
}
}
}
</style> </style>

View file

@ -74,7 +74,7 @@
</div> </div>
</div> </div>
<div class="cv-container-container include-in-print"> <div class="NotoSans cv-container-container include-in-print">
<div class="cv-container sections decorations"> <div class="cv-container sections decorations">
<div id="left-section"> <div id="left-section">
<LeftTopDecor Style="pointer-events: none;" /> <LeftTopDecor Style="pointer-events: none;" />
@ -90,7 +90,11 @@
<div id="right-section"> <div id="right-section">
<AlexWatermark Style="pointer-events: none;" /> <AlexWatermark Style="pointer-events: none;" />
<div id="TopRightSkillsText"> <div id="TopRightSkillsText">
<RepeatedSkills targetTextHeight={30} targetTextWidth={75} /> <RepeatedSkills
class="Cozette"
targetTextHeight={30}
targetTextWidth={75}
/>
</div> </div>
<div id="Credit"> <div id="Credit">
<LinkToSource /> <LinkToSource />
@ -251,4 +255,3 @@
} }
} }
</style> </style>

View file

@ -13,59 +13,67 @@
url("/fonts/NotoSans-VariableFont_wdth,wght.ttf") format("truetype"); url("/fonts/NotoSans-VariableFont_wdth,wght.ttf") format("truetype");
} }
.cozette * { .NotoSans * {
font-family: "CozetteVector"; font-family: "NotoSans";
}
.Cozette * {
font-family: "CozetteVector";
} }
/* fuck it */ /* fuck it */
body * { body * {
font-family: "CozetteVector"; font-family: "CozetteVector";
} }
@media print { @media print {
.hide-on-print { .hide-on-print {
display: none; display: none;
} }
} }
.include-in-print { &, & * { .include-in-print {
-webkit-print-color-adjust:exact !important; &,
print-color-adjust:exact !important; & * {
}} -webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
}
html { html {
background: var(--background1); background: var(--background1);
} }
body { body {
font-family: NotoSans, var(--main-font); font-family: NotoSans, var(--main-font);
color: var(--text1); /* Default to primary text color. */ color: var(--text1); /* Default to primary text color. */
background-color: var(--background); background-color: var(--background);
margin: 0; margin: 0;
} }
a, a:link a:visited { a,
color: var(--text1); a:link a:visited {
text-decoration: none; color: var(--text1);
text-decoration: none;
} }
code { code {
font-weight: 400; font-weight: 400;
font-size: 0.9rem; font-size: 0.9rem;
line-height: 1.3; line-height: 1.3;
letter-spacing: .32px; letter-spacing: 0.32px;
border-radius: .25rem; border-radius: 0.25rem;
padding: 0 .5rem; padding: 0 0.5rem;
background-color: #333333; background-color: #333333;
} }
/* Print-specific styles */ /* Print-specific styles */
@media print { @media print {
.hide-on-print { .hide-on-print {
display: none; display: none;
} }
} }
.hidden { .hidden {
display: none; display: none;
} }