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

Rev 3 cv. BLACK
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 21s
Details

Browse source
This commit is contained in:
MagicBOTAlex 2025-06-16 11:12:52 +08:00
parent b1dfcf4d00
commit 3cf07d87b5
10 changed files with 66 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/lib/zhen/cv-comps/LinkedInQrCode.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Before After
Before After

4
src/routes/zhen/cv/CompsRev3/BottomRightDecor.svelte
View file

@ -25,7 +25,7 @@
background-image: linear-gradient( background-image: linear-gradient(
to right, to right,
#4472c4 70%, var(--left-decor-line-color) 70%,
rgba(255, 255, 255, 0) 0% rgba(255, 255, 255, 0) 0%
); );
background-position: top; background-position: top;
@ -34,7 +34,7 @@
} }
> div:nth-child(2) { > div:nth-child(2) {
background-color: #2f5496; background-color: var(--left-decor-line-color);
width: 100mm; width: 100mm;
height: 25mm; height: 25mm;

3
src/routes/zhen/cv/CompsRev3/Contact.svelte
View file

@ -31,7 +31,7 @@
width: 100%; width: 100%;
/* Bottom border stripe*/ /* Bottom border stripe*/
border-bottom: 1mm solid black; border-bottom: 1mm solid var(--left-line-color);
} }
.table-display { .table-display {
@ -50,7 +50,6 @@
} }
> div, > a { > div, > a {
color: #000000;
&:first-child { &:first-child {
width: 35%; width: 35%;

14
src/routes/zhen/cv/CompsRev3/LeftTopDecor.svelte
View file

@ -4,8 +4,8 @@
export let Style = ""; export let Style = "";
</script> </script>
<div class="container" style="{Style}"> <div class="container " style="{Style}">
<div> <div class=" text-center bg-[var(--left-grid-bg-color)]">
<RepeatedSkills textOverride={["Hello", "你好", "Hej"]} targetTextHeight={4} targetTextWidth={50} applyRotation={false}/> <RepeatedSkills textOverride={["Hello", "你好", "Hej"]} targetTextHeight={4} targetTextWidth={50} applyRotation={false}/>
</div> </div>
<div/> <div/>
@ -27,14 +27,16 @@
width: 100mm; width: 100mm;
height: 17.5mm; height: 17.5mm;
padding-bottom: 1mm; padding-bottom: 1mm;
padding-top: 1mm;
// Text inside // Text inside
display: grid; display: grid;
place-content: center; place-content: center;
border-bottom: #4472c4 dotted 0.5mm; border-bottom: var(--left-decor-line-color) dotted 0.5mm;
border-top: var(--left-decor-line-color) dotted 0.5mm;
&:first-child { &:first-child {
color: #4472c4; color: var(--left-decor-text-color);
font-size: 3mm; font-size: 3mm;
//font-weight: bold; //font-weight: bold;
} }
@ -44,7 +46,9 @@
padding-top: 4mm; padding-top: 4mm;
//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-color: var(--left-grid-bg-color);
background-image: linear-gradient(to right, var(--left-decor-line-color) 70%, rgba(255,255,255,0) 0%);
background-position: bottom; background-position: bottom;
background-size: 6mm 1.5mm; background-size: 6mm 1.5mm;
background-repeat: repeat-x; background-repeat: repeat-x;

2
src/routes/zhen/cv/CompsRev3/NamePlate.svelte
View file

@ -16,6 +16,6 @@
width: 60%; width: 60%;
/* Bottom border stripe*/ /* Bottom border stripe*/
border-bottom: 1mm solid black; border-bottom: 1mm solid var(--left-line-color);
} }
</style> </style>

3
src/routes/zhen/cv/CompsRev3/OtherContact.svelte
View file

@ -27,7 +27,7 @@
width: 100%; width: 100%;
/* Bottom border stripe*/ /* Bottom border stripe*/
border-bottom: 1mm solid black; border-bottom: 1mm solid var(--left-line-color);
} }
.table-display { .table-display {
@ -46,7 +46,6 @@
} }
> div, > a { > div, > a {
color: #000000;
&:first-child { &:first-child {
width: 35%; width: 35%;
font-size: 4mm; font-size: 4mm;

2
src/routes/zhen/cv/CompsRev3/ShortProfile.svelte
View file

@ -23,6 +23,6 @@
width: 100%; width: 100%;
/* Bottom border stripe*/ /* Bottom border stripe*/
border-bottom: 1mm solid black; border-bottom: 1mm solid var(--left-line-color);
} }
</style> </style>

50
src/routes/zhen/cv/rev3/+page.svelte
View file

@ -74,16 +74,16 @@
</div> </div>
</div> </div>
<div class="NotoSans cv-container-container include-in-print"> <div class="NotoSans cv-config 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" class="bg-grid-cv">
<LeftTopDecor Style="pointer-events: none;" /> <LeftTopDecor Style="pointer-events: none;" />
<BottomRightDecor Style="pointer-events: none;" /> <BottomRightDecor Style="pointer-events: none;" />
<div <div
class="absolute rotate-12 width-[10cm] h-full right-[15cm]" class="absolute rotate-12 width-[10cm] h-full right-[15cm]"
style="background-color: #bdd6ee" style="background-color: #bdd6ee"
></div> ></div>
<div> <div class="text-[var(--left-text-color)]">
<NameAndImage /> <NameAndImage />
<ShortProfile /> <ShortProfile />
<CombinedContacts /> <CombinedContacts />
@ -91,11 +91,11 @@
</div> </div>
</div> </div>
<div id="leftSectionSeperator"></div> <div id="leftSectionSeperator"></div>
<div id="right-section"> <div id="right-section" class="text-[var(--right-text-color)]">
<AlexWatermark Style="pointer-events: none;" /> <AlexWatermark Style="pointer-events: none;" />
<div id="TopRightSkillsText"> <div id="TopRightSkillsText">
<RepeatedSkills <RepeatedSkills
class="Cozette" class="cozette-force"
targetTextHeight={30} targetTextHeight={30}
targetTextWidth={75} targetTextWidth={75}
/> />
@ -115,6 +115,41 @@
</div> </div>
<style lang="scss"> <style lang="scss">
.cv-config * {
--left-text-color: #eeeeee;
--left-line-color: #999999;
--left-decor-text-color: #eeeeee;
--left-decor-line-color: #999999;
--qr-color: #999999;
--left-grid-line-color: #ffffff;
--left-grid-bg-color: #000000;
--left-grid-opacity: 0.2;
--left-grid-size: 10px;
--right-text-color: #333333;
}
.bg-grid-cv {
background:
linear-gradient(-90deg, rgba(255, 255, 255, var(--left-grid-opacity)) 1px, transparent 1px),
linear-gradient(rgba(255, 255, 255, var(--left-grid-opacity)) 1px, transparent 1px), var(--left-grid-line-color);
background-size:
var(--left-grid-size) var(--left-grid-size),
var(--left-grid-size) var(--left-grid-size),
80px 80px,
80px 80px,
80px 80px,
80px 80px,
80px 80px,
80px 80px;
background-color: var(--color-base-100);
}
.cv-info-container { .cv-info-container {
height: 40mm; height: 40mm;
background-color: #2b2a2a; background-color: #2b2a2a;
@ -146,9 +181,6 @@
place-items: center; place-items: center;
} }
.cv-container-container * {
color: black; // Set all text black
}
.cv-container { .cv-container {
width: 210mm; width: 210mm;
@ -173,7 +205,7 @@
} }
#left-section { #left-section {
background-color: #bdd6ee; // background-color: #bdd6ee;
> div:last-child { > div:last-child {
z-index: 1; z-index: 1;

BIN
static/fonts/NotoSans.ttf Normal file
View file

Binary file not shown.

5
static/stylesheets/global.css
View file

@ -10,12 +10,17 @@
font-family: "NotoSans"; font-family: "NotoSans";
src: src:
local("NotoSans"), local("NotoSans"),
url("/fonts/NotoSans.ttf") format("truetype");
} }
.cozette * { .cozette * {
font-family: "CozetteVector"; font-family: "CozetteVector";
} }
.cozette-force * {
font-family: "CozetteVector" !important;
}
.NotoSans * { .NotoSans * {
font-family: "NotoSans"; font-family: "NotoSans";
} }