From bccb882a99854776d93a6b78317853ef1bfffecf Mon Sep 17 00:00:00 2001 From: M3DZIK Date: Sun, 17 Mar 2024 23:16:37 +0100 Subject: [PATCH] Refactor design and change photo --- package-lock.json | 16 +++++++ package.json | 1 + src/app.html | 2 +- src/assets/photo.jpg | Bin 0 -> 20686 bytes src/lib/Signal.svelte | 4 +- src/routes/+layout.ts | 2 +- src/routes/+page.svelte | 31 ++++++------ tailwind.config.ts | 4 +- theme.ts | 101 ++++++++++++++++++++++++++++++++++++++++ 9 files changed, 143 insertions(+), 18 deletions(-) create mode 100644 src/assets/photo.jpg create mode 100644 theme.ts diff --git a/package-lock.json b/package-lock.json index 637b807..612b506 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "@sveltejs/adapter-cloudflare": "^4.1.0", "@sveltejs/kit": "^2.5.3", "@sveltejs/vite-plugin-svelte": "^3.0.2", + "@types/node": "^20.11.28", "@typescript-eslint/eslint-plugin": "^7.1.1", "@typescript-eslint/parser": "^7.1.1", "autoprefixer": "^10.4.18", @@ -1047,6 +1048,15 @@ "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", "dev": true }, + "node_modules/@types/node": { + "version": "20.11.28", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.28.tgz", + "integrity": "sha512-M/GPWVS2wLkSkNHVeLkrF2fD5Lx5UC4PxA0uZcKc6QqbIQUJyW1jVjueJYi1z8n0I5PxYrtpnPnWglE+y9A0KA==", + "dev": true, + "dependencies": { + "undici-types": "~5.26.4" + } + }, "node_modules/@types/pug": { "version": "2.0.10", "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.10.tgz", @@ -4125,6 +4135,12 @@ "node": ">=14.17" } }, + "node_modules/undici-types": { + "version": "5.26.5", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", + "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==", + "dev": true + }, "node_modules/update-browserslist-db": { "version": "1.0.13", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", diff --git a/package.json b/package.json index 07b161b..60daf13 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "@sveltejs/adapter-cloudflare": "^4.1.0", "@sveltejs/kit": "^2.5.3", "@sveltejs/vite-plugin-svelte": "^3.0.2", + "@types/node": "^20.11.28", "@typescript-eslint/eslint-plugin": "^7.1.1", "@typescript-eslint/parser": "^7.1.1", "autoprefixer": "^10.4.18", diff --git a/src/app.html b/src/app.html index 26f9d69..b44dc64 100644 --- a/src/app.html +++ b/src/app.html @@ -6,7 +6,7 @@ %sveltekit.head% - +
%sveltekit.body%
diff --git a/src/assets/photo.jpg b/src/assets/photo.jpg new file mode 100644 index 0000000000000000000000000000000000000000..8fc56a4bccb7328d080071e5cd10c6b303a4a337 GIT binary patch literal 20686 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 - + diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts index 176ae64..189f71e 100644 --- a/src/routes/+layout.ts +++ b/src/routes/+layout.ts @@ -1 +1 @@ -export const prerender = true +export const prerender = true; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 00330c6..c89c41b 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -8,27 +8,24 @@ import Card from '$lib/Card.svelte'; - import avatar from '../assets/avatar.svg'; + import photo from '../assets/photo.jpg'; import SignalIcon from '../lib/Signal.svelte'; import Arrow from '$lib/Arrow.svelte'; Medzik + -
- Avatar +
Self-Taught Programmer
@@ -46,7 +43,10 @@ - + @@ -67,14 +67,14 @@
-

My Project

+

Featured Project

@@ -84,12 +84,15 @@ diff --git a/tailwind.config.ts b/tailwind.config.ts index e648701..7e3c9f7 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -2,6 +2,8 @@ import { skeleton } from '@skeletonlabs/tw-plugin'; import { join } from 'path'; import type { Config } from 'tailwindcss'; +import { medzikTheme } from './theme'; + export default { darkMode: 'class', content: [ @@ -14,7 +16,7 @@ export default { plugins: [ skeleton({ themes: { - preset: ['skeleton'] + custom: [medzikTheme] } }) ] diff --git a/theme.ts b/theme.ts new file mode 100644 index 0000000..550ea38 --- /dev/null +++ b/theme.ts @@ -0,0 +1,101 @@ +import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin'; + +export const medzikTheme: CustomThemeConfig = { + name: 'medzik', + properties: { + // =~= Theme Properties =~= + '--theme-font-family-base': `system-ui`, + '--theme-font-family-heading': `system-ui`, + '--theme-font-color-base': '0 0 0', + '--theme-font-color-dark': '255 255 255', + '--theme-rounded-base': '9999px', + '--theme-rounded-container': '8px', + '--theme-border-base': '1px', + // =~= Theme On-X Colors =~= + '--on-primary': '0 0 0', + '--on-secondary': '0 0 0', + '--on-tertiary': '0 0 0', + '--on-success': '0 0 0', + '--on-warning': '0 0 0', + '--on-error': '0 0 0', + '--on-surface': '0 0 0', + // =~= Theme Colors =~= + // primary | #8ff0a4 + '--color-primary-50': '238 253 241', // #eefdf1 + '--color-primary-100': '233 252 237', // #e9fced + '--color-primary-200': '227 251 232', // #e3fbe8 + '--color-primary-300': '210 249 219', // #d2f9db + '--color-primary-400': '177 245 191', // #b1f5bf + '--color-primary-500': '143 240 164', // #8ff0a4 + '--color-primary-600': '129 216 148', // #81d894 + '--color-primary-700': '107 180 123', // #6bb47b + '--color-primary-800': '86 144 98', // #569062 + '--color-primary-900': '70 118 80', // #467650 + // secondary | #57e389 + '--color-secondary-50': '230 251 237', // #e6fbed + '--color-secondary-100': '221 249 231', // #ddf9e7 + '--color-secondary-200': '213 248 226', // #d5f8e2 + '--color-secondary-300': '188 244 208', // #bcf4d0 + '--color-secondary-400': '137 235 172', // #89ebac + '--color-secondary-500': '87 227 137', // #57e389 + '--color-secondary-600': '78 204 123', // #4ecc7b + '--color-secondary-700': '65 170 103', // #41aa67 + '--color-secondary-800': '52 136 82', // #348852 + '--color-secondary-900': '43 111 67', // #2b6f43 + // tertiary | #99c1f1 + '--color-tertiary-50': '240 246 253', // #f0f6fd + '--color-tertiary-100': '235 243 252', // #ebf3fc + '--color-tertiary-200': '230 240 252', // #e6f0fc + '--color-tertiary-300': '214 230 249', // #d6e6f9 + '--color-tertiary-400': '184 212 245', // #b8d4f5 + '--color-tertiary-500': '153 193 241', // #99c1f1 + '--color-tertiary-600': '138 174 217', // #8aaed9 + '--color-tertiary-700': '115 145 181', // #7391b5 + '--color-tertiary-800': '92 116 145', // #5c7491 + '--color-tertiary-900': '75 95 118', // #4b5f76 + // success | #84cc16 + '--color-success-50': '237 247 220', // #edf7dc + '--color-success-100': '230 245 208', // #e6f5d0 + '--color-success-200': '224 242 197', // #e0f2c5 + '--color-success-300': '206 235 162', // #ceeba2 + '--color-success-400': '169 219 92', // #a9db5c + '--color-success-500': '132 204 22', // #84cc16 + '--color-success-600': '119 184 20', // #77b814 + '--color-success-700': '99 153 17', // #639911 + '--color-success-800': '79 122 13', // #4f7a0d + '--color-success-900': '65 100 11', // #41640b + // warning | #ffbe6f + '--color-warning-50': '255 245 233', // #fff5e9 + '--color-warning-100': '255 242 226', // #fff2e2 + '--color-warning-200': '255 239 219', // #ffefdb + '--color-warning-300': '255 229 197', // #ffe5c5 + '--color-warning-400': '255 210 154', // #ffd29a + '--color-warning-500': '255 190 111', // #ffbe6f + '--color-warning-600': '230 171 100', // #e6ab64 + '--color-warning-700': '191 143 83', // #bf8f53 + '--color-warning-800': '153 114 67', // #997243 + '--color-warning-900': '125 93 54', // #7d5d36 + // error | #f66151 + '--color-error-50': '254 231 229', // #fee7e5 + '--color-error-100': '253 223 220', // #fddfdc + '--color-error-200': '253 216 212', // #fdd8d4 + '--color-error-300': '251 192 185', // #fbc0b9 + '--color-error-400': '249 144 133', // #f99085 + '--color-error-500': '246 97 81', // #f66151 + '--color-error-600': '221 87 73', // #dd5749 + '--color-error-700': '185 73 61', // #b9493d + '--color-error-800': '148 58 49', // #943a31 + '--color-error-900': '121 48 40', // #793028 + // surface | #2ec27e + '--color-surface-50': '224 246 236', // #e0f6ec + '--color-surface-100': '213 243 229', // #d5f3e5 + '--color-surface-200': '203 240 223', // #cbf0df + '--color-surface-300': '171 231 203', // #abe7cb + '--color-surface-400': '109 212 165', // #6dd4a5 + '--color-surface-500': '46 194 126', // #2ec27e + '--color-surface-600': '41 175 113', // #29af71 + '--color-surface-700': '35 146 95', // #23925f + '--color-surface-800': '28 116 76', // #1c744c + '--color-surface-900': '23 95 62' // #175f3e + } +};