Kessinen/PaskaJoululeffa2024-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Base site

Browse Source
This commit is contained in:
Esa Kataja
2024-11-14 15:59:17 +02:00
parent d1d1dd13d1
commit af15269a37
18 changed files with 632 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1
View File
@@ -13,6 +13,7 @@
},
"devDependencies": {
"@sveltejs/adapter-auto": "^3.0.0",
"@sveltejs/enhanced-img": "^0.4.1",
"@sveltejs/kit": "^2.0.0",
"@sveltejs/vite-plugin-svelte": "^4.0.0",
"@tailwindcss/aspect-ratio": "^0.4.2",
pnpm-lock.yaml
Generated
+340 -4
View File
@@ -11,6 +11,9 @@ importers:
'@sveltejs/adapter-auto':
specifier: ^3.0.0
version: 3.3.1(@sveltejs/[email protected](@sveltejs/[email protected]([email protected])([email protected]))([email protected])([email protected]))
'@sveltejs/enhanced-img':
specifier: ^0.4.1
version: 0.4.1([email protected])([email protected])([email protected])
'@sveltejs/kit':
specifier: ^2.0.0
version: 2.8.1(@sveltejs/[email protected]([email protected])([email protected]))([email protected])([email protected])
@@ -61,7 +64,7 @@ importers:
version: 5.1.16
svelte-check:
specifier: ^4.0.0
version: 4.0.7([email protected])([email protected])
version: 4.0.7([email protected])([email protected])([email protected])
tailwindcss:
specifier: ^3.4.9
version: 3.4.14
@@ -85,6 +88,9 @@ packages:
resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
engines: {node: '>=6.0.0'}
'@emnapi/[email protected]':
resolution: {integrity: sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==}
'@esbuild/[email protected]':
resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
engines: {node: '>=12'}
@@ -277,6 +283,111 @@ packages:
resolution: {integrity: sha512-c7hNEllBlenFTHBky65mhq8WD2kbN9Q6gk0bTk8lSBvc554jpXSkST1iePudpt7+A/AQvuHs9EMqjHDXMY1lrA==}
engines: {node: '>=18.18'}
'@img/[email protected]':
resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
cpu: [arm64]
os: [darwin]
'@img/[email protected]':
resolution: {integrity: sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
cpu: [x64]
os: [darwin]
'@img/[email protected]':
resolution: {integrity: sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==}
cpu: [arm64]
os: [darwin]
'@img/[email protected]':
resolution: {integrity: sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==}
cpu: [x64]
os: [darwin]
'@img/[email protected]':
resolution: {integrity: sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==}
cpu: [arm64]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==}
cpu: [arm]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==}
cpu: [s390x]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==}
cpu: [x64]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==}
cpu: [arm64]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==}
cpu: [x64]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
cpu: [arm64]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
cpu: [arm]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
cpu: [s390x]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
cpu: [x64]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
cpu: [arm64]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
cpu: [x64]
os: [linux]
'@img/[email protected]':
resolution: {integrity: sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
cpu: [wasm32]
'@img/[email protected]':
resolution: {integrity: sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
cpu: [ia32]
os: [win32]
'@img/[email protected]':
resolution: {integrity: sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
cpu: [x64]
os: [win32]
'@isaacs/[email protected]':
resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
engines: {node: '>=12'}
@@ -318,6 +429,15 @@ packages:
'@polka/[email protected]':
resolution: {integrity: sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==}
'@rollup/[email protected]':
resolution: {integrity: sha512-Pnsb6f32CD2W3uCaLZIzDmeFyQ2b8UWMFI7xtwUezpcGBDVDW6y9XgAWIlARiGAo6eNF5FK5aQTr0LFyNyqq5A==}
engines: {node: '>=14.0.0'}
peerDependencies:
rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
peerDependenciesMeta:
rollup:
optional: true
'@rollup/[email protected]':
resolution: {integrity: sha512-gJNwtPDGEaOEgejbaseY6xMFu+CPltsc8/T+diUTTbOQLqD+bnrJq9ulH6WD69TqwqWmrfRAtUv30cCFZlbGTQ==}
cpu: [arm]
@@ -413,6 +533,12 @@ packages:
peerDependencies:
'@sveltejs/kit': ^2.0.0
'@sveltejs/[email protected]':
resolution: {integrity: sha512-Z0xwQWM7tfdlNYuaFsAsbjEosEZb961yP7hlvZBLlh3+Rv4tI3BboD6bUkmInj+cC66p/5rybgvEtxX5LILSuw==}
peerDependencies:
svelte: ^5.0.0
vite: '>= 5.0.0'
'@sveltejs/[email protected]':
resolution: {integrity: sha512-uuOfFwZ4xvnfPsiTB6a4H1ljjTUksGhWnYq5X/Y9z4x5+3uM2Md8q/YVeHL+7w+mygAwoEFdgKZ8YkUuk+VKww==}
engines: {node: '>=18.13'}
@@ -640,6 +766,13 @@ packages:
[email protected]:
resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
[email protected]:
resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
[email protected]:
resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
engines: {node: '>=12.5.0'}
[email protected]:
resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
engines: {node: '>= 6'}
@@ -676,6 +809,10 @@ packages:
resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
engines: {node: '>=0.10.0'}
[email protected]:
resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
engines: {node: '>=8'}
[email protected]:
resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
@@ -784,6 +921,9 @@ packages:
resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
engines: {node: '>=4.0'}
[email protected]:
resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
[email protected]:
resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
engines: {node: '>=0.10.0'}
@@ -887,6 +1027,10 @@ packages:
resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
engines: {node: '>= 4'}
[email protected]:
resolution: {integrity: sha512-XDUx3Ac1VrZ4XF5eAJNYdHbFXRPNyebHFrwJsZ4WHb7X2MitOVW23cFphSDByT3MH5rdWdxKr4edSW2agChvDg==}
engines: {node: '>=18.0.0'}
[email protected]:
resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
engines: {node: '>=6'}
@@ -898,6 +1042,9 @@ packages:
resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
engines: {node: '>=0.8.19'}
[email protected]:
resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
[email protected]:
resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
engines: {node: '>=8'}
@@ -1100,6 +1247,10 @@ packages:
resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
engines: {node: '>=8.6'}
[email protected]:
resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
engines: {node: '>=12'}
[email protected]:
resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
engines: {node: '>=0.10.0'}
@@ -1297,6 +1448,10 @@ packages:
[email protected]:
resolution: {integrity: sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==}
[email protected]:
resolution: {integrity: sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==}
engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
[email protected]:
resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
engines: {node: '>=8'}
@@ -1309,6 +1464,9 @@ packages:
resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
engines: {node: '>=14'}
[email protected]:
resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
[email protected]:
resolution: {integrity: sha512-BPwJGUeDaDCHihkORDchNyyTvWFhcusy1XMmhEVTQTwGeybFbp8YEmB+njbPnth1FibULBSBVwCQni25XlCUDg==}
engines: {node: '>=18'}
@@ -1367,6 +1525,11 @@ packages:
svelte:
optional: true
[email protected]:
resolution: {integrity: sha512-T6mqZrySltPCDwfKXWQ6zehipVLk4GWfH1zCMGgRtLlOIFPuw58ZxVYxVvotMJgJaurKi1i14viB2GIRKXeJTQ==}
peerDependencies:
svelte: ^3.0.0 || ^4.0.0 || ^5.0.0-next.1
[email protected]:
resolution: {integrity: sha512-QcY+om9r8+uTcSfeFuv8++ExdfwVCKeT+Y7GPSZ6rQPczvy62BMtvMoi0rScabgv+upGE5jxKjd7M4u23+AjGA==}
engines: {node: '>=18'}
@@ -1406,6 +1569,9 @@ packages:
[email protected]:
resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
[email protected]:
resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
[email protected]:
resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
engines: {node: '>= 0.8.0'}
@@ -1436,6 +1602,10 @@ packages:
[email protected]:
resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
[email protected]:
resolution: {integrity: sha512-C9C7b2p/8/TCN2g26tE9haoer2i8K4x0v2RXUiHsIjiz221vQuKItCQ+VyiVCsUMPXfJC/tlZsmCZVBz5jh7uA==}
engines: {node: '>=18.0.0'}
[email protected]:
resolution: {integrity: sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==}
engines: {node: ^18.0.0 || >=20.0.0}
@@ -1517,6 +1687,11 @@ snapshots:
'@jridgewell/gen-mapping': 0.3.5
'@jridgewell/trace-mapping': 0.3.25
'@emnapi/[email protected]':
dependencies:
tslib: 2.8.1
optional: true
'@esbuild/[email protected]':
optional: true
@@ -1638,6 +1813,81 @@ snapshots:
'@humanwhocodes/[email protected]': {}
'@img/[email protected]':
optionalDependencies:
'@img/sharp-libvips-darwin-arm64': 1.0.4
optional: true
'@img/[email protected]':
optionalDependencies:
'@img/sharp-libvips-darwin-x64': 1.0.4
optional: true
'@img/[email protected]':
optional: true
'@img/[email protected]':
optional: true
'@img/[email protected]':
optional: true
'@img/[email protected]':
optional: true
'@img/[email protected]':
optional: true
'@img/[email protected]':
optional: true
'@img/[email protected]':
optional: true
'@img/[email protected]':
optional: true
'@img/[email protected]':
optionalDependencies:
'@img/sharp-libvips-linux-arm64': 1.0.4
optional: true
'@img/[email protected]':
optionalDependencies:
'@img/sharp-libvips-linux-arm': 1.0.5
optional: true
'@img/[email protected]':
optionalDependencies:
'@img/sharp-libvips-linux-s390x': 1.0.4
optional: true
'@img/[email protected]':
optionalDependencies:
'@img/sharp-libvips-linux-x64': 1.0.4
optional: true
'@img/[email protected]':
optionalDependencies:
'@img/sharp-libvips-linuxmusl-arm64': 1.0.4
optional: true
'@img/[email protected]':
optionalDependencies:
'@img/sharp-libvips-linuxmusl-x64': 1.0.4
optional: true
'@img/[email protected]':
dependencies:
'@emnapi/runtime': 1.3.1
optional: true
'@img/[email protected]':
optional: true
'@img/[email protected]':
optional: true
'@isaacs/[email protected]':
dependencies:
string-width: 5.1.2
@@ -1681,6 +1931,14 @@ snapshots:
'@polka/[email protected]': {}
'@rollup/[email protected]([email protected])':
dependencies:
'@types/estree': 1.0.6
estree-walker: 2.0.2
picomatch: 4.0.2
optionalDependencies:
rollup: 4.26.0
'@rollup/[email protected]':
optional: true
@@ -1740,6 +1998,17 @@ snapshots:
'@sveltejs/kit': 2.8.1(@sveltejs/[email protected]([email protected])([email protected]))([email protected])([email protected])
import-meta-resolve: 4.1.0
'@sveltejs/[email protected]([email protected])([email protected])([email protected])':
dependencies:
magic-string: 0.30.12
svelte: 5.1.16
svelte-parse-markup: 0.1.5([email protected])
vite: 5.4.11
vite-imagetools: 7.0.4([email protected])
zimmerframe: 1.1.2
transitivePeerDependencies:
- rollup
'@sveltejs/[email protected](@sveltejs/[email protected]([email protected])([email protected]))([email protected])([email protected])':
dependencies:
'@sveltejs/vite-plugin-svelte': 4.0.0([email protected])([email protected])
@@ -2002,6 +2271,16 @@ snapshots:
[email protected]: {}
[email protected]:
dependencies:
color-name: 1.1.4
simple-swizzle: 0.2.2
[email protected]:
dependencies:
color-convert: 2.0.1
color-string: 1.9.1
[email protected]: {}
[email protected]: {}
@@ -2024,6 +2303,8 @@ snapshots:
[email protected]: {}
[email protected]: {}
[email protected]: {}
[email protected]: {}
@@ -2181,6 +2462,8 @@ snapshots:
[email protected]: {}
[email protected]: {}
[email protected]: {}
[email protected]: {}
@@ -2201,7 +2484,9 @@ snapshots:
dependencies:
reusify: 1.0.4
[email protected]: {}
[email protected]([email protected]):
optionalDependencies:
picomatch: 4.0.2
[email protected]:
dependencies:
@@ -2270,6 +2555,8 @@ snapshots:
[email protected]: {}
[email protected]: {}
[email protected]:
dependencies:
parent-module: 1.0.1
@@ -2279,6 +2566,8 @@ snapshots:
[email protected]: {}
[email protected]: {}
[email protected]:
dependencies:
binary-extensions: 2.3.0
@@ -2441,6 +2730,8 @@ snapshots:
[email protected]: {}
[email protected]: {}
[email protected]: {}
[email protected]: {}
@@ -2577,6 +2868,32 @@ snapshots:
[email protected]: {}
[email protected]:
dependencies:
color: 4.2.3
detect-libc: 2.0.3
semver: 7.6.3
optionalDependencies:
'@img/sharp-darwin-arm64': 0.33.5
'@img/sharp-darwin-x64': 0.33.5
'@img/sharp-libvips-darwin-arm64': 1.0.4
'@img/sharp-libvips-darwin-x64': 1.0.4
'@img/sharp-libvips-linux-arm': 1.0.5
'@img/sharp-libvips-linux-arm64': 1.0.4
'@img/sharp-libvips-linux-s390x': 1.0.4
'@img/sharp-libvips-linux-x64': 1.0.4
'@img/sharp-libvips-linuxmusl-arm64': 1.0.4
'@img/sharp-libvips-linuxmusl-x64': 1.0.4
'@img/sharp-linux-arm': 0.33.5
'@img/sharp-linux-arm64': 0.33.5
'@img/sharp-linux-s390x': 0.33.5
'@img/sharp-linux-x64': 0.33.5
'@img/sharp-linuxmusl-arm64': 0.33.5
'@img/sharp-linuxmusl-x64': 0.33.5
'@img/sharp-wasm32': 0.33.5
'@img/sharp-win32-ia32': 0.33.5
'@img/sharp-win32-x64': 0.33.5
[email protected]:
dependencies:
shebang-regex: 3.0.0
@@ -2585,6 +2902,10 @@ snapshots:
[email protected]: {}
[email protected]:
dependencies:
is-arrayish: 0.3.2
[email protected]:
dependencies:
'@polka/url': 1.0.0-next.28
@@ -2631,11 +2952,11 @@ snapshots:
[email protected]: {}
[email protected]([email protected])([email protected]):
[email protected]([email protected])([email protected])([email protected]):
dependencies:
'@jridgewell/trace-mapping': 0.3.25
chokidar: 4.0.1
fdir: 6.4.2
fdir: 6.4.2([email protected])
picocolors: 1.1.1
sade: 1.8.1
svelte: 5.1.16
@@ -2653,6 +2974,10 @@ snapshots:
optionalDependencies:
svelte: 5.1.16
[email protected]([email protected]):
dependencies:
svelte: 5.1.16
[email protected]:
dependencies:
'@ampproject/remapping': 2.3.0
@@ -2723,6 +3048,9 @@ snapshots:
[email protected]: {}
[email protected]:
optional: true
[email protected]:
dependencies:
prelude-ls: 1.2.1
@@ -2752,6 +3080,14 @@ snapshots:
[email protected]: {}
[email protected]([email protected]):
dependencies:
'@rollup/pluginutils': 5.1.3([email protected])
imagetools-core: 7.0.1
sharp: 0.33.5
transitivePeerDependencies:
- rollup
[email protected]:
dependencies:
esbuild: 0.21.5
src/app.css
+36
View File
@@ -1,3 +1,39 @@
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import url('https://fonts.cdnfonts.com/css/chewy');
@import url('https://fonts.cdnfonts.com/css/raleway-5');
@import url('https://fonts.cdnfonts.com/css/nunito');
@import url('https://fonts.cdnfonts.com/css/mountains-of-christmas');
body {
@apply bg-primary-FestiveRed text-primary-SnowyWhite;
}
* {
font-family: 'raleway', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'mountains of christmas', cursive;
}
.input-text {
@apply border-2 rounded-md p-2 bg-primary-FestiveRed border-primary-SantaSuitBlack-light;
}
.button {
@apply border-2 rounded-md p-2;
}
.button-primary {
@apply border-primary-GoldTinsel bg-primary-GoldTinsel-dark text-primary-SantaSuitBlack font-bold mx-auto px-6 hover:bg-primary-GoldTinsel-light
}
.movie-poster {
@apply rounded-md mx-2 w-[60rem]
/* aspect-ratio: auto; */
/* width: 100%; */
}
src/app.html
+14 -10
View File
@@ -1,12 +1,16 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
<link rel="icon" href="%sveltekit.assets%/favicon-192x192.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>
src/lib/components/Card.svelte
+34
View File
@@ -0,0 +1,34 @@
<script lang="ts">
let { id, title, description, points }: Cliche = $props();
type Cliche = {
id: number;
title: string;
description: string;
points: number;
};
</script>
<div class="card">
<div class="relative">
<input class="left-0 top-0" type="checkbox" name="" id="card-{id}" />
<input type="checkbox" class="peer hidden" name="cardDetails-{id}" id="cardDetails-{id}" />
<label for="cardDetails-{id}">{title}</label>
<!-- <button class="text-center text-xl font-semibold">{title}</button> -->
<div class="hidden flex-col gap-4 peer-checked:flex">
<!-- <img src="https://placehold.co/150x200" class="mx-auto" alt="Descriptive" /> -->
<p>{description}</p>
<p>Points: {points}</p>
</div>
</div>
</div>
<style lang="postcss">
.card {
@apply mx-auto my-6 flex max-w-sm flex-col gap-4 rounded-xl border-2 border-primary-FestiveRed-dark p-6 text-center;
}
.card input {
@apply absolute left-0 top-0 m-0 appearance-none rounded-lg p-0 accent-black;
}
</style>
src/lib/components/CardList.svelte
+73
View File
@@ -0,0 +1,73 @@
<script lang="ts">
import Card from './Card.svelte';
type Cliche = {
id: number;
title: string;
description: string;
points: number;
};
const cards: Cliche[] = [
{
id: 1,
title: 'Punainen villakangastakki',
description: 'Päähenkilöllä on aina kirkkaanpunainen, täydellisesti istuva talvitakki.',
points: 1
},
{
id: 2,
title: 'Keskeytetty suudelma',
description: 'Juuri, kun romanttinen hetki on käsillä, jokin keskeyttää ensisuudelman.',
points: 1
},
{
id: 3,
title: 'Miespääosa yh',
description:
'Miespäähenkilö on yksinhuoltaja, joka tasapainoilee uran ja lapsenhoidon välillä.',
points: 2
},
{
id: 4,
title: 'Leskimies',
description: 'Päähenkilö on menettänyt puolisonsa ja yrittää nyt toipua elämässään.',
points: 2
},
{
id: 5,
title: 'Jouluoksennus',
description:
'Koti, työpaikka tai jokin muu koristeltu liioitellusti jouluteemalla, ilman mitään hillittyä tyylitajua.',
points: 1
},
{
id: 6,
title: 'Evergreen',
description:
"Tarinan kylä tai kaupunki on idyllinen paikka, nimeltään jotain jouluista, kuten 'Evergreen' tai 'Snowville'.",
points: 3
},
{
id: 7,
title: 'Yritys pulassa',
description: 'Päähenkilön yritys on konkurssin partaalla tai vaarassa tulla ostetuksi.',
points: 2
},
{
id: 8,
title: 'Naispääosa pitkä blondi',
description: 'Naispääosalla pitkät blondit hiukset.',
points: 1
}
];
let selected_cliches: Cliche[] = [];
</script>
<form action="">
{#each cards as card}
<Card id={card.id} title={card.title} description={card.description} points={card.points} />
{/each}
<button class="button button-primary mx-auto">Valitse kortit</button>
</form>
<div></div>
src/lib/components/Footer.svelte
+3
View File
@@ -0,0 +1,3 @@
<footer class="footer bg-primary-FestiveRed-dark text-primarySnowyWhite-dark mt-4 p-6 text-center">
<p>Paska Joululeffa 2024&copy; Kessinen</p>
</footer>
src/lib/components/Header.svelte
+21
View File
@@ -0,0 +1,21 @@
<script>
</script>
<header
class="header bg-primary-FestiveRed-dark mb-10 flex w-full items-center justify-between p-6 drop-shadow-lg"
>
<a href="/" aria-label="Paska joululeffa 2024"
><enhanced:img
class="rounded-lg"
src="../../../static/favicon-192x192.png?w=50"
alt="Paska joululeffa 2024"
/></a
>
<a href="/" aria-label="Shitty Christmas Movie"
><h1 class="text-primarySnowyWhite-dark text-2xl font-extrabold">Paska Joululeffa 2024</h1>
</a>
<span>
<a href="/login">Sisään</a>
<!-- <button>Ulos</button> -->
</span>
</header>
src/lib/components/Login.svelte
+25
View File
@@ -0,0 +1,25 @@
<script lang="ts">
import { enhance } from '$app/forms';
const backend = import.meta.env.VITE_API_URL;
</script>
<div
class="black border-primary-FestiveRed-dark bg-primary-FestiveRed-dark mx-auto flex max-w-sm flex-col gap-8 rounded-xl border-2 p-6 text-center drop-shadow-lg backdrop-blur-md"
>
<h1 class="text-2xl">Kirjaudu sisään</h1>
<form method="POST" action="?/login" class="flex flex-col gap-6" use:enhance>
<label for="username">Käyttäjä</label>
<input type="text" name="username" id="username" class="input-text" required minlength="3" />
<label for="password">Salasana</label>
<input
type="password"
name="password"
id="password"
class="input-text"
required
minlength="5"
/>
<hr class="my-4 border-0" />
<button type="submit" class="button button-primary">Sisään</button>
</form>
</div>
src/lib/components/MovieDetails.svelte
+30
View File
@@ -0,0 +1,30 @@
<div>
<h2 class="mb-4 text-center text-xl font-semibold">Maple Valley Christmas</h2>
<div class="mx-auto flex gap-2 px-3">
<div class="movie-poster">
<img
class="rounded-2xl"
src="https://m.media-amazon.com/images/M/MV5BZjliMTRlMGItOGQzZC00NTI2LWJkODctZWZmMDIzOGRmYTQ3XkEyXkFqcGc@._V1_.jpg"
alt="Poster"
/>
</div>
<div>
<div class="grid grid-cols-2">
<p class="font-semibold">Vuosi:</p>
<p>2022</p>
<p class="font-semibold">Näyttelijät:</p>
<p>Peyton List, Andrew W. Walker, Frances Flanagan</p>
</div>
<div class="mt-2">
<p class="font-semibold">Juoni:</p>
<div>
<p>
Erica on karjatilan omistaja, joka on viettänyt koko elämänsä työskennellen perheensä
tilalla äitinsä ja siskonsa kanssa. Kun Aaron saapuu ja sotkee hänen suunnitelmansa,
Erica alkaa pohtia, mitä hän oikeastaan haluaa elämältään.
</p>
</div>
</div>
</div>
</div>
</div>
src/routes/+layout.svelte
+13 -1
View File
@@ -1,6 +1,18 @@
<script lang="ts">
import '../app.css';
import Header from '$lib/components/Header.svelte';
import Footer from '$lib/components/Footer.svelte';
let { children } = $props();
</script>
{@render children()}
<svelte:head>
<title>Paska joululeffa 2024</title>
</svelte:head>
<div class="flex min-h-[100dvh] flex-col">
<Header />
<main class="container mx-auto max-w-4xl flex-grow overflow-hidden">
{@render children()}
</main>
<Footer />
</div>
src/routes/+page.svelte
-2
View File
@@ -1,2 +0,0 @@
<h1>Welcome to SvelteKit</h1>
<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
src/routes/login/+page.svelte
+5
View File
@@ -0,0 +1,5 @@
<script>
import Login from '$lib/components/Login.svelte';
</script>
<Login />
static/favicon-192x192.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

static/favicon.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

static/favicon.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

tailwind.config.ts
+33 -1
View File
@@ -8,7 +8,39 @@ export default {
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
extend: {}
extend: {
colors: { "primary-FestiveRed": {
light: '#F28B82', // Lightened version of #D32F2F
DEFAULT: '#D32F2F', // Original color
dark: '#B71C1C', // Darkened version of #D32F2F
},
"primary-JollyGreen": {
light: '#66BB6A', // Lightened version of #388E3C
DEFAULT: '#388E3C', // Original color
dark: '#2E7D32', // Darkened version of #388E3C
},
"primary-SnowyWhite": {
light: '#FFFFFF', // Pure white for even lighter version
DEFAULT: '#F7F7F7', // Original color
dark: '#E0E0E0', // Slightly darker version of #F7F7F7
},
"primary-GoldTinsel": {
light: '#FFE082', // Lightened version of #FFC107
DEFAULT: '#FFC107', // Original color
dark: '#FFB300', // Darkened version of #FFC107
},
"primary-SantaSuitBlack": {
light: '#4F4F4F', // Lightened version of #2C2C2C
DEFAULT: '#2C2C2C', // Original color
dark: '#1C1C1C', // Darkened version of #2C2C2C
},
"primary-CheesySweaterBlue": {
light: '#7986CB', // Lightened version of #3F51B5
DEFAULT: '#3F51B5', // Original color
dark: '#303F9F', // Darkened version of #3F51B5
},
}
}
},
plugins: [typography, forms, containerQueries, aspectRatio]
vite.config.ts
+4 -1
View File
@@ -1,6 +1,9 @@
import { sveltekit } from '@sveltejs/kit/vite';
import { enhancedImages } from '@sveltejs/enhanced-img';
import { defineConfig } from 'vite';
export default defineConfig({
plugins: [sveltekit()]
plugins: [
enhancedImages(),
sveltekit()]
});