diff --git a/.eslintrc.cjs b/.eslintrc.cjs index ebc1958..addf01c 100644 --- a/.eslintrc.cjs +++ b/.eslintrc.cjs @@ -1,30 +1,25 @@ module.exports = { - root: true, - extends: [ - 'eslint:recommended', - 'plugin:@typescript-eslint/recommended', - 'plugin:svelte/recommended', - 'prettier' - ], - parser: '@typescript-eslint/parser', - plugins: ['@typescript-eslint'], - parserOptions: { - sourceType: 'module', - ecmaVersion: 2020, - extraFileExtensions: ['.svelte'] - }, - env: { - browser: true, - es2017: true, - node: true - }, - overrides: [ - { - files: ['*.svelte'], - parser: 'svelte-eslint-parser', - parserOptions: { - parser: '@typescript-eslint/parser' - } - } - ] + root: true, + extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:svelte/recommended', 'prettier'], + parser: '@typescript-eslint/parser', + plugins: ['@typescript-eslint'], + parserOptions: { + sourceType: 'module', + ecmaVersion: 2020, + extraFileExtensions: ['.svelte'] + }, + env: { + browser: true, + es2017: true, + node: true + }, + overrides: [ + { + files: ['*.svelte'], + parser: 'svelte-eslint-parser', + parserOptions: { + parser: '@typescript-eslint/parser' + } + } + ] }; diff --git a/.prettierrc b/.prettierrc index a77fdde..04c42a9 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,9 +1,15 @@ { - "useTabs": true, - "singleQuote": true, - "trailingComma": "none", - "printWidth": 100, - "plugins": ["prettier-plugin-svelte"], - "pluginSearchDirs": ["."], - "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }] + "tabWidth": 4, + "singleQuote": true, + "trailingComma": "none", + "printWidth": 120, + "plugins": ["prettier-plugin-svelte"], + "overrides": [ + { + "files": "*.svelte", + "options": { + "parser": "svelte" + } + } + ] } diff --git a/package.json b/package.json index 52ef283..040c9bf 100644 --- a/package.json +++ b/package.json @@ -1,37 +1,37 @@ { - "name": "portfolio", - "version": "0.0.1", - "private": true, - "scripts": { - "dev": "vite dev", - "build": "vite build", - "preview": "vite preview", - "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", - "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", - "lint": "prettier --plugin-search-dir . --check . && eslint .", - "format": "prettier --plugin-search-dir . --write ." - }, - "devDependencies": { - "@floating-ui/dom": "^1.4.0", - "@skeletonlabs/skeleton": "^1.7.1", - "@sveltejs/adapter-auto": "^2.0.0", - "@sveltejs/kit": "^1.5.0", - "@typescript-eslint/eslint-plugin": "^5.45.0", - "@typescript-eslint/parser": "^5.45.0", - "autoprefixer": "^10.4.14", - "eslint": "^8.28.0", - "eslint-config-prettier": "^8.5.0", - "eslint-plugin-svelte": "^2.26.0", - "postcss": "^8.4.24", - "prettier": "^2.8.0", - "prettier-plugin-svelte": "^2.8.1", - "svelte": "^3.54.0", - "svelte-check": "^3.0.1", - "svelte-icons": "^2.1.0", - "tailwindcss": "^3.3.2", - "tslib": "^2.4.1", - "typescript": "^5.0.0", - "vite": "^4.3.0" - }, - "type": "module" + "name": "portfolio", + "version": "0.0.1", + "private": true, + "scripts": { + "dev": "vite dev", + "build": "vite build", + "preview": "vite preview", + "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", + "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", + "lint": "prettier --plugin-search-dir . --check . && eslint .", + "format": "prettier --plugin-search-dir . --write ." + }, + "devDependencies": { + "@floating-ui/dom": "^1.4.0", + "@skeletonlabs/skeleton": "^1.7.1", + "@sveltejs/adapter-auto": "^2.0.0", + "@sveltejs/kit": "^1.5.0", + "@typescript-eslint/eslint-plugin": "^5.45.0", + "@typescript-eslint/parser": "^5.45.0", + "autoprefixer": "^10.4.14", + "eslint": "^8.28.0", + "eslint-config-prettier": "^8.5.0", + "eslint-plugin-svelte": "^2.26.0", + "postcss": "^8.4.24", + "prettier": "^2.8.0", + "prettier-plugin-svelte": "^2.8.1", + "svelte": "^3.54.0", + "svelte-check": "^3.0.1", + "svelte-icons": "^2.1.0", + "tailwindcss": "^3.3.2", + "tslib": "^2.4.1", + "typescript": "^5.0.0", + "vite": "^4.3.0" + }, + "type": "module" } diff --git a/postcss.config.cjs b/postcss.config.cjs index 16dce0b..fe66dd6 100644 --- a/postcss.config.cjs +++ b/postcss.config.cjs @@ -1,6 +1,6 @@ module.exports = { - plugins: { - tailwindcss: {}, - autoprefixer: {}, - }, -} \ No newline at end of file + plugins: { + tailwindcss: {}, + autoprefixer: {} + } +}; diff --git a/src/app.d.ts b/src/app.d.ts index 8f4d638..58c4532 100644 --- a/src/app.d.ts +++ b/src/app.d.ts @@ -2,8 +2,8 @@ // for information about these interfaces // and what to do when importing types declare namespace App { - // interface Locals {} - // interface PageData {} - // interface Error {} - // interface Platform {} + // interface Locals {} + // interface PageData {} + // interface Error {} + // interface Platform {} } diff --git a/src/app.html b/src/app.html index 01d7b74..8a2e0fc 100644 --- a/src/app.html +++ b/src/app.html @@ -1,12 +1,12 @@ - - - - - %sveltekit.head% - - -
%sveltekit.body%
- + + + + + %sveltekit.head% + + +
%sveltekit.body%
+ diff --git a/src/app.postcss b/src/app.postcss index a9c6723..3b088cb 100644 --- a/src/app.postcss +++ b/src/app.postcss @@ -1,5 +1,5 @@ /*place global styles here */ html, body { - @apply h-full; + @apply h-full; } diff --git a/src/lib/SkillCard.svelte b/src/lib/SkillCard.svelte index fe7f144..7f1af0d 100644 --- a/src/lib/SkillCard.svelte +++ b/src/lib/SkillCard.svelte @@ -5,10 +5,7 @@
-
+
diff --git a/src/lib/icons/Svelte.svelte b/src/lib/icons/Svelte.svelte index 913ca82..4856ea1 100644 --- a/src/lib/icons/Svelte.svelte +++ b/src/lib/icons/Svelte.svelte @@ -1 +1,5 @@ - + diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 7ab5670..d1aa1d9 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,7 +1,7 @@ diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index dda3487..30daa99 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,138 +1,141 @@ - Medzik - - + Medzik + +
-
-
- Avatar +
+
+ Avatar -
-
Self-Taught Programmer
+
+
Self-Taught Programmer
-
Oskar
+
Oskar
-
Creating the Future
-
-
+
Creating the Future
+
+
- + -
+ + + + +
-
-

Languages

+
+

Languages

-
- +
+ - + - + - -
-
+ +
+
-
-

My Project

+
+

My Project

-
- - - -
-
+
+ + + +
+
-
-

Instances

+
+

Instances

-
- - - -
-
+
+ + + +
+
-
- Medzik ;) -
+
Medzik ;)
diff --git a/svelte.config.js b/svelte.config.js index c6346f0..67369ab 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -2,18 +2,18 @@ import adapter from '@sveltejs/adapter-auto'; import { vitePreprocess } from '@sveltejs/kit/vite'; /** @type {import('@sveltejs/kit').Config} */ const config = { - // Consult https://kit.svelte.dev/docs/integrations#preprocessors - // for more information about preprocessors - preprocess: vitePreprocess(), - - vitePlugin: { - inspector: true, - }, - kit: { - // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list. - // If your environment is not supported or you settled on a specific environment, switch out the adapter. - // See https://kit.svelte.dev/docs/adapters for more information about adapters. - adapter: adapter() - } + // Consult https://kit.svelte.dev/docs/integrations#preprocessors + // for more information about preprocessors + preprocess: vitePreprocess(), + + vitePlugin: { + inspector: true + }, + kit: { + // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list. + // If your environment is not supported or you settled on a specific environment, switch out the adapter. + // See https://kit.svelte.dev/docs/adapters for more information about adapters. + adapter: adapter() + } }; -export default config; \ No newline at end of file +export default config; diff --git a/tailwind.config.cjs b/tailwind.config.cjs index b101472..9562899 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -1,12 +1,15 @@ -import { join } from 'path' -import skeleton from '@skeletonlabs/skeleton/tailwind/skeleton.cjs' +import { join } from 'path'; +import skeleton from '@skeletonlabs/skeleton/tailwind/skeleton.cjs'; /** @type {import('tailwindcss').Config} */ module.exports = { - darkMode: 'class', - content: ['./src/**/*.{html,js,svelte,ts}', join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')], - theme: { - extend: {}, - }, - plugins: [...skeleton()], -} + darkMode: 'class', + content: [ + './src/**/*.{html,js,svelte,ts}', + join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}') + ], + theme: { + extend: {} + }, + plugins: [...skeleton()] +}; diff --git a/tsconfig.json b/tsconfig.json index 6ae0c8c..70401cc 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,17 +1,17 @@ { - "extends": "./.svelte-kit/tsconfig.json", - "compilerOptions": { - "allowJs": true, - "checkJs": true, - "esModuleInterop": true, - "forceConsistentCasingInFileNames": true, - "resolveJsonModule": true, - "skipLibCheck": true, - "sourceMap": true, - "strict": true - } - // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias - // - // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes - // from the referenced tsconfig.json - TypeScript does not merge them in + "extends": "./.svelte-kit/tsconfig.json", + "compilerOptions": { + "allowJs": true, + "checkJs": true, + "esModuleInterop": true, + "forceConsistentCasingInFileNames": true, + "resolveJsonModule": true, + "skipLibCheck": true, + "sourceMap": true, + "strict": true + } + // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias + // + // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes + // from the referenced tsconfig.json - TypeScript does not merge them in } diff --git a/vite.config.ts b/vite.config.ts index bbf8c7d..a3eb481 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -2,5 +2,5 @@ import { sveltekit } from '@sveltejs/kit/vite'; import { defineConfig } from 'vite'; export default defineConfig({ - plugins: [sveltekit()] + plugins: [sveltekit()] });