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

qr code to interactive website
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / Rebuild Signaller (push) Successful in 26s
Details

Browse source
This commit is contained in:
BOTAlex 2026-04-10 15:20:00 +02:00
parent 08cdb83277
commit bb13364df3
3 changed files with 76 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

46
package-lock.json generated
View file

@ -14,9 +14,11 @@
"lucide-svelte": "^0.475.0",
"marked": "^16.2.0",
"pocketbase": "^0.26.2",
"qrcodejs": "^1.0.0",
"svelte-i18n": "^4.0.1",
"svelte-katex": "^0.1.2",
"svelte-media-queries": "^1.6.2",
"svelte-qrcode": "^1.0.1",
"theme-change": "^2.5.0",
"zod": "^4.1.11"
},
@ -28,6 +30,7 @@
"@sveltejs/kit": "^2.20.4",
"@sveltejs/vite-plugin-svelte": "^3.0.0",
"@tailwindcss/typography": "^0.5.15",
"@types/qrcodejs": "^1.0.4",
"autoprefixer": "^10.4.20",
"daisyui": "^5.0.12",
"prettier": "^3.6.2",
@ -82,6 +85,7 @@
"resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz",
"integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
"dev": true,
"peer": true,
"dependencies": {
"@ampproject/remapping": "^2.2.0",
"@babel/code-frame": "^7.27.1",
@ -1517,6 +1521,7 @@
"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.22.2.tgz",
"integrity": "sha512-2MvEpSYabUrsJAoq5qCOBGAlkICjfjunrnLcx3YAk2XV7TvAIhomlKsAgR4H/4uns5rAfYmj7Wet5KRtc8dPIg==",
"dev": true,
"peer": true,
"dependencies": {
"@sveltejs/acorn-typescript": "^1.0.5",
"@types/cookie": "^0.6.0",
@ -1549,6 +1554,7 @@
"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-3.1.2.tgz",
"integrity": "sha512-Txsm1tJvtiYeLUVRNqxZGKR/mI+CzuIQuc2gn+YCs9rMTowpNZ2Nqt53JdL8KF9bLhAf2ruR/dr9eZCwdTriRA==",
"dev": true,
"peer": true,
"dependencies": {
"@sveltejs/vite-plugin-svelte-inspector": "^2.1.0",
"debug": "^4.3.4",
@ -1768,6 +1774,7 @@
"resolved": "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz",
"integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==",
"dev": true,
"peer": true,
"dependencies": {
"@babel/core": "^7.21.3",
"@svgr/babel-preset": "8.1.0",
@ -2101,10 +2108,18 @@
"integrity": "sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==",
"dev": true
},
"node_modules/@types/qrcodejs": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/@types/qrcodejs/-/qrcodejs-1.0.4.tgz",
"integrity": "sha512-beXPZlCp8TtY4zXl3gEx+vYJqrpcYZwKJ1faYd0zDrfZVj3vZGdTrRp2aAIXEkSTRSn549KGlS+8PvF+ZOaUBQ==",
"dev": true,
"license": "MIT"
},
"node_modules/acorn": {
"version": "8.15.0",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
"peer": true,
"bin": {
"acorn": "bin/acorn"
},
@ -2250,6 +2265,7 @@
"url": "https://github.com/sponsors/ai"
}
],
"peer": true,
"dependencies": {
"caniuse-lite": "^1.0.30001726",
"electron-to-chromium": "^1.5.173",
@ -3149,6 +3165,7 @@
"integrity": "sha512-FIyV/64EkKhJmjgC0g2hygpBv5RNWVPyNCqSAD7eTCv6eFWNIi4PN1UvdSJGicN/o35bnevgis4Y0UDC0qi8jQ==",
"dev": true,
"license": "MIT",
"peer": true,
"engines": {
"node": ">=14.0.0"
}
@ -3766,6 +3783,7 @@
"url": "https://github.com/sponsors/ai"
}
],
"peer": true,
"dependencies": {
"nanoid": "^3.3.11",
"picocolors": "^1.1.1",
@ -3800,6 +3818,7 @@
"integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
"dev": true,
"license": "MIT",
"peer": true,
"bin": {
"prettier": "bin/prettier.cjs"
},
@ -3821,6 +3840,17 @@
"svelte": "^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0"
}
},
"node_modules/qrcodejs": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/qrcodejs/-/qrcodejs-1.0.0.tgz",
"integrity": "sha512-67rj3mMBhSBepaD57qENnltO+r8rSYlqM7HGThks/BiyDAkc86sLvkKqjkqPS5v13f7tvnt6dbEf3qt7zq+BCg=="
},
"node_modules/qrious": {
"version": "4.0.2",
"resolved": "https://registry.npmjs.org/qrious/-/qrious-4.0.2.tgz",
"integrity": "sha512-xWPJIrK1zu5Ypn898fBp8RHkT/9ibquV2Kv24S/JY9VYEhMBMKur1gHVsOiNUh7PHP9uCgejjpZUHUIXXKoU/g==",
"license": "GPL-3.0"
},
"node_modules/readdirp": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
@ -3928,6 +3958,7 @@
"resolved": "https://registry.npmjs.org/sass/-/sass-1.89.2.tgz",
"integrity": "sha512-xCmtksBKd/jdJ9Bt9p7nPKiuqrlBMBuuGkQlkhZjjQk3Ty48lv93k5Dq6OPkKt4XwxDJ7tvlfrTa1MPA9bf+QA==",
"devOptional": true,
"peer": true,
"dependencies": {
"chokidar": "^4.0.0",
"immutable": "^5.0.2",
@ -4033,6 +4064,7 @@
"version": "5.35.2",
"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.35.2.tgz",
"integrity": "sha512-uW/rRXYrhZ7Dh4UQNZ0t+oVGL1dEM+95GavCO8afAk1IY2cPq9BcZv9C3um5aLIya2y8lIeLPxLII9ASGg9Dzw==",
"peer": true,
"dependencies": {
"@ampproject/remapping": "^2.3.0",
"@jridgewell/sourcemap-codec": "^1.5.0",
@ -4623,6 +4655,15 @@
}
}
},
"node_modules/svelte-qrcode": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/svelte-qrcode/-/svelte-qrcode-1.0.1.tgz",
"integrity": "sha512-l1RcxDWkQqtBWUkolYee/IHGVKSgm1I2PdF8yVoIRqzKCc3kXpCXSVsMfrMSavWW2/BXvKu5Orv+JGbrO5onsw==",
"license": "MIT",
"dependencies": {
"qrious": "^4.0.2"
}
},
"node_modules/svg-parser": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
@ -4632,7 +4673,8 @@
"node_modules/tailwindcss": {
"version": "4.1.11",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.11.tgz",
"integrity": "sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA=="
"integrity": "sha512-2E9TBm6MDD/xKYe+dvJZAmg3yxIEDNRc0jwlNyDg/4Fil2QcSLjFKGVff0lAf1jjeaArlG/M75Ey/EYr/OJtBA==",
"peer": true
},
"node_modules/tapable": {
"version": "2.2.2",
@ -4737,6 +4779,7 @@
"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
"integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
"dev": true,
"peer": true,
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
@ -4835,6 +4878,7 @@
"version": "5.4.19",
"resolved": "https://registry.npmjs.org/vite/-/vite-5.4.19.tgz",
"integrity": "sha512-qO3aKv3HoQC8QKiNSTuUM1l9o/XX3+c+VTgLHbJWHZGeTPVAg2XwazI9UWzoxjIJCGCV2zU60uqMzjeLZuULqA==",
"peer": true,
"dependencies": {
"esbuild": "^0.21.3",
"postcss": "^8.4.43",

9
package.json
View file

@ -11,11 +11,14 @@
"machine-translate": "inlang machine translate --project project.inlang"
},
"devDependencies": {
"@inlang/cli": "^3.0.0",
"@inlang/paraglide-js": "^2.9.1",
"@sveltejs/adapter-auto": "^3.0.0",
"@sveltejs/adapter-static": "^3.0.1",
"@sveltejs/kit": "^2.20.4",
"@sveltejs/vite-plugin-svelte": "^3.0.0",
"@tailwindcss/typography": "^0.5.15",
"@types/qrcodejs": "^1.0.4",
"autoprefixer": "^10.4.20",
"daisyui": "^5.0.12",
"prettier": "^3.6.2",
@ -27,9 +30,7 @@
"tailwindcss": "^4.1.3",
"typescript": "^5.0.0",
"vite": "^5.0.3",
"vite-plugin-svgr": "^4.2.0",
"@inlang/paraglide-js": "^2.9.1",
"@inlang/cli": "^3.0.0"
"vite-plugin-svgr": "^4.2.0"
},
"type": "module",
"dependencies": {
@ -39,9 +40,11 @@
"lucide-svelte": "^0.475.0",
"marked": "^16.2.0",
"pocketbase": "^0.26.2",
"qrcodejs": "^1.0.0",
"svelte-i18n": "^4.0.1",
"svelte-katex": "^0.1.2",
"svelte-media-queries": "^1.6.2",
"svelte-qrcode": "^1.0.1",
"theme-change": "^2.5.0",
"zod": "^4.1.11"
}

32
src/routes/cv/comps/HexagonSkills.svelte
View file

@ -1,4 +1,6 @@
<script lang="ts">
import QrCode from "svelte-qrcode";
const cols = 9;
const rows = 7;
@ -18,14 +20,14 @@
import { getSkills, Skill } from "@src/ts/misc/ZhenSkills";
import * as m from "$paraglide/messages";
import onMount from "@src/optimizers/onMount";
import { getLocale, setLocale, locales } from "$paraglide/runtime";
import re from "@ts/Redaction/Redactor";
import { redirect } from "@sveltejs/kit";
let cvLink = `/cv?locale=${getLocale() == "en" ? "dk" : "en"}&key=${$re?.key ?? "nah"}`;
let skills: Skill[] = [];
$: skills = getSkills(
`/cv?locale=${getLocale() == "en" ? "dk" : "en"}&key=${$re?.key ?? "nah"}`,
);
$: skills = getSkills(cvLink);
function getIndex(r: int, c: int): int {
return Math.floor(r / 2) * (2 * cols + 1) + (r % 2) * (cols + 1) + c;
@ -46,9 +48,9 @@
</div>
</div>
</div>
<div class="overflow-show">
<div class="relative overflow-show">
<div
class="relative"
class="relative pb-12"
style="padding-left: 13.5px; width: {cols * horizontalSpacing + offset}px"
>
{#each Array(rows) as _, r}
@ -120,8 +122,8 @@
</div>
<!-- <div class="absolute top-0 right-0"> -->
<!-- <div -->
<!-- class="w-0 text-[0.2cm] w-full pt-1" -->
<!-- style="transform: translate(0, 0%) rotate(30deg); " -->
<!-- class="w-0 text-[0.2cm] w-full pt-1" -->
<!-- > -->
<!-- {skills[x].alt} -->
<!-- </div> -->
@ -134,5 +136,21 @@
</div>
{/each}
</div>
<div class="absolute right-0 bottom-0 px-4">
<div class="w-full flex justify-end">
<div class="flex flex-col justify-center items-center">
<div>Interactive version</div>
<div class="w-[50px] h-[50px] overflow-hidden">
<QrCode
size={205}
padding={0}
value={"https://deprived.dev" + cvLink}
background={"#eeeeee"}
/>
</div>
</div>
</div>
</div>
</div>
</div>