Add Base setup

package.json

@@ -15,6 +15,7 @@
     "@skeletonlabs/skeleton": "2.10.2",
     "@skeletonlabs/tw-plugin": "0.4.0",
     "@sveltejs/adapter-auto": "^3.0.0",
+    "@sveltejs/enhanced-img": "^0.3.9",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
     "@tailwindcss/forms": "0.5.9",

pnpm-lock.yaml

@@ -24,6 +24,9 @@ importers:
       '@sveltejs/adapter-auto':
         specifier: ^3.0.0
         version: 3.2.5(@sveltejs/[email protected](@sveltejs/[email protected]([email protected])([email protected](@types/[email protected])))([email protected])([email protected](@types/[email protected])))
+      '@sveltejs/enhanced-img':
+        specifier: ^0.3.9
+        version: 0.3.9([email protected])([email protected])([email protected](@types/[email protected]))
       '@sveltejs/kit':
         specifier: ^2.0.0
         version: 2.7.0(@sveltejs/[email protected]([email protected])([email protected](@types/[email protected])))([email protected])([email protected](@types/[email protected]))
@@ -98,6 +101,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'}
@@ -295,6 +301,111 @@ packages:
     resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
     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'}
@@ -340,6 +451,15 @@ packages:
   '@polka/[email protected]':
     resolution: {integrity: sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==}
 
+  '@rollup/[email protected]':
+    resolution: {integrity: sha512-/FIdS3PyZ39bjZlwqFnWqCOVnW7o963LtKMwQOD0NhQqw22gSr2YY1afu3FxRip4ZCZNsD5jq6Aaz6QV3D/Njw==}
+    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-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==}
     cpu: [arm]
@@ -435,6 +555,12 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^2.0.0
 
+  '@sveltejs/[email protected]':
+    resolution: {integrity: sha512-hDhoIbkDAY08II/1DWeY2lGMY9nhETC96B2HTbxoI6EDqxLErBDKqnRN3QQRuMJATxPGVNhCKUkuARi4TCLtpQ==}
+    peerDependencies:
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: '>= 5.0.0'
+
   '@sveltejs/[email protected]':
     resolution: {integrity: sha512-4XyY1SCB/Eyz8E9G7SEBKViysYwVtDftuA7kyQ5bmuFNPWC1KZC4988rMvaJxhH2BbCTsbLPjNOZwiEGXt8/2g==}
     engines: {node: '>=18.13'}
@@ -673,6 +799,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-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==}
     engines: {node: '>=18'}
@@ -721,6 +854,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==}
 
@@ -837,6 +974,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-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
 
@@ -955,6 +1095,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'}
@@ -966,6 +1110,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'}
@@ -1362,6 +1509,10 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-lXLOiqpkUumhRdFF3k1osNXCy9akgx/dyPZ5p8qAg9seJzXr5ZrlqZuWIMuY6ejOsVLE6flJ5/h3lsn57fQ/PQ==}
 
+  [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'}
@@ -1374,6 +1525,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-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
     engines: {node: '>= 10'}
@@ -1443,6 +1597,11 @@ packages:
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0
 
+  [email protected]:
+    resolution: {integrity: sha512-T6mqZrySltPCDwfKXWQ6zehipVLk4GWfH1zCMGgRtLlOIFPuw58ZxVYxVvotMJgJaurKi1i14viB2GIRKXeJTQ==}
+    peerDependencies:
+      svelte: ^3.0.0 || ^4.0.0 || ^5.0.0-next.1
+
   [email protected]:
     resolution: {integrity: sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==}
     engines: {node: '>=16'}
@@ -1486,6 +1645,9 @@ packages:
   [email protected]:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
+  [email protected]:
+    resolution: {integrity: sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==}
+
   [email protected]:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -1519,6 +1681,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-fsTAzcSdFKrhLxX8zTq3zaTFjk+APmJWOAy+1ujsmxkh9y8hIvM81dWEgdXK1k7suQjns+b7JsoIUkHpxLf5UA==}
     peerDependencies:
@@ -1615,6 +1781,11 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
+  '@emnapi/[email protected]':
+    dependencies:
+      tslib: 2.7.0
+    optional: true
+
   '@esbuild/[email protected]':
     optional: true
 
@@ -1745,6 +1916,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
@@ -1792,6 +2038,14 @@ snapshots:
 
   '@polka/[email protected]': {}
 
+  '@rollup/[email protected]([email protected])':
+    dependencies:
+      '@types/estree': 1.0.6
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    optionalDependencies:
+      rollup: 4.24.0
+
   '@rollup/[email protected]':
     optional: true
 
@@ -1854,6 +2108,16 @@ snapshots:
       '@sveltejs/kit': 2.7.0(@sveltejs/[email protected]([email protected])([email protected](@types/[email protected])))([email protected])([email protected](@types/[email protected]))
       import-meta-resolve: 4.1.0
 
+  '@sveltejs/[email protected]([email protected])([email protected])([email protected](@types/[email protected]))':
+    dependencies:
+      magic-string: 0.30.12
+      svelte: 4.2.19
+      svelte-parse-markup: 0.1.5([email protected])
+      vite: 5.4.9(@types/[email protected])
+      vite-imagetools: 7.0.4([email protected])
+    transitivePeerDependencies:
+      - rollup
+
   '@sveltejs/[email protected](@sveltejs/[email protected]([email protected])([email protected](@types/[email protected])))([email protected])([email protected](@types/[email protected]))':
     dependencies:
       '@sveltejs/vite-plugin-svelte': 3.1.2([email protected])([email protected](@types/[email protected]))
@@ -2137,6 +2401,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]: {}
@@ -2168,6 +2442,8 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]: {}
+
   [email protected]: {}
 
   [email protected]: {}
@@ -2328,6 +2604,8 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]: {}
+
   [email protected]:
     dependencies:
       '@types/estree': 1.0.6
@@ -2437,6 +2715,8 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]: {}
+
   [email protected]:
     dependencies:
       parent-module: 1.0.1
@@ -2446,6 +2726,8 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]: {}
+
   [email protected]:
     dependencies:
       binary-extensions: 2.3.0
@@ -2790,6 +3072,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
@@ -2798,6 +3106,10 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]:
+    dependencies:
+      is-arrayish: 0.3.2
+
   [email protected]:
     dependencies:
       '@polka/url': 1.0.0-next.28
@@ -2879,6 +3191,10 @@ snapshots:
     dependencies:
       svelte: 4.2.19
 
+  [email protected]([email protected]):
+    dependencies:
+      svelte: 4.2.19
+
   [email protected]:
     dependencies:
       '@ampproject/remapping': 2.3.0
@@ -2959,6 +3275,9 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]:
+    optional: true
+
   [email protected]:
     dependencies:
       prelude-ls: 1.2.1
@@ -2990,6 +3309,14 @@ snapshots:
 
   [email protected]: {}
 
+  [email protected]([email protected]):
+    dependencies:
+      '@rollup/pluginutils': 5.1.2([email protected])
+      imagetools-core: 7.0.1
+      sharp: 0.33.5
+    transitivePeerDependencies:
+      - rollup
+
   [email protected]([email protected])([email protected](@types/[email protected])):
     dependencies:
       chalk: 5.3.0

src/app.html

@@ -1,12 +1,16 @@
 <!DOCTYPE html>
 <html lang="en" class="dark">
-	<head>
+
-		<meta charset="utf-8" />
+<head>
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+	<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
+	<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		%sveltekit.head%
+	<meta name="viewport" content="width=device-width" />
-	</head>
+	<title>Levyraati Revived</title>
-	<body data-sveltekit-preload-data="hover" data-theme="wintry">
+	%sveltekit.head%
-		<div style="display: contents">%sveltekit.body%</div>
+</head>
-	</body>
+
-</html>
+<body data-sveltekit-preload-data="hover" data-theme="wintry">
+	<div style="display: contents">%sveltekit.body%</div>
+</body>
+
+</html>

src/components/Footer.svelte

@@ -0,0 +1,4 @@
+<footer class="bg-zinc-800 text-white mt-20 py-20 text-center drop-shadow-2xl">
+	<p>&copy; 2024 Levyraati Revived.</p>
+	<p>Yhdessä musiikin parissa.</p>
+</footer>

src/components/Header.svelte

@@ -0,0 +1,21 @@
+<script>
+</script>
+
+<header class="bg-zinc-800 text-white mb-20 p-4 flex items-center justify-between shadow-2xl">
+	<div class="flex items-center">
+		<a href="/" class="flex items-center gap-4">
+			<enhanced:img src="/static/img/logo.webp?w=50" alt="Logo" class="rounded-md" />
+			<h1 class="text-white text-xl font-bold">Levyraati <span class="revived">Revived</span></h1>
+		</a>
+	</div>
+	<a href="/login">Kirjaudu</a>
+</header>
+
+<style>
+	@import url('https://fonts.cdnfonts.com/css/albero');
+
+	.revived {
+		@apply text-amber-700;
+		font-family: 'Albero', sans-serif;
+	}
+</style>

src/routes/+layout.svelte

@@ -5,6 +5,13 @@
 	import { computePosition, autoUpdate, flip, shift, offset, arrow } from '@floating-ui/dom';
 	import { storePopup } from '@skeletonlabs/skeleton';
 	storePopup.set({ computePosition, autoUpdate, flip, shift, offset, arrow });
+
+	import Header from '../components/Header.svelte';
+	import Footer from '../components/Footer.svelte';
 </script>
 
-<slot />
+<Header />
+<main class="container mx-auto">
+	<slot />
+</main>
+<Footer />

src/routes/+page.svelte

@@ -1,15 +1,132 @@
-<!-- YOU CAN DELETE EVERYTHING IN THIS PAGE -->
+<script>
+</script>
 
-<div class="container h-full mx-auto flex justify-center items-center">
+<section class="hero">
-	<div class="space-y-5">
+	<h1>Levyraati Revived</h1>
-		<h1 class="h1">Let's get cracking bones!</h1>
+	<p>Liity mukaan ja koe musiikki yhdessä ystävien kanssa.</p>
-		<p>Start by exploring:</p>
+	<a href="/login" class="cta-button">Kirjaudu sisään</a>
-		<ul>
+</section>
-			<li><code class="code">/src/routes/+layout.svelte</code> - barebones layout</li>
+
-			<li><code class="code">/src/app.postcss</code> - app wide css</li>
+<section class="features bg-zinc-200 rounded-lg">
-			<li>
+	<h2>Miksi Levyraati Revived?</h2>
-				<code class="code">/src/routes/+page.svelte</code> - this page, you can replace the contents
+	<div class="feature-item">
-			</li>
+		<h3>Yhteisöllisyys</h3>
-		</ul>
+		<p>Luomme alustan, jossa ystäväporukat voivat yhdessäkuunnella ja arvioida musiikkia.</p>
 	</div>
-</div>
+	<div class="feature-item">
+		<h3>Helppo käyttää</h3>
+		<p>Lähetä kappaleita YouTube-linkkien avulla tai lataamalla tiedostoja suoraan sivustolle.</p>
+	</div>
+	<div class="feature-item">
+		<h3>Reilu kilpailu</h3>
+		<p>Jokainen kappale arvioidaan anonyymisti, jotta vain musiikki itsessään on keskipisteenä.</p>
+	</div>
+	<div class="feature-item">
+		<h3>Automatisoitu Pisteytys</h3>
+		<p>
+			Sovellus laskee pisteet ja julistaa voittajan. Voit keskittyä vain musiikkiin ja
+			hauskanpitoon!
+		</p>
+	</div>
+</section>
+
+<section class="testimonials text-zinc-700">
+	<h2>Osallistujien Kokemuksia</h2>
+	<div class="testimonial">
+		<p>
+			"Levyraati Revived toi meidät taas yhteen kuuntelemaan ja nauttimaan musiikista. Suosittelen!"
+		</p>
+		<p><strong>- Kalle</strong></p>
+	</div>
+	<div class="testimonial">
+		<p>"Tämä on loistava tapa tutustua uusiin kappaleisiin ja pitää yhteyttä kavereihin."</p>
+		<p><strong>- Saara</strong></p>
+	</div>
+	<div class="testimonial">
+		<p>
+			"Levyraati Revived avulla olen löytänyt elämän tarkoitukseni: kilpailu musiikista! En ole
+			koskaan ollut niin intohimoinen arvioimaan biisejä, vaikka ainoa musiikkimaku, jonka tunnen,
+			on Spotify-sattuma."
+		</p>
+		<p><strong>- Masa</strong></p>
+	</div>
+	<div class="testimonial">
+		<p>
+			"Levyraati Revived: Parasta, mitä on tapahtunut ystävyyssuhteilleni sitten sen jälkeen, kun
+			päätimme olla enää kuuntelematta toistemme soittolistoja. Kiitos, että saimme olla henkisesti
+			väsyneitä yhdessä!"
+		</p>
+		<p><strong>- Jussi</strong></p>
+	</div>
+</section>
+
+<style>
+	:global(body) {
+		margin: 0;
+		padding: 0;
+		font-family: Arial, sans-serif;
+		color: #333;
+		background-color: #f7f7f7;
+	}
+	.hero {
+		background: linear-gradient(to right, #ff4b4b, #ff7f50);
+		color: #fff;
+		padding: 60px 20px;
+		text-align: center;
+	}
+	.hero h1 {
+		font-size: 3em;
+		margin: 0;
+	}
+	.hero p {
+		font-size: 1.2em;
+		margin: 10px 0 20px;
+	}
+	.cta-button {
+		background-color: #fff;
+		color: #ff4b4b;
+		padding: 15px 30px;
+		text-decoration: none;
+		border-radius: 5px;
+		font-size: 1.1em;
+		margin-top: 20px;
+		display: inline-block;
+	}
+	.cta-button:hover {
+		background-color: #ffdfdf;
+	}
+	.features,
+	.testimonials {
+		max-width: 800px;
+		margin: 40px auto;
+		padding: 20px;
+	}
+	.features h2,
+	.testimonials h2 {
+		color: #ff4b4b;
+		font-size: 2em;
+		margin-bottom: 20px;
+		text-align: center;
+	}
+	.feature-item {
+		text-align: center;
+		margin: 20px 0;
+	}
+	.feature-item h3 {
+		font-size: 1.5em;
+		color: #333;
+	}
+	.feature-item p {
+		font-size: 1em;
+		color: #666;
+	}
+	.testimonials .testimonial {
+		background-color: #fefefe;
+		padding: 15px;
+		border: 1px solid #ddd;
+		border-radius: 5px;
+		margin: 20px 0;
+		font-style: italic;
+		text-align: center;
+	}
+</style>

src/routes/login/+page.svelte

@@ -0,0 +1,14 @@
+<div
+	class="flex flex-col gap-10 justify-center items-center bg-zinc-700 mx-auto max-w-sm p-10 rounded-3xl shadow-2xl variant-glass"
+>
+	<h1 class="h2">Kirjaudu</h1>
+	<div class="w-full flex flex-col gap-4">
+		<label for="username" class="label">Käyttäjätunnus</label>
+		<input class="input" type="text" id="username" placeholder="Käyttäjätunnus" />
+	</div>
+	<div class="w-full flex flex-col gap-4">
+		<label for="password">Salasana</label>
+		<input class="input" type="password" id="password" placeholder="Salasana" />
+	</div>
+	<button type="button" class="btn variant-filled-surface">Kirjaudu</button>
+</div>

src/routes/members/+page.svelte

@@ -0,0 +1 @@
+<div></div>

vite.config.ts

@@ -2,6 +2,9 @@ import { purgeCss } from 'vite-plugin-tailwind-purgecss';
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 
+import {enhancedImages} from '@sveltejs/enhanced-img'
+
 export default defineConfig({
-	plugins: [sveltekit(), purgeCss()]
+	plugins: [sveltekit(), purgeCss(),enhancedImages(),
+	]
 });