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

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

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

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

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

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

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

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

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

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

@ -23,6 +23,6 @@
width: 100%;
/* 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 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 id="left-section">
<div id="left-section" class="bg-grid-cv">
<LeftTopDecor Style="pointer-events: none;" />
<BottomRightDecor Style="pointer-events: none;" />
<div
class="absolute rotate-12 width-[10cm] h-full right-[15cm]"
style="background-color: #bdd6ee"
></div>
<div>
<div class="text-[var(--left-text-color)]">
<NameAndImage />
<ShortProfile />
<CombinedContacts />
@ -91,11 +91,11 @@
</div>
</div>
<div id="leftSectionSeperator"></div>
<div id="right-section">
<div id="right-section" class="text-[var(--right-text-color)]">
<AlexWatermark Style="pointer-events: none;" />
<div id="TopRightSkillsText">
<RepeatedSkills
class="Cozette"
class="cozette-force"
targetTextHeight={30}
targetTextWidth={75}
/>
@ -115,6 +115,41 @@
</div>
<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 {
height: 40mm;
background-color: #2b2a2a;
@ -146,9 +181,6 @@
place-items: center;
}
.cv-container-container * {
color: black; // Set all text black
}
.cv-container {
width: 210mm;
@ -173,7 +205,7 @@
}
#left-section {
background-color: #bdd6ee;
// background-color: #bdd6ee;
> div:last-child {
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";
src:
local("NotoSans"),
url("/fonts/NotoSans.ttf") format("truetype");
}
.cozette * {
font-family: "CozetteVector";
}
.cozette-force * {
font-family: "CozetteVector" !important;
}
.NotoSans * {
font-family: "NotoSans";
}