From d1d67b12b2423925953a59c882e77e372ff27c71 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 | 4 +- src/assets/photo.jpg | Bin 0 -> 15448 bytes src/lib/Signal.svelte | 4 +- src/routes/+layout.ts | 2 +- src/routes/+page.svelte | 57 +++++++++++++---------- src/svelte-icons.d.ts | 9 ++++ tailwind.config.ts | 4 +- theme.ts | 101 ++++++++++++++++++++++++++++++++++++++++ 10 files changed, 169 insertions(+), 29 deletions(-) create mode 100644 src/assets/photo.jpg create mode 100644 src/svelte-icons.d.ts 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..6d342a2 100644 --- a/src/app.html +++ b/src/app.html @@ -1,4 +1,4 @@ - + @@ -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..0a46acdd499163355e2cabac8a051842988befb6 GIT binary patch literal 15448 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 literal 0 HcmV?d00001 diff --git a/src/lib/Signal.svelte b/src/lib/Signal.svelte index 01dbfde..1897336 100644 --- a/src/lib/Signal.svelte +++ b/src/lib/Signal.svelte @@ -3,5 +3,7 @@ - + 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..889d3b5 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -2,36 +2,39 @@ import { ProgressBar } from '@skeletonlabs/skeleton'; import FaGithub from 'svelte-icons/fa/FaGithub.svelte'; - import FaCreditCard from 'svelte-icons/fa/FaCreditCard.svelte'; import MdEmail from 'svelte-icons/md/MdEmail.svelte'; import MdSecurity from 'svelte-icons/md/MdSecurity.svelte'; import Card from '$lib/Card.svelte'; - - import avatar from '../assets/avatar.svg'; - import SignalIcon from '../lib/Signal.svelte'; + import SignalIcon from '$lib/Signal.svelte'; import Arrow from '$lib/Arrow.svelte'; + + import photo from '../assets/photo.jpg'; + + function scrollBottom() { + window.scrollTo({ + top: document.body.scrollHeight, + behavior: 'smooth' + }); + } Medzik + -
- Avatar +
-
Self-Taught Programmer
+
Self-Taught Developer
Oskar
@@ -39,14 +42,17 @@
- + -
-
+
+
-

My Project

+

Featured Project

@@ -84,12 +90,15 @@ diff --git a/src/svelte-icons.d.ts b/src/svelte-icons.d.ts new file mode 100644 index 0000000..c385cff --- /dev/null +++ b/src/svelte-icons.d.ts @@ -0,0 +1,9 @@ +declare module 'svelte-icons/fa/*.svelte' { + const e: any; + export default e; +} + +declare module 'svelte-icons/md/*.svelte' { + const e: any; + export default e; +} 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 + } +};