From 0405b59ed6c0e2caea06965361fb6938794addb9 Mon Sep 17 00:00:00 2001 From: MagicBOTAlex Date: Fri, 13 Jun 2025 21:18:21 +0200 Subject: [PATCH] reimplimented NotoSans font --- src/app.css | 53 +- src/app.html | 67 +- src/routes/+layout.svelte | 580 +++++++++--------- src/routes/+page.svelte | 18 +- .../zhen/cv/CompsRev2/BottomRightDecor.svelte | 83 +-- src/routes/zhen/cv/rev2/+page.svelte | 430 ++++++------- static/stylesheets/global.css | 66 +- 7 files changed, 669 insertions(+), 628 deletions(-) diff --git a/src/app.css b/src/app.css index a13124f..c2958a3 100644 --- a/src/app.css +++ b/src/app.css @@ -1,6 +1,40 @@ @import "tailwindcss"; @plugin "daisyui"; +@plugin "daisyui/theme" { + name: "Deprived"; + default: true; + prefersdark: true; + --color-base-100: oklch(14% 0 0); + --color-base-200: oklch(20% 0 0); + --color-base-300: oklch(26% 0 0); + --color-base-content: oklch(97% 0 0); + --color-primary: oklch(72% 0.219 149.579); + --color-primary-content: oklch(98% 0.018 155.826); + --color-secondary: oklch(58% 0.233 277.117); + --color-secondary-content: oklch(96% 0.018 272.314); + --color-accent: oklch(60% 0.25 292.717); + --color-accent-content: oklch(96% 0.016 293.756); + --color-neutral: oklch(20% 0 0); + --color-neutral-content: oklch(98% 0 0); + --color-info: oklch(58% 0.158 241.966); + --color-info-content: oklch(97% 0.013 236.62); + --color-success: oklch(64% 0.2 131.684); + --color-success-content: oklch(98% 0.031 120.757); + --color-warning: oklch(68% 0.162 75.834); + --color-warning-content: oklch(98% 0.026 102.212); + --color-error: oklch(57% 0.245 27.325); + --color-error-content: oklch(97% 0.013 17.38); + --radius-selector: 1rem; + --radius-field: 0.5rem; + --radius-box: 1rem; + --size-selector: 0.25rem; + --size-field: 0.25rem; + --border: 1px; + --depth: 0; + --noise: 0; +} + @plugin "daisyui/theme" { name: "dark"; color-scheme: "dark"; @@ -34,7 +68,6 @@ --noise: 1; } - @plugin "daisyui/theme" { name: "pink"; color-scheme: "light"; @@ -68,7 +101,6 @@ --noise: 0; } - @plugin "daisyui/theme" { name: "netherrack"; color-scheme: "dark"; @@ -138,8 +170,7 @@ .bg-grid-100 { background: linear-gradient(-90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px), - linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), - #f2f2f2; + linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), #f2f2f2; background-size: 4px 4px, 4px 4px, @@ -155,8 +186,7 @@ .bg-grid-200 { background: linear-gradient(-90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px), - linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), - #f2f2f2; + linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), #f2f2f2; background-size: 4px 4px, 4px 4px, @@ -172,8 +202,7 @@ .bg-grid-300 { background: linear-gradient(-90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px), - linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), - #f2f2f2; + linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), #f2f2f2; background-size: 4px 4px, 4px 4px, @@ -184,4 +213,10 @@ 80px 80px, 80px 80px; background-color: var(--color-base-300); -} \ No newline at end of file +} + +@media print { + .hide-on-print { + display: none !important; + } +} diff --git a/src/app.html b/src/app.html index 396656f..c6713a7 100644 --- a/src/app.html +++ b/src/app.html @@ -1,41 +1,42 @@ - - - - - - + + + + + + - - - %sveltekit.head% + + + %sveltekit.head% - + window.AvailableThemes = ["green", "netherrack", "dark", "pink"]; - + if (!theme) { + // const randomNumber = Math.floor(Math.random() * 4); + // console.log("Slecting: " + AvailableThemes[randomNumber]); + // document.documentElement.setAttribute('data-theme', AvailableThemes[randomNumber]); + localStorage.setItem("theme", AvailableThemes[0]); + } + //else { + // console.log("Slecting: " + theme); + // document.documentElement.setAttribute('data-theme', theme); + //} + + - -
- %sveltekit.body% -
- + +
%sveltekit.body%
+ diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index a512acc..3e118f8 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,333 +1,313 @@ {#snippet SwitchThemeButton()} -
- -
+
+ +
{/snippet} - - + + -
-
-
- {#if !isMobile} -
- - - - -
+
+
+
+ {#if !isMobile} +
+ + + + +
- - + + - {@render SwitchThemeButton()} - - Zhen CV - Tools - Games - -
- {:else} - -
- - - {@render children?.()} - - -
-
-
-
- © 2023-2024 -
- Benjamin Dreyer -
- Oliver Schwenger -
- Sylvester Junge -
- Snorre Ettrup Altschul -
- Zhentao Wei -
-
-

About this website

- -
- This website was made using - SvelteKit logo -
- Website source code - -
-
-

Contact

- zhen@deprived.dev -
- -
-
-
-
- Last build: {buildTime} (+2 UTC) + {:else} + +
+ + + {@render children?.()} + +
- - - {#if footerCollapse} - + {/if} {#if isMobile} - + {/if} + + diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 7442100..3fb986f 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -48,14 +48,14 @@ We are the DEPRIVED DEVS - +
Background video
-

+

{#if !mobile} Deprived Devs {:else} @@ -109,10 +109,10 @@ - + -

Hi, I am [insert text here]

-

Here's a joke about recursion: recursion

+

Closeted omega weeb

+

Linked-in, Funny link

@@ -158,7 +158,7 @@

This was made during Nordic gamejam 2024

- View on itch.io + View on itch.io
@@ -180,7 +180,7 @@

This was made during Future Game Makers, and of course our team won the competition.

- View on itch.io + View on itch.io
@@ -202,7 +202,7 @@

This was made during Denmark Masters jam. This jam has youths allover Denmark to compete, and of course our team won the competition again.

- View on itch.io + View on itch.io
@@ -222,7 +222,7 @@
- RECURSION! + RECURSION!
diff --git a/src/routes/zhen/cv/CompsRev2/BottomRightDecor.svelte b/src/routes/zhen/cv/CompsRev2/BottomRightDecor.svelte index 8d6936d..6559008 100644 --- a/src/routes/zhen/cv/CompsRev2/BottomRightDecor.svelte +++ b/src/routes/zhen/cv/CompsRev2/BottomRightDecor.svelte @@ -1,50 +1,53 @@ -
-
-
- Thank you! ❤ -
-
+
+
+
+
\ No newline at end of file + + > 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; + } + } + } + + diff --git a/src/routes/zhen/cv/rev2/+page.svelte b/src/routes/zhen/cv/rev2/+page.svelte index 4bc9658..ab14a2a 100644 --- a/src/routes/zhen/cv/rev2/+page.svelte +++ b/src/routes/zhen/cv/rev2/+page.svelte @@ -1,243 +1,257 @@ Zhentao Wei's CV {getFormattedDate()} - +
-
- Under here is my CV rev1 for an application made entirely in HTML and CSS. The page is designed to be saved as PDF. - This can be done by pressing
P
+
CTRL
, then set scaling to 100% and no margins. Lastly, select save to PDF or print. -
-
- I have to sadly recommend chrome for this process. Firefox somehow messes with the quality of the PDF :( +
+ Under here is my CV rev1 for an application made entirely in HTML and CSS. + The page is designed to be saved as PDF. This can be done by pressing
+ P
+ + +
CTRL
+ , then set scaling to 100% and no margins. Lastly, select save to PDF or print. +
+
+ I have to sadly recommend chrome for this process. Firefox somehow messes with + the quality of the PDF :( +
-
-
-
- - -
- - - - -
-
-
-
- -
- -
-
- -
-
- - - - - -
-
+
+
+
+ + +
+ + + + +
-
+
+
+ +
+ +
+
+ +
+
+ + + + + +
+
+
+
\ No newline at end of file + + #right-section { + width: calc(100% / 3 * 2); + + > div:last-child { + z-index: 1; + width: 100%; + + left: 0; + + display: grid; + place-items: center; + row-gap: 6mm; + + padding-top: 45mm; + padding-bottom: 30mm; + + // Disable interactivity for padding + pointer-events: none; + } + } + } + + .decorations { + #leftSectionSeperator { + position: relative; + height: 100%; + width: 0%; + z-index: 1; + overflow: visible; + > div { + position: absolute; + height: 100%; + width: 5mm; + z-index: 1; + background: linear-gradient(90deg, #3636364f, #00000000); + } + } + > div { + #TopRightSkillsText { + position: absolute; + z-index: 0; + + display: grid; + place-items: center; + vertical-align: top; + width: 100%; + + place-content: center; + + padding: 0; + height: 50mm; + + mask-image: linear-gradient(180deg, #000 0%, transparent 110%); + + color: rgb(190, 190, 190); + font-family: "CozetteVector"; + font-size: x-large; + } + + #Credit { + position: absolute; + z-index: 0; + + display: flex; + align-self: flex-end; + } + } + } + diff --git a/static/stylesheets/global.css b/static/stylesheets/global.css index 118b221..9a03c59 100644 --- a/static/stylesheets/global.css +++ b/static/stylesheets/global.css @@ -14,58 +14,66 @@ } .cozette * { - font-family: "CozetteVector"; + font-family: "CozetteVector"; +} + +.NotoSans * { + font-family: "NotoSans"; } /* fuck it */ body * { - font-family: "CozetteVector"; + font-family: "CozetteVector"; } @media print { - .hide-on-print { - display: none; - } + .hide-on-print { + display: none; + } } -.include-in-print { &, & * { - -webkit-print-color-adjust:exact !important; - print-color-adjust:exact !important; -}} +.include-in-print { + &, + & * { + -webkit-print-color-adjust: exact !important; + print-color-adjust: exact !important; + } +} html { - background: var(--background1); + background: var(--background1); } body { - font-family: NotoSans, var(--main-font); - color: var(--text1); /* Default to primary text color. */ - background-color: var(--background); - margin: 0; + font-family: NotoSans, var(--main-font); + color: var(--text1); /* Default to primary text color. */ + background-color: var(--background); + margin: 0; } -a, a:link a:visited { - color: var(--text1); - text-decoration: none; +a, +a:link a:visited { + color: var(--text1); + text-decoration: none; } code { - font-weight: 400; - font-size: 0.9rem; - line-height: 1.3; - letter-spacing: .32px; - border-radius: .25rem; - padding: 0 .5rem; - background-color: #333333; + font-weight: 400; + font-size: 0.9rem; + line-height: 1.3; + letter-spacing: 0.32px; + border-radius: 0.25rem; + padding: 0 0.5rem; + background-color: #333333; } /* Print-specific styles */ @media print { - .hide-on-print { - display: none; - } + .hide-on-print { + display: none; + } } .hidden { - display: none; -} \ No newline at end of file + display: none; +}