DeprivedDevs/deprived-main-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added redacted backeground
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 15s
Details

Browse source
This commit is contained in:
BOTAlex 2025-10-09 07:19:08 +02:00
parent ba9cf8073a
commit 7524eb3fe5
2 changed files with 126 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/routes/cv/+page.svelte
View file

@ -46,6 +46,7 @@
} }
</script> </script>
<div>
<title>{$re?.name ?? "Alex"}'s CV {getFormattedDate()}</title> <title>{$re?.name ?? "Alex"}'s CV {getFormattedDate()}</title>
<meta content="{$re?.name ?? 'Alex'}'s CV" property="og:title" /> <meta content="{$re?.name ?? 'Alex'}'s CV" property="og:title" />
<meta <meta
@ -72,8 +73,21 @@
the quality of the PDF :( the quality of the PDF :(
</div> </div>
</div> </div>
<div class="w-full h-full flex flex-col justify-center overflow-hidden">
<div class=" w-full flex h-[1131.25px] justify-center">
<RepeatedSkills
class="cozette-force text-5xl text-base-300 {$re?.name ? 'hidden' : ''}"
style="transform: translateY(-90rem)"
textOverride={["REDACTED VERSION"]}
targetTextHeight={90}
targetTextWidth={150}
textRowPadding={"1rem"}
/>
</div>
<div class="NotoSans cv-config cv-container-container include-in-print"> <div
class="NotoSans cv-config cv-container-container include-in-print absolute"
>
<div class="cv-container sections decorations"> <div class="cv-container sections decorations">
<div id="left-section" class="bg-grid-cv flex justify-center"> <div id="left-section" class="bg-grid-cv flex justify-center">
<LeftTopDecor /> <LeftTopDecor />
@ -97,7 +111,7 @@
</div> </div>
</div> </div>
<div id="leftSectionSeperator"></div> <div id="leftSectionSeperator"></div>
<div id="right-section" class="text-[var(--right-text-color)]"> <div id="right-section" class="text-[var(--right-text-color)] bg-white">
<AlexWatermark Style="pointer-events: none;" /> <AlexWatermark Style="pointer-events: none;" />
<div id="TopRightSkillsText"> <div id="TopRightSkillsText">
<RepeatedSkills <RepeatedSkills
@ -116,6 +130,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<style lang="scss"> <style lang="scss">
.cv-config * { .cv-config * {

11
src/routes/cv/comps/RepeatedSkills.svelte
View file

@ -2,6 +2,7 @@
// Width of num chars and height nom of chars // Width of num chars and height nom of chars
export let targetTextWidth: number; export let targetTextWidth: number;
export let targetTextHeight: number; export let targetTextHeight: number;
export let textRowPadding: string = "";
export let applyRotation: boolean = true; export let applyRotation: boolean = true;
@ -27,10 +28,7 @@
function GrabRandomString() { function GrabRandomString() {
let outString: string = ""; let outString: string = "";
while (outString.length < targetTextWidth) { while (outString.length < targetTextWidth) {
outString += outString += repeatingText[getRandomInt(repeatingText.length)] + " ";
repeatingText[
getRandomInt(repeatingText.length)
] + " ";
} }
return outString; // At about target size return outString; // At about target size
@ -39,7 +37,10 @@
<div {...$$restProps}> <div {...$$restProps}>
{#each { length: targetTextHeight } as _, i} {#each { length: targetTextHeight } as _, i}
<span class="{applyRotation ? "rotate45" : ""} SkillsText"> <span
class="{applyRotation ? 'rotate45' : ''} SkillsText"
style="padding: {textRowPadding};"
>
{GrabRandomString()} {GrabRandomString()}
</span> </span>
{/each} {/each}