mirror of
https://github.com/BradNut/personal-website-sveltekit
synced 2025-09-08 23:20:18 +00:00
commit
343a11e99e
13 changed files with 679 additions and 559 deletions
41
package.json
41
package.json
|
|
@ -11,51 +11,50 @@
|
|||
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
||||
"test:unit": "vitest",
|
||||
"lint": "prettier --plugin-search-dir . --check . && eslint .",
|
||||
"format": "prettier --plugin-search-dir . --write ."
|
||||
"format": "prettier --plugin-search-dir . --write .",
|
||||
"site:update": "pnpm update -i -L"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@iconify-icons/material-symbols": "^1.2.39",
|
||||
"@iconify-icons/mdi": "^1.2.44",
|
||||
"@iconify-icons/material-symbols": "^1.2.48",
|
||||
"@iconify-icons/mdi": "^1.2.46",
|
||||
"@iconify-icons/radix-icons": "^1.2.8",
|
||||
"@iconify-icons/simple-icons": "^1.2.50",
|
||||
"@iconify-icons/simple-icons": "^1.2.57",
|
||||
"@leveluptuts/svelte-side-menu": "^1.0.5",
|
||||
"@leveluptuts/svelte-toy": "^2.0.3",
|
||||
"@playwright/test": "^1.33.0",
|
||||
"@playwright/test": "^1.35.1",
|
||||
"@rgossiaux/svelte-headlessui": "^1.0.2",
|
||||
"@sveltejs/adapter-auto": "^1.0.3",
|
||||
"@sveltejs/adapter-static": "^2.0.2",
|
||||
"@sveltejs/adapter-vercel": "^1.0.6",
|
||||
"@sveltejs/kit": "^1.15.9",
|
||||
"@types/postcss-preset-env": "^8.0.0",
|
||||
"@typescript-eslint/eslint-plugin": "^5.59.1",
|
||||
"@typescript-eslint/parser": "^5.59.1",
|
||||
"@zerodevx/svelte-img": "^1.2.10",
|
||||
"@sveltejs/kit": "^1.21.0",
|
||||
"@typescript-eslint/eslint-plugin": "^5.60.1",
|
||||
"@typescript-eslint/parser": "^5.60.1",
|
||||
"@zerodevx/svelte-img": "^1.2.11",
|
||||
"autoprefixer": "^10.4.14",
|
||||
"eslint": "^8.39.0",
|
||||
"eslint": "^8.44.0",
|
||||
"eslint-config-prettier": "^8.8.0",
|
||||
"eslint-plugin-svelte3": "^4.0.0",
|
||||
"iconify-icon": "^1.0.7",
|
||||
"iconify-icon": "^1.0.8",
|
||||
"just-intersect": "^4.3.0",
|
||||
"mdsvex": "^0.10.6",
|
||||
"mdsvex-relative-images": "^1.0.3",
|
||||
"postcss": "^8.4.23",
|
||||
"postcss": "^8.4.24",
|
||||
"postcss-import": "^15.1.0",
|
||||
"postcss-load-config": "^4.0.1",
|
||||
"postcss-nested": "^6.0.1",
|
||||
"postcss-preset-env": "^8.3.2",
|
||||
"postcss-preset-env": "^8.5.1",
|
||||
"prettier": "^2.8.8",
|
||||
"prettier-plugin-svelte": "^2.10.0",
|
||||
"sass": "^1.62.1",
|
||||
"prettier-plugin-svelte": "^2.10.1",
|
||||
"sass": "^1.63.6",
|
||||
"scrape-it": "^5.3.2",
|
||||
"sharp": "^0.31.3",
|
||||
"svelte": "^3.58.0",
|
||||
"svelte-check": "^3.2.0",
|
||||
"svelte": "^3.59.2",
|
||||
"svelte-check": "^3.4.4",
|
||||
"svelte-lazy-loader": "^1.0.0",
|
||||
"svelte-preprocess": "^4.10.7",
|
||||
"tslib": "^2.5.0",
|
||||
"tslib": "^2.6.0",
|
||||
"typescript": "^4.9.5",
|
||||
"vanilla-lazyload": "^17.8.3",
|
||||
"vite": "^4.3.3",
|
||||
"vite": "^4.3.9",
|
||||
"vite-imagetools": "^4.0.19",
|
||||
"vitest": "^0.25.3"
|
||||
},
|
||||
|
|
|
|||
1131
pnpm-lock.yaml
1131
pnpm-lock.yaml
File diff suppressed because it is too large
Load diff
|
|
@ -1,9 +1,18 @@
|
|||
const autoprefixer = require('autoprefixer');
|
||||
const postcssPresetEnv = require('postcss-preset-env');
|
||||
const atImport = require('postcss-import');
|
||||
const postcssNested = require('postcss-nested');
|
||||
|
||||
const config = {
|
||||
plugins: [autoprefixer(), atImport(), postcssNested]
|
||||
plugins: [
|
||||
atImport(),
|
||||
postcssPresetEnv({
|
||||
stage: 2,
|
||||
features: {
|
||||
'nesting-rules': true,
|
||||
'custom-media-queries': true,
|
||||
'media-query-ranges': true
|
||||
}
|
||||
})
|
||||
]
|
||||
};
|
||||
|
||||
module.exports = config;
|
||||
|
|
|
|||
|
|
@ -58,11 +58,11 @@
|
|||
gap: 0.5rem;
|
||||
margin: 1.5rem 0;
|
||||
|
||||
a {
|
||||
& a {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
p {
|
||||
& p {
|
||||
margin: 0.4rem 0.25rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
justify-content: left;
|
||||
align-items: center;
|
||||
|
||||
p + p {
|
||||
& p + p {
|
||||
background-color: var(--linkHover);
|
||||
color: var(--buttonTextColor);
|
||||
padding: 0.25rem 0.5rem;
|
||||
|
|
@ -92,11 +92,12 @@
|
|||
align-items: center;
|
||||
gap: 1rem;
|
||||
|
||||
a {
|
||||
& a {
|
||||
font-size: 2rem;
|
||||
svg {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
& a + svg {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
|
|
|
|||
|
|
@ -103,7 +103,7 @@
|
|||
justify-content: center;
|
||||
text-align: center;
|
||||
|
||||
figure {
|
||||
& figure {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
font-size: 2rem;
|
||||
--scale: 0;
|
||||
|
||||
p::after {
|
||||
& p::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
transform: scale(var(--scale));
|
||||
}
|
||||
|
||||
a {
|
||||
& a {
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
text-decoration: none;
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
--scale: 1;
|
||||
}
|
||||
|
||||
p {
|
||||
& p {
|
||||
position: relative;
|
||||
font-size: 0.5em;
|
||||
/* padding-top: 0.3rem; */
|
||||
|
|
@ -70,7 +70,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
img {
|
||||
& img {
|
||||
width: 3rem;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@
|
|||
margin: 0.5rem;
|
||||
padding: 2rem;
|
||||
|
||||
a + a {
|
||||
& a + a {
|
||||
margin-left: 25px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@
|
|||
place-items: center;
|
||||
gap: 1rem;
|
||||
|
||||
h3 {
|
||||
& h3 {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -300,7 +300,7 @@
|
|||
display: grid;
|
||||
grid-gap: 2.5rem;
|
||||
|
||||
p {
|
||||
& p {
|
||||
margin: 1rem;
|
||||
/* padding: 0.2rem; */
|
||||
}
|
||||
|
|
@ -315,7 +315,7 @@
|
|||
margin-top: 1rem;
|
||||
font-size: 2rem;
|
||||
|
||||
a {
|
||||
& a {
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
|
||||
|
|
@ -327,7 +327,7 @@
|
|||
margin-left: 1rem;
|
||||
color: var(--lightGrey);
|
||||
|
||||
p {
|
||||
& p {
|
||||
font-size: 1.5rem;
|
||||
padding-top: 0.3rem;
|
||||
margin: 0;
|
||||
|
|
@ -335,7 +335,7 @@
|
|||
|
||||
&:hover {
|
||||
color: var(--shellYellow);
|
||||
p {
|
||||
& p {
|
||||
color: var(--shellYellow);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -96,7 +96,7 @@
|
|||
display: grid;
|
||||
grid-template-rows: 1fr auto;
|
||||
align-items: start;
|
||||
a {
|
||||
& a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
@ -112,7 +112,7 @@
|
|||
justify-content: left;
|
||||
align-items: center;
|
||||
|
||||
p + p {
|
||||
& p + p {
|
||||
background-color: var(--linkHover);
|
||||
color: var(--buttonTextColor);
|
||||
padding: 0.25rem 0.5rem;
|
||||
|
|
|
|||
|
|
@ -104,13 +104,13 @@
|
|||
}
|
||||
|
||||
:global(.tab-unselected) {
|
||||
h2 {
|
||||
& h2 {
|
||||
border-bottom: 2px solid var(--white);
|
||||
}
|
||||
}
|
||||
|
||||
:global(.tab-selected) {
|
||||
h2 {
|
||||
& h2 {
|
||||
border-bottom: 2px solid var(--shellYellow);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ import SEO from "$root/lib/components/SEO.svelte";
|
|||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<ExternalLink ariaLabel="Privacy Respecting Software" href="https://github.com/Lissy93/personal-security-checklist/blob/master/5_Privacy_Respecting_Software.md" showIcon>Privacy Respecting Software</ExternalLink>
|
||||
<ExternalLink ariaLabel="Awesome Privacy" href="https://github.com/Lissy93/awesome-privacy" showIcon>Privacy Respecting Software List</ExternalLink>
|
||||
</li>
|
||||
<li>
|
||||
<ExternalLink ariaLabel="Privacy Guides" href="https://www.privacyguides.org/" showIcon>Privacy Guides</ExternalLink>
|
||||
|
|
|
|||
|
|
@ -197,7 +197,7 @@ hr {
|
|||
}
|
||||
|
||||
nav {
|
||||
a::after {
|
||||
& a::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
|
@ -209,7 +209,7 @@ nav {
|
|||
transform: scale(0);
|
||||
}
|
||||
|
||||
a {
|
||||
& a {
|
||||
position: relative;
|
||||
font-size: 2rem;
|
||||
text-decoration: none;
|
||||
|
|
|
|||
Loading…
Reference in a new issue