mirror of https://github.com/MedzikUser/portfolio
Update formatter
This commit is contained in:
parent
01ab9d1e23
commit
2f828934b9
|
@ -1,11 +1,6 @@
|
||||||
module.exports = {
|
module.exports = {
|
||||||
root: true,
|
root: true,
|
||||||
extends: [
|
extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:svelte/recommended', 'prettier'],
|
||||||
'eslint:recommended',
|
|
||||||
'plugin:@typescript-eslint/recommended',
|
|
||||||
'plugin:svelte/recommended',
|
|
||||||
'prettier'
|
|
||||||
],
|
|
||||||
parser: '@typescript-eslint/parser',
|
parser: '@typescript-eslint/parser',
|
||||||
plugins: ['@typescript-eslint'],
|
plugins: ['@typescript-eslint'],
|
||||||
parserOptions: {
|
parserOptions: {
|
||||||
|
|
14
.prettierrc
14
.prettierrc
|
@ -1,9 +1,15 @@
|
||||||
{
|
{
|
||||||
"useTabs": true,
|
"tabWidth": 4,
|
||||||
"singleQuote": true,
|
"singleQuote": true,
|
||||||
"trailingComma": "none",
|
"trailingComma": "none",
|
||||||
"printWidth": 100,
|
"printWidth": 120,
|
||||||
"plugins": ["prettier-plugin-svelte"],
|
"plugins": ["prettier-plugin-svelte"],
|
||||||
"pluginSearchDirs": ["."],
|
"overrides": [
|
||||||
"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
|
{
|
||||||
|
"files": "*.svelte",
|
||||||
|
"options": {
|
||||||
|
"parser": "svelte"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
module.exports = {
|
module.exports = {
|
||||||
plugins: {
|
plugins: {
|
||||||
tailwindcss: {},
|
tailwindcss: {},
|
||||||
autoprefixer: {},
|
autoprefixer: {}
|
||||||
},
|
}
|
||||||
}
|
};
|
||||||
|
|
|
@ -5,10 +5,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="card variant-glass md:p-10 shadow-lg space-y-4 text-center btn whitespace-normal grid">
|
<div class="card variant-glass md:p-10 shadow-lg space-y-4 text-center btn whitespace-normal grid">
|
||||||
<div
|
<div class="mx-auto variant-glass rounded-2xl p-2" style="width: 50px; height: 50px;">
|
||||||
class="mx-auto variant-glass rounded-2xl p-2"
|
|
||||||
style="width: 50px; height: 50px;"
|
|
||||||
>
|
|
||||||
<svelte:component this={icon} />
|
<svelte:component this={icon} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
@ -1,26 +1,32 @@
|
||||||
<script>
|
<script>
|
||||||
import { ProgressBar } from "@skeletonlabs/skeleton";
|
import { ProgressBar } from '@skeletonlabs/skeleton';
|
||||||
|
|
||||||
import DiJava from 'svelte-icons/di/DiJava.svelte'
|
import DiJava from 'svelte-icons/di/DiJava.svelte';
|
||||||
import DiGo from 'svelte-icons/di/DiGo.svelte'
|
import DiGo from 'svelte-icons/di/DiGo.svelte';
|
||||||
import DiJavascript from 'svelte-icons/di/DiJavascript1.svelte'
|
import DiJavascript from 'svelte-icons/di/DiJavascript1.svelte';
|
||||||
import FaGithub from "svelte-icons/fa/FaGithub.svelte";
|
import FaGithub from 'svelte-icons/fa/FaGithub.svelte';
|
||||||
import FaGitlab from "svelte-icons/fa/FaGitlab.svelte";
|
import FaGitlab from 'svelte-icons/fa/FaGitlab.svelte';
|
||||||
import FaCreditCard from "svelte-icons/fa/FaCreditCard.svelte";
|
import FaCreditCard from 'svelte-icons/fa/FaCreditCard.svelte';
|
||||||
import FaYoutube from "svelte-icons/fa/FaYoutube.svelte";
|
import FaYoutube from 'svelte-icons/fa/FaYoutube.svelte';
|
||||||
import MdEmail from "svelte-icons/md/MdEmail.svelte";
|
import MdEmail from 'svelte-icons/md/MdEmail.svelte';
|
||||||
import MdSecurity from "svelte-icons/md/MdSecurity.svelte";
|
import MdSecurity from 'svelte-icons/md/MdSecurity.svelte';
|
||||||
|
|
||||||
import SkillCard from "$lib/SkillCard.svelte";
|
import SkillCard from '$lib/SkillCard.svelte';
|
||||||
import Svelte from "$lib/icons/Svelte.svelte";
|
import Svelte from '$lib/icons/Svelte.svelte';
|
||||||
|
|
||||||
import avatar from '../assets/avatar.svg'
|
import avatar from '../assets/avatar.svg';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
<title>Medzik</title>
|
<title>Medzik</title>
|
||||||
<meta name="description" content="I'm a self-taught programmer with a passion for open-source software. Currently working on LibrePass, a password manager, and using Fedora with KDE. Explore my portfolio for more projects and achievements.">
|
<meta
|
||||||
<meta name="keywords" content="self-taught programmer, open-source software, LibrePass, password manager, Fedora, KDE, portfolio, projects, achievements">
|
name="description"
|
||||||
|
content="I'm a self-taught programmer with a passion for open-source software. Currently working on LibrePass, a password manager, and using Fedora with KDE. Explore my portfolio for more projects and achievements."
|
||||||
|
/>
|
||||||
|
<meta
|
||||||
|
name="keywords"
|
||||||
|
content="self-taught programmer, open-source software, LibrePass, password manager, Fedora, KDE, portfolio, projects, achievements"
|
||||||
|
/>
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<div class="first-gradient h-full mx-auto flex justify-center items-center">
|
<div class="first-gradient h-full mx-auto flex justify-center items-center">
|
||||||
|
@ -124,15 +130,12 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="container mx-auto flex justify-center items-center p-6">
|
<footer class="container mx-auto flex justify-center items-center p-6">
|
||||||
<div class="text-on-primary-token opacity-75">
|
<div class="text-on-primary-token opacity-75">Medzik ;)</div>
|
||||||
Medzik ;)
|
|
||||||
</div>
|
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<style lang="postcss">
|
<style lang="postcss">
|
||||||
.first-gradient {
|
.first-gradient {
|
||||||
background-image:
|
background-image: radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%),
|
||||||
radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%),
|
|
||||||
radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%);
|
radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -7,7 +7,7 @@ const config = {
|
||||||
preprocess: vitePreprocess(),
|
preprocess: vitePreprocess(),
|
||||||
|
|
||||||
vitePlugin: {
|
vitePlugin: {
|
||||||
inspector: true,
|
inspector: true
|
||||||
},
|
},
|
||||||
kit: {
|
kit: {
|
||||||
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
||||||
|
|
|
@ -1,12 +1,15 @@
|
||||||
import { join } from 'path'
|
import { join } from 'path';
|
||||||
import skeleton from '@skeletonlabs/skeleton/tailwind/skeleton.cjs'
|
import skeleton from '@skeletonlabs/skeleton/tailwind/skeleton.cjs';
|
||||||
|
|
||||||
/** @type {import('tailwindcss').Config} */
|
/** @type {import('tailwindcss').Config} */
|
||||||
module.exports = {
|
module.exports = {
|
||||||
darkMode: 'class',
|
darkMode: 'class',
|
||||||
content: ['./src/**/*.{html,js,svelte,ts}', join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')],
|
content: [
|
||||||
|
'./src/**/*.{html,js,svelte,ts}',
|
||||||
|
join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')
|
||||||
|
],
|
||||||
theme: {
|
theme: {
|
||||||
extend: {},
|
extend: {}
|
||||||
},
|
},
|
||||||
plugins: [...skeleton()],
|
plugins: [...skeleton()]
|
||||||
}
|
};
|
||||||
|
|
Loading…
Reference in New Issue