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 0000000..0a46acd Binary files /dev/null and b/src/assets/photo.jpg differ 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 + } +};