alpha version
This commit is contained in:
Stephan
5
.gitignore
vendored
5
.gitignore
vendored
@@ -22,3 +22,8 @@ pnpm-debug.log*
|
|||||||
|
|
||||||
# jetbrains setting folder
|
# jetbrains setting folder
|
||||||
.idea/
|
.idea/
|
||||||
|
|
||||||
|
# NTFY Info
|
||||||
|
.env
|
||||||
|
.env.local
|
||||||
|
.env.*.local
|
||||||
|
|||||||
@@ -1,10 +1,13 @@
|
|||||||
import { defineConfig } from 'astro/config';
|
import { defineConfig } from 'astro/config';
|
||||||
|
import dotenv from 'dotenv';
|
||||||
|
|
||||||
// Environment detection
|
// Environment detection
|
||||||
const isProd = process.env.NODE_ENV === 'production';
|
const isProd = process.env.NODE_ENV === 'production';
|
||||||
|
|
||||||
|
dotenv.config();
|
||||||
|
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
output: 'static', // Change to 'server' if you need SSR
|
output: 'server', // Change to 'server' if you need SSR
|
||||||
|
|
||||||
// Development server settings
|
// Development server settings
|
||||||
server: {
|
server: {
|
||||||
|
|||||||
7
gitlab
Normal file
7
gitlab
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
-----BEGIN OPENSSH PRIVATE KEY-----
|
||||||
|
b3BlbnNzaC1rZXktdjEAAAAABG5vbmUAAAAEbm9uZQAAAAAAAAABAAAAMwAAAAtzc2gtZW
|
||||||
|
QyNTUxOQAAACCTnX0c4xJ+dGcxwpOGy5JEy2s4JSA5hApwVcb8bYh1SQAAAJjmO6dU5jun
|
||||||
|
VAAAAAtzc2gtZWQyNTUxOQAAACCTnX0c4xJ+dGcxwpOGy5JEy2s4JSA5hApwVcb8bYh1SQ
|
||||||
|
AAAECpxXyF2dbZF3ni/0IyxAE8jZV4rWWpzXapq9dTvPCJ3pOdfRzjEn50ZzHCk4bLkkTL
|
||||||
|
azglIDmECnBVxvxtiHVJAAAAEmdpdGxhYkBqdWNoYXR6LmNvbQECAw==
|
||||||
|
-----END OPENSSH PRIVATE KEY-----
|
||||||
1
gitlab.pub
Normal file
1
gitlab.pub
Normal file
@@ -0,0 +1 @@
|
|||||||
|
ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIJOdfRzjEn50ZzHCk4bLkkTLazglIDmECnBVxvxtiHVJ gitlab@juchatz.com
|
||||||
30
logs/contact-messages.log
Normal file
30
logs/contact-messages.log
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
|
||||||
|
=== New Message 2025-05-20T20:32:50.812Z ===
|
||||||
|
From: asd (asd@asd.cd)
|
||||||
|
Subject: assdaa
|
||||||
|
|
||||||
|
aszsdasd
|
||||||
|
==============================
|
||||||
|
|
||||||
|
=== New Message 2025-05-20T20:35:50.709Z ===
|
||||||
|
From: Stephan (stephan@juchatz.com)
|
||||||
|
Subject: Help
|
||||||
|
|
||||||
|
Please
|
||||||
|
==============================
|
||||||
|
|
||||||
|
=== New Message 2025-05-20T20:41:07.707Z ===
|
||||||
|
From: Stephan (saeijou@asd.com)
|
||||||
|
Phone: 12311123
|
||||||
|
Subject: Hello
|
||||||
|
|
||||||
|
how much?
|
||||||
|
==============================
|
||||||
|
|
||||||
|
=== New Message 2025-05-20T20:41:42.118Z ===
|
||||||
|
From: asd;asd (asda@asd.com)
|
||||||
|
Phone: Not provided
|
||||||
|
Subject: sdafsdf
|
||||||
|
|
||||||
|
sdfsdfsdf
|
||||||
|
==============================
|
||||||
195
package-lock.json
generated
195
package-lock.json
generated
@@ -8,7 +8,9 @@
|
|||||||
"name": "irregular-inclination",
|
"name": "irregular-inclination",
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"astro": "^5.7.13"
|
"@astrojs/node": "^9.2.1",
|
||||||
|
"astro": "^5.7.13",
|
||||||
|
"dotenv": "^16.5.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@astrojs/compiler": {
|
"node_modules/@astrojs/compiler": {
|
||||||
@@ -49,6 +51,20 @@
|
|||||||
"vfile": "^6.0.3"
|
"vfile": "^6.0.3"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@astrojs/node": {
|
||||||
|
"version": "9.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/@astrojs/node/-/node-9.2.1.tgz",
|
||||||
|
"integrity": "sha512-kEHLB37ooW91p7FLGalqa3jVQRIafntfKiZgCnjN1lEYw+j8NP6VJHQbLHmzzbtKUI0J+srGiTnGZmaHErHE5w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@astrojs/internal-helpers": "0.6.1",
|
||||||
|
"send": "^1.1.0",
|
||||||
|
"server-destroy": "^1.0.1"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"astro": "^5.3.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@astrojs/prism": {
|
"node_modules/@astrojs/prism": {
|
||||||
"version": "3.2.0",
|
"version": "3.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-3.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-3.2.0.tgz",
|
||||||
@@ -1394,6 +1410,7 @@
|
|||||||
"version": "5.7.13",
|
"version": "5.7.13",
|
||||||
"resolved": "https://registry.npmjs.org/astro/-/astro-5.7.13.tgz",
|
"resolved": "https://registry.npmjs.org/astro/-/astro-5.7.13.tgz",
|
||||||
"integrity": "sha512-cRGq2llKOhV3XMcYwQpfBIUcssN6HEK5CRbcMxAfd9OcFhvWE7KUy50zLioAZVVl3AqgUTJoNTlmZfD2eG0G1w==",
|
"integrity": "sha512-cRGq2llKOhV3XMcYwQpfBIUcssN6HEK5CRbcMxAfd9OcFhvWE7KUy50zLioAZVVl3AqgUTJoNTlmZfD2eG0G1w==",
|
||||||
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/compiler": "^2.11.0",
|
"@astrojs/compiler": "^2.11.0",
|
||||||
"@astrojs/internal-helpers": "0.6.1",
|
"@astrojs/internal-helpers": "0.6.1",
|
||||||
@@ -1814,6 +1831,15 @@
|
|||||||
"resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
|
"resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
|
||||||
"integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="
|
"integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="
|
||||||
},
|
},
|
||||||
|
"node_modules/depd": {
|
||||||
|
"version": "2.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
|
||||||
|
"integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/dequal": {
|
"node_modules/dequal": {
|
||||||
"version": "2.0.3",
|
"version": "2.0.3",
|
||||||
"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
|
||||||
@@ -1882,6 +1908,18 @@
|
|||||||
"resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
|
"resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
|
||||||
"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
|
"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
|
||||||
},
|
},
|
||||||
|
"node_modules/dotenv": {
|
||||||
|
"version": "16.5.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.5.0.tgz",
|
||||||
|
"integrity": "sha512-m/C+AwOAr9/W1UOIZUo232ejMNnJAJtYQjUbHoNTBNTJSvqzzDh7vnrei3o3r3m9blf6ZoDkvcw0VmozNRFJxg==",
|
||||||
|
"license": "BSD-2-Clause",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"url": "https://dotenvx.com"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/dset": {
|
"node_modules/dset": {
|
||||||
"version": "3.1.4",
|
"version": "3.1.4",
|
||||||
"resolved": "https://registry.npmjs.org/dset/-/dset-3.1.4.tgz",
|
"resolved": "https://registry.npmjs.org/dset/-/dset-3.1.4.tgz",
|
||||||
@@ -1890,11 +1928,26 @@
|
|||||||
"node": ">=4"
|
"node": ">=4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/ee-first": {
|
||||||
|
"version": "1.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
|
||||||
|
"integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/emoji-regex": {
|
"node_modules/emoji-regex": {
|
||||||
"version": "10.4.0",
|
"version": "10.4.0",
|
||||||
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.4.0.tgz",
|
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.4.0.tgz",
|
||||||
"integrity": "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw=="
|
"integrity": "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw=="
|
||||||
},
|
},
|
||||||
|
"node_modules/encodeurl": {
|
||||||
|
"version": "2.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
|
||||||
|
"integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/entities": {
|
"node_modules/entities": {
|
||||||
"version": "6.0.0",
|
"version": "6.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/entities/-/entities-6.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/entities/-/entities-6.0.0.tgz",
|
||||||
@@ -1950,6 +2003,12 @@
|
|||||||
"@esbuild/win32-x64": "0.25.4"
|
"@esbuild/win32-x64": "0.25.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/escape-html": {
|
||||||
|
"version": "1.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
|
||||||
|
"integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/escape-string-regexp": {
|
"node_modules/escape-string-regexp": {
|
||||||
"version": "5.0.0",
|
"version": "5.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
|
||||||
@@ -1969,6 +2028,15 @@
|
|||||||
"@types/estree": "^1.0.0"
|
"@types/estree": "^1.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/etag": {
|
||||||
|
"version": "1.8.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
|
||||||
|
"integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.6"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/eventemitter3": {
|
"node_modules/eventemitter3": {
|
||||||
"version": "5.0.1",
|
"version": "5.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
|
||||||
@@ -2030,6 +2098,15 @@
|
|||||||
"unicode-trie": "^2.0.0"
|
"unicode-trie": "^2.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/fresh": {
|
||||||
|
"version": "2.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
|
||||||
|
"integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/fsevents": {
|
"node_modules/fsevents": {
|
||||||
"version": "2.3.3",
|
"version": "2.3.3",
|
||||||
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
|
||||||
@@ -2270,6 +2347,22 @@
|
|||||||
"resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
|
||||||
"integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ=="
|
"integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ=="
|
||||||
},
|
},
|
||||||
|
"node_modules/http-errors": {
|
||||||
|
"version": "2.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
|
||||||
|
"integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"depd": "2.0.0",
|
||||||
|
"inherits": "2.0.4",
|
||||||
|
"setprototypeof": "1.2.0",
|
||||||
|
"statuses": "2.0.1",
|
||||||
|
"toidentifier": "1.0.1"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/import-meta-resolve": {
|
"node_modules/import-meta-resolve": {
|
||||||
"version": "4.1.0",
|
"version": "4.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz",
|
||||||
@@ -2279,6 +2372,12 @@
|
|||||||
"url": "https://github.com/sponsors/wooorm"
|
"url": "https://github.com/sponsors/wooorm"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/inherits": {
|
||||||
|
"version": "2.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
|
||||||
|
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
|
||||||
|
"license": "ISC"
|
||||||
|
},
|
||||||
"node_modules/iron-webcrypto": {
|
"node_modules/iron-webcrypto": {
|
||||||
"version": "1.2.1",
|
"version": "1.2.1",
|
||||||
"resolved": "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz",
|
"resolved": "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz",
|
||||||
@@ -3169,6 +3268,27 @@
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
"node_modules/mime-db": {
|
||||||
|
"version": "1.54.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
|
||||||
|
"integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.6"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/mime-types": {
|
||||||
|
"version": "3.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz",
|
||||||
|
"integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"mime-db": "^1.54.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.6"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/mrmime": {
|
"node_modules/mrmime": {
|
||||||
"version": "2.0.1",
|
"version": "2.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
|
||||||
@@ -3271,6 +3391,18 @@
|
|||||||
"resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
|
"resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
|
||||||
"integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ=="
|
"integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ=="
|
||||||
},
|
},
|
||||||
|
"node_modules/on-finished": {
|
||||||
|
"version": "2.4.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
|
||||||
|
"integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"ee-first": "1.1.1"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/oniguruma-parser": {
|
"node_modules/oniguruma-parser": {
|
||||||
"version": "0.12.1",
|
"version": "0.12.1",
|
||||||
"resolved": "https://registry.npmjs.org/oniguruma-parser/-/oniguruma-parser-0.12.1.tgz",
|
"resolved": "https://registry.npmjs.org/oniguruma-parser/-/oniguruma-parser-0.12.1.tgz",
|
||||||
@@ -3449,6 +3581,15 @@
|
|||||||
"resolved": "https://registry.npmjs.org/radix3/-/radix3-1.1.2.tgz",
|
"resolved": "https://registry.npmjs.org/radix3/-/radix3-1.1.2.tgz",
|
||||||
"integrity": "sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA=="
|
"integrity": "sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA=="
|
||||||
},
|
},
|
||||||
|
"node_modules/range-parser": {
|
||||||
|
"version": "1.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
|
||||||
|
"integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.6"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/readdirp": {
|
"node_modules/readdirp": {
|
||||||
"version": "4.1.2",
|
"version": "4.1.2",
|
||||||
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
|
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
|
||||||
@@ -3726,6 +3867,40 @@
|
|||||||
"node": ">=10"
|
"node": ">=10"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/send": {
|
||||||
|
"version": "1.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/send/-/send-1.2.0.tgz",
|
||||||
|
"integrity": "sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"debug": "^4.3.5",
|
||||||
|
"encodeurl": "^2.0.0",
|
||||||
|
"escape-html": "^1.0.3",
|
||||||
|
"etag": "^1.8.1",
|
||||||
|
"fresh": "^2.0.0",
|
||||||
|
"http-errors": "^2.0.0",
|
||||||
|
"mime-types": "^3.0.1",
|
||||||
|
"ms": "^2.1.3",
|
||||||
|
"on-finished": "^2.4.1",
|
||||||
|
"range-parser": "^1.2.1",
|
||||||
|
"statuses": "^2.0.1"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 18"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/server-destroy": {
|
||||||
|
"version": "1.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/server-destroy/-/server-destroy-1.0.1.tgz",
|
||||||
|
"integrity": "sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==",
|
||||||
|
"license": "ISC"
|
||||||
|
},
|
||||||
|
"node_modules/setprototypeof": {
|
||||||
|
"version": "1.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
|
||||||
|
"integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
|
||||||
|
"license": "ISC"
|
||||||
|
},
|
||||||
"node_modules/sharp": {
|
"node_modules/sharp": {
|
||||||
"version": "0.33.5",
|
"version": "0.33.5",
|
||||||
"resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
|
"resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
|
||||||
@@ -3822,6 +3997,15 @@
|
|||||||
"url": "https://github.com/sponsors/wooorm"
|
"url": "https://github.com/sponsors/wooorm"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/statuses": {
|
||||||
|
"version": "2.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
|
||||||
|
"integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 0.8"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/string-width": {
|
"node_modules/string-width": {
|
||||||
"version": "7.2.0",
|
"version": "7.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
|
||||||
@@ -3890,6 +4074,15 @@
|
|||||||
"url": "https://github.com/sponsors/SuperchupuDev"
|
"url": "https://github.com/sponsors/SuperchupuDev"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/toidentifier": {
|
||||||
|
"version": "1.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
|
||||||
|
"integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.6"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/tr46": {
|
"node_modules/tr46": {
|
||||||
"version": "0.0.3",
|
"version": "0.0.3",
|
||||||
"resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
|
||||||
|
|||||||
@@ -9,6 +9,8 @@
|
|||||||
"astro": "astro"
|
"astro": "astro"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"astro": "^5.7.13"
|
"@astrojs/node": "^9.2.1",
|
||||||
|
"astro": "^5.7.13",
|
||||||
|
"dotenv": "^16.5.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
50
src/components/Header.astro
Normal file
50
src/components/Header.astro
Normal file
@@ -0,0 +1,50 @@
|
|||||||
|
---
|
||||||
|
// Header.astro
|
||||||
|
---
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<ul class="main-menu">
|
||||||
|
<li><a href="/">Home</a></li>
|
||||||
|
<li class="has-dropdown">
|
||||||
|
<a href="/services">Services</a>
|
||||||
|
<ul class="dropdown">
|
||||||
|
<li class="has-submenu">
|
||||||
|
<a href="/services#privacy">Privacy</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="/services/adblocker">Adblocker</a></li>
|
||||||
|
<li><a href="/services/bitwarden">Bitwarden</a></li>
|
||||||
|
<li><a href="/services/remove-telemetry">Remove Windows Telemetry</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="has-submenu">
|
||||||
|
<a href="/services#security">Security</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="/services/opnsense">OPNsense</a></li>
|
||||||
|
<li><a href="/services/wireguard">Wireguard</a></li>
|
||||||
|
<li><a href="/services/vpn">VPN</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="has-submenu">
|
||||||
|
<a href="/services#anonymity">Anonymity</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="/services/tor">TOR</a></li>
|
||||||
|
<li><a href="/services/linux-setup">Set Up Linux</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="has-submenu">
|
||||||
|
<a href="/services#infrastructure">Infrastructure</a>
|
||||||
|
<ul class="submenu">
|
||||||
|
<li><a href="/services/openwrt">OpenWRT</a></li>
|
||||||
|
<li><a href="/services/nas">NAS</a></li>
|
||||||
|
<li><a href="/services/proxmox">Proxmox</a></li>
|
||||||
|
<li><a href="/services/vps">VPS</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="/about">About</a></li>
|
||||||
|
<li><a href="/contact">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
32
src/components/Layout.astro
Normal file
32
src/components/Layout.astro
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
---
|
||||||
|
// Layout.astro
|
||||||
|
import '../styles/styles.css';
|
||||||
|
import Header from './Header.astro';
|
||||||
|
import Sidebar from './Sidebar.astro';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
title: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
const { title } = Astro.props;
|
||||||
|
---
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>{title} - My Website</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<Header />
|
||||||
|
<Sidebar />
|
||||||
|
<main>
|
||||||
|
<section class="main-content">
|
||||||
|
<slot />
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
64
src/components/Sidebar.astro
Normal file
64
src/components/Sidebar.astro
Normal file
@@ -0,0 +1,64 @@
|
|||||||
|
---
|
||||||
|
// Sidebar.astro
|
||||||
|
---
|
||||||
|
|
||||||
|
<aside class="sidebar">
|
||||||
|
<section class="sidebar-section news">
|
||||||
|
<h2>Latest News</h2>
|
||||||
|
<div class="news-item">
|
||||||
|
<div class="news-date">May 14, 2025</div>
|
||||||
|
<div class="news-title">Trump Administration Scraps Data Privacy Plan</div>
|
||||||
|
<p>Trump administration has scrapped a Biden-era plan that would limit the sale of Americans' personal data to foreign entities.</p>
|
||||||
|
<a href="https://www.reuters.com/sustainability/boards-policy-regulation/trump-administration-scraps-biden-era-plan-limit-sale-americans-personal-data-2025-05-14/" target="_blank">Read more</a>
|
||||||
|
</div>
|
||||||
|
<div class="news-item">
|
||||||
|
<div class="news-date">May 20, 2025</div>
|
||||||
|
<div class="news-title">Malicious VPN Extensions Found on Chrome</div>
|
||||||
|
<p>Multiple malicious VPN extensions discovered on Chrome Web Store were found to be intercepting user data.</p>
|
||||||
|
<a href="https://cyberinsider.com/malicious-vpn-extensions-on-chrome-web-store-intercept-user-data/" target="_blank">Read more</a>
|
||||||
|
</div>
|
||||||
|
<div class="news-item">
|
||||||
|
<div class="news-date">May 18, 2025</div>
|
||||||
|
<div class="news-title">Regeneron to Acquire 23andMe</div>
|
||||||
|
<p>Regeneron plans to acquire 23andMe and will inherit the DNA data of approximately 15 million people.</p>
|
||||||
|
<a href="https://cyberinsider.com/regeneron-to-acquire-23andme-and-inherit-dna-data-of-15-million-people/" target="_blank">Read more</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="sidebar-section important-links">
|
||||||
|
<h2>Important Links</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="https://www.eff.org/" target="_blank">Electronic Frontier Foundation</a>
|
||||||
|
<p class="link-description">A nonprofit defending digital privacy, free speech, and innovation.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://owasp.org/" target="_blank">OWASP</a>
|
||||||
|
<p class="link-description">The Open Web Application Security Project - improving software security.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://thenewoil.org/en/" target="_blank">The New Oil</a>
|
||||||
|
<p class="link-description">Privacy education resources and guides for beginners to experts.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://www.torproject.org/" target="_blank">Tor Project</a>
|
||||||
|
<p class="link-description">Advancing human rights and freedoms through anonymous communication technology.</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.link-description {
|
||||||
|
font-size: 0.85rem;
|
||||||
|
margin-top: 0.2rem;
|
||||||
|
margin-bottom: 0.8rem;
|
||||||
|
color: var(--gruvbox-fg-alt);
|
||||||
|
}
|
||||||
|
|
||||||
|
.news-item a {
|
||||||
|
font-size: 0.85rem;
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 0.3rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1,210 +0,0 @@
|
|||||||
---
|
|
||||||
import astroLogo from '../assets/astro.svg';
|
|
||||||
import background from '../assets/background.svg';
|
|
||||||
---
|
|
||||||
|
|
||||||
<div id="container">
|
|
||||||
<img id="background" src={background.src} alt="" fetchpriority="high" />
|
|
||||||
<main>
|
|
||||||
<section id="hero">
|
|
||||||
<a href="https://astro.build"
|
|
||||||
><img src={astroLogo.src} width="115" height="48" alt="Astro Homepage" /></a
|
|
||||||
>
|
|
||||||
<h1>
|
|
||||||
To get started, open the <code><pre>src/pages</pre></code> directory in your project.
|
|
||||||
</h1>
|
|
||||||
<section id="links">
|
|
||||||
<a class="button" href="https://docs.astro.build">Read our docs</a>
|
|
||||||
<a href="https://astro.build/chat"
|
|
||||||
>Join our Discord <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"
|
|
||||||
><path
|
|
||||||
fill="currentColor"
|
|
||||||
d="M107.7 8.07A105.15 105.15 0 0 0 81.47 0a72.06 72.06 0 0 0-3.36 6.83 97.68 97.68 0 0 0-29.11 0A72.37 72.37 0 0 0 45.64 0a105.89 105.89 0 0 0-26.25 8.09C2.79 32.65-1.71 56.6.54 80.21a105.73 105.73 0 0 0 32.17 16.15 77.7 77.7 0 0 0 6.89-11.11 68.42 68.42 0 0 1-10.85-5.18c.91-.66 1.8-1.34 2.66-2a75.57 75.57 0 0 0 64.32 0c.87.71 1.76 1.39 2.66 2a68.68 68.68 0 0 1-10.87 5.19 77 77 0 0 0 6.89 11.1 105.25 105.25 0 0 0 32.19-16.14c2.64-27.38-4.51-51.11-18.9-72.15ZM42.45 65.69C36.18 65.69 31 60 31 53s5-12.74 11.43-12.74S54 46 53.89 53s-5.05 12.69-11.44 12.69Zm42.24 0C78.41 65.69 73.25 60 73.25 53s5-12.74 11.44-12.74S96.23 46 96.12 53s-5.04 12.69-11.43 12.69Z"
|
|
||||||
></path></svg
|
|
||||||
>
|
|
||||||
</a>
|
|
||||||
</section>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<a href="https://astro.build/blog/astro-5/" id="news" class="box">
|
|
||||||
<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
><path
|
|
||||||
d="M24.667 12c1.333 1.414 2 3.192 2 5.334 0 4.62-4.934 5.7-7.334 12C18.444 28.567 18 27.456 18 26c0-4.642 6.667-7.053 6.667-14Zm-5.334-5.333c1.6 1.65 2.4 3.43 2.4 5.333 0 6.602-8.06 7.59-6.4 17.334C13.111 27.787 12 25.564 12 22.666c0-4.434 7.333-8 7.333-16Zm-6-5.333C15.111 3.555 16 5.556 16 7.333c0 8.333-11.333 10.962-5.333 22-3.488-.774-6-4-6-8 0-8.667 8.666-10 8.666-20Z"
|
|
||||||
fill="#111827"></path></svg
|
|
||||||
>
|
|
||||||
<h2>What's New in Astro 5.0?</h2>
|
|
||||||
<p>
|
|
||||||
From content layers to server islands, click to learn more about the new features and
|
|
||||||
improvements in Astro 5.0
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
#background {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: -1;
|
|
||||||
filter: blur(100px);
|
|
||||||
}
|
|
||||||
|
|
||||||
#container {
|
|
||||||
font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#hero {
|
|
||||||
display: flex;
|
|
||||||
align-items: start;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 22px;
|
|
||||||
margin-top: 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links {
|
|
||||||
display: flex;
|
|
||||||
gap: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links a {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: 10px 12px;
|
|
||||||
color: #111827;
|
|
||||||
text-decoration: none;
|
|
||||||
transition: color 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links a:hover {
|
|
||||||
color: rgb(78, 80, 86);
|
|
||||||
}
|
|
||||||
|
|
||||||
#links a svg {
|
|
||||||
height: 1em;
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links a.button {
|
|
||||||
color: white;
|
|
||||||
background: linear-gradient(83.21deg, #3245ff 0%, #bc52ee 100%);
|
|
||||||
box-shadow:
|
|
||||||
inset 0 0 0 1px rgba(255, 255, 255, 0.12),
|
|
||||||
inset 0 -2px 0 rgba(0, 0, 0, 0.24);
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links a.button:hover {
|
|
||||||
color: rgb(230, 230, 230);
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
font-family:
|
|
||||||
ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono',
|
|
||||||
monospace;
|
|
||||||
font-weight: normal;
|
|
||||||
background: linear-gradient(14deg, #d83333 0%, #f041ff 100%);
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
background-clip: text;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
margin: 0 0 1em;
|
|
||||||
font-weight: normal;
|
|
||||||
color: #111827;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
color: #4b5563;
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 24px;
|
|
||||||
letter-spacing: -0.006em;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
display: inline-block;
|
|
||||||
background:
|
|
||||||
linear-gradient(66.77deg, #f3cddd 0%, #f5cee7 100%) padding-box,
|
|
||||||
linear-gradient(155deg, #d83333 0%, #f041ff 18%, #f5cee7 45%) border-box;
|
|
||||||
border-radius: 8px;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
padding: 6px 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box {
|
|
||||||
padding: 16px;
|
|
||||||
background: rgba(255, 255, 255, 1);
|
|
||||||
border-radius: 16px;
|
|
||||||
border: 1px solid white;
|
|
||||||
}
|
|
||||||
|
|
||||||
#news {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 16px;
|
|
||||||
right: 16px;
|
|
||||||
max-width: 300px;
|
|
||||||
text-decoration: none;
|
|
||||||
transition: background 0.2s;
|
|
||||||
backdrop-filter: blur(50px);
|
|
||||||
}
|
|
||||||
|
|
||||||
#news:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.55);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-height: 368px) {
|
|
||||||
#news {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
|
||||||
#container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
#hero {
|
|
||||||
display: block;
|
|
||||||
padding-top: 10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links {
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links a.button {
|
|
||||||
padding: 14px 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#news {
|
|
||||||
right: 16px;
|
|
||||||
left: 16px;
|
|
||||||
bottom: 2.5rem;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,123 +1,126 @@
|
|||||||
---
|
---
|
||||||
import '../styles/styles.css';
|
import Layout from '../components/Layout.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<Layout title="About">
|
||||||
<html lang="en">
|
<h1>About Us</h1>
|
||||||
<head>
|
<p>Welcome to my personal tech services website! I'm Stephan Juchatz, a passionate technology specialist with expertise in networking, system administration, and open-source privacy solutions.</p>
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<div class="vision-mission-section">
|
||||||
<title>About - My Website</title>
|
<h2>Our Vision</h2>
|
||||||
</head>
|
<p>A world where digital privacy and security are accessible to everyone, where individuals have meaningful control over their personal data, and where technology empowers rather than exploits.</p>
|
||||||
<body>
|
|
||||||
<div class="container">
|
<h2>Our Mission</h2>
|
||||||
<header>
|
<p>To empower individuals and businesses with the knowledge, tools, and support they need to reclaim their digital privacy, enhance their security posture, and make informed decisions about their digital lives.</p>
|
||||||
<nav>
|
</div>
|
||||||
<ul class="main-menu">
|
|
||||||
<li><a href="index.html">Home</a></li>
|
<div class="privacy-section">
|
||||||
<li class="has-dropdown">
|
<h2>Why Privacy Matters</h2>
|
||||||
<a href="services.html">Services</a>
|
<p><span class="highlight">Privacy is about power</span>, and it's critical that this power ends up in the right hands—yours. In today's digital landscape, your personal data has become the most valuable commodity, harvested by corporations to build detailed profiles for targeted advertising while your digital identity is continuously tracked across the web.</p>
|
||||||
<ul class="dropdown">
|
|
||||||
<li class="has-submenu">
|
<p>Privacy isn't about having "something to hide"—it's about <span class="highlight">human dignity and autonomy</span>. Just as you close the bathroom door not for secrecy but for privacy, certain aspects of your digital life deserve the same respect and protection.</p>
|
||||||
<a href="services.html#networking">Networking</a>
|
|
||||||
<ul class="submenu">
|
<p>Living in an information society means that <span class="highlight">our information matters</span>. When you shop online, read news, look something up, vote, or seek directions, you're relying on information systems that simultaneously collect data about you. If we care about our ability to be authentic, fulfilled, and free humans, we must care about the rules that apply to information about us.</p>
|
||||||
<li><a href="services.html#adblocker">Adblocker</a></li>
|
|
||||||
<li><a href="services.html#openwrt">OpenWRT</a></li>
|
<p>The illusion of control through cookie consent forms and privacy settings is often just that—an illusion. True privacy needs to be <span class="highlight">built into the foundation</span> of your digital life, not added as an afterthought.</p>
|
||||||
<li><a href="services.html#opnsense">OPNsense</a></li>
|
</div>
|
||||||
<li><a href="services.html#nas">NAS</a></li>
|
|
||||||
<li><a href="services.html#proxmox">Proxmox</a></li>
|
<div class="concepts-section">
|
||||||
<li><a href="services.html#wireguard">Wireguard</a></li>
|
<h2>Understanding Digital Protection</h2>
|
||||||
<li><a href="services.html#vpn">VPN</a></li>
|
<p>Effective digital protection involves three key concepts:</p>
|
||||||
<li><a href="services.html#vps">VPS</a></li>
|
|
||||||
</ul>
|
<div class="concept-card">
|
||||||
</li>
|
<h3>Privacy</h3>
|
||||||
<li class="has-submenu">
|
<p>Ensuring your data is only seen by the parties you intend to view it. For example, end-to-end encrypted messaging ensures only you and your recipient can read your messages.</p>
|
||||||
<a href="services.html#os">OS</a>
|
|
||||||
<ul class="submenu">
|
|
||||||
<li><a href="services.html#remove-telemetry">Remove Windows Telemetry</a></li>
|
|
||||||
<li><a href="services.html#linux-setup">Set Up Linux</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="about.html">About</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<aside class="sidebar">
|
|
||||||
<section class="sidebar-section news">
|
|
||||||
<h2>Latest News</h2>
|
|
||||||
<div class="news-item">
|
|
||||||
<div class="news-date">May 19, 2025</div>
|
|
||||||
<div class="news-title">Website Launch</div>
|
|
||||||
<p>Our new website is now live with an improved user experience.</p>
|
|
||||||
</div>
|
|
||||||
<div class="news-item">
|
|
||||||
<div class="news-date">May 15, 2025</div>
|
|
||||||
<div class="news-title">New Services Added</div>
|
|
||||||
<p>We've expanded our services to include specialized solutions.</p>
|
|
||||||
</div>
|
|
||||||
<div class="news-item">
|
|
||||||
<div class="news-date">May 10, 2025</div>
|
|
||||||
<div class="news-title">Community Event</div>
|
|
||||||
<p>Join us for our upcoming community event on June 1st.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="sidebar-section important-links">
|
|
||||||
<h2>Important Links</h2>
|
|
||||||
<ul>
|
|
||||||
<li><a href="#">Documentation</a></li>
|
|
||||||
<li><a href="#">Resources</a></li>
|
|
||||||
<li><a href="#">Projects</a></li>
|
|
||||||
<li><a href="#">Downloads</a></li>
|
|
||||||
<li><a href="#">Contact</a></li>
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
</aside>
|
|
||||||
|
|
||||||
<main>
|
|
||||||
<section class="main-content">
|
|
||||||
<h1>About Us</h1>
|
|
||||||
<p>Welcome to my personal tech services website! I'm a passionate technology specialist with expertise in networking, system administration, and open-source solutions.</p>
|
|
||||||
|
|
||||||
<h2>My Background</h2>
|
|
||||||
<p>With over [X] years of experience in the IT industry, I've developed a deep understanding of various technologies and methodologies. My journey began with a curiosity about how computers work and has evolved into a comprehensive skill set that allows me to tackle complex technical challenges.</p>
|
|
||||||
|
|
||||||
<p>I hold certifications in [relevant certifications] and continuously update my knowledge to stay current with the rapidly evolving tech landscape.</p>
|
|
||||||
|
|
||||||
<h2>My Approach</h2>
|
|
||||||
<p>I believe in the power of open-source solutions and privacy-focused technologies. My approach combines technical expertise with a commitment to empowering users through knowledge sharing and transparent practices.</p>
|
|
||||||
|
|
||||||
<p>When working on projects, I prioritize:</p>
|
|
||||||
<ul>
|
|
||||||
<li><span class="highlight">Security</span> - Implementing robust security measures to protect your data and systems</li>
|
|
||||||
<li><span class="highlight">Privacy</span> - Respecting and enhancing your digital privacy</li>
|
|
||||||
<li><span class="highlight">Reliability</span> - Building solutions that work consistently and require minimal maintenance</li>
|
|
||||||
<li><span class="highlight">Knowledge Transfer</span> - Ensuring you understand how your systems work</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h2>Why Choose My Services</h2>
|
|
||||||
<p>Unlike large service providers that offer one-size-fits-all solutions, I provide personalized services tailored to your specific needs. I take the time to understand your requirements, preferences, and constraints before recommending and implementing solutions.</p>
|
|
||||||
|
|
||||||
<p>My clients appreciate my:</p>
|
|
||||||
<ul>
|
|
||||||
<li>Attention to detail and thoroughness</li>
|
|
||||||
<li>Clear communication and jargon-free explanations</li>
|
|
||||||
<li>Commitment to finding the right solution, not just the easiest one</li>
|
|
||||||
<li>Ongoing support and availability for questions</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h2>Get in Touch</h2>
|
|
||||||
<p>I'm always happy to discuss potential projects, answer questions, or provide advice. Feel free to reach out using the contact information below:</p>
|
|
||||||
|
|
||||||
<p>Email: <a href="mailto:your-email@example.com">your-email@example.com</a><br>
|
|
||||||
Phone: (123) 456-7890</p>
|
|
||||||
|
|
||||||
<a href="#" class="cta-button">Contact Me</a>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
|
||||||
</html>
|
<div class="concept-card">
|
||||||
|
<h3>Security</h3>
|
||||||
|
<p>The ability to trust the applications you use—that the parties involved are who they say they are—and keep those applications safe from external threats and vulnerabilities.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="concept-card">
|
||||||
|
<h3>Anonymity</h3>
|
||||||
|
<p>The ability to act without a persistent identifier, allowing you to use services without revealing who you are or creating a traceable pattern of activity.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>My Background</h2>
|
||||||
|
<p>With over 15 years of experience in the IT industry, I've developed a deep understanding of various technologies and methodologies. My journey began with a curiosity about how computers work and has evolved into a comprehensive skill set that allows me to tackle complex technical challenges while maintaining a strong focus on privacy and security.</p>
|
||||||
|
|
||||||
|
<h2>My Philosophy</h2>
|
||||||
|
<p>I believe that privacy isn't just about hiding—it's about <span class="highlight">empowerment, autonomy, and human dignity</span>. In today's data-driven world, the ability to control who has access to your information is not a luxury but a necessity.</p>
|
||||||
|
|
||||||
|
<p>I firmly believe that:</p>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Privacy is a fundamental right</span> - Not a feature to be traded away for convenience</li>
|
||||||
|
<li><span class="highlight">Education is essential</span> - Understanding the why behind privacy practices leads to better adoption</li>
|
||||||
|
<li><span class="highlight">Technology should serve people</span> - Not the other way around</li>
|
||||||
|
<li><span class="highlight">Solutions should be sustainable</span> - Privacy shouldn't come at the cost of functionality</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>I believe in the power of open-source solutions and privacy-focused technologies. My approach combines technical expertise with a commitment to empowering users through knowledge sharing and transparent practices.</p>
|
||||||
|
|
||||||
|
<p>When working on projects, I prioritize:</p>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Security</span> - Implementing robust security measures to protect your data and systems</li>
|
||||||
|
<li><span class="highlight">Privacy</span> - Respecting and enhancing your digital privacy through thoughtful implementation</li>
|
||||||
|
<li><span class="highlight">Reliability</span> - Building solutions that work consistently and require minimal maintenance</li>
|
||||||
|
<li><span class="highlight">Knowledge Transfer</span> - Ensuring you understand how your systems work and why privacy matters</li>
|
||||||
|
<li><span class="highlight">Empowerment</span> - Giving you the tools and knowledge to maintain your digital privacy independently</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Why Choose My Services</h2>
|
||||||
|
<p>Unlike large service providers that offer one-size-fits-all solutions, I provide personalized services tailored to your specific needs and threat model. I take the time to understand your requirements, preferences, and constraints before recommending and implementing solutions.</p>
|
||||||
|
|
||||||
|
<p>My clients appreciate my:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Attention to detail and thoroughness in implementation</li>
|
||||||
|
<li>Clear communication and jargon-free explanations</li>
|
||||||
|
<li>Commitment to finding the right solution, not just the easiest one</li>
|
||||||
|
<li>Focus on education and empowerment, not just installation</li>
|
||||||
|
<li>Ongoing support and availability for questions</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Get in Touch</h2>
|
||||||
|
<p>I'm always happy to discuss potential projects, answer questions, or provide advice on enhancing your digital privacy and security. Feel free to reach out using the contact information below:</p>
|
||||||
|
|
||||||
|
<p>Email: <a href="mailto:shop@juchatz.com">shop@juchatz.com</a><br>
|
||||||
|
Phone: (123) 456-7890</p>
|
||||||
|
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.vision-mission-section, .privacy-section, .concepts-section {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vision-mission-section {
|
||||||
|
border-left: 4px solid var(--gruvbox-yellow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.privacy-section {
|
||||||
|
border-left: 4px solid var(--gruvbox-red);
|
||||||
|
}
|
||||||
|
|
||||||
|
.concepts-section {
|
||||||
|
border-left: 4px solid var(--gruvbox-blue);
|
||||||
|
}
|
||||||
|
|
||||||
|
.concept-card {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
padding: 1rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.concept-card h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</Layout>
|
||||||
|
|||||||
140
src/pages/api/send-message.js
Normal file
140
src/pages/api/send-message.js
Normal file
@@ -0,0 +1,140 @@
|
|||||||
|
// src/pages/api/send-message.js
|
||||||
|
export const prerender = false;
|
||||||
|
|
||||||
|
export const POST = async ({ request }) => {
|
||||||
|
try {
|
||||||
|
// Parse the request body
|
||||||
|
let data;
|
||||||
|
try {
|
||||||
|
data = await request.json();
|
||||||
|
} catch (parseError) {
|
||||||
|
return new Response(JSON.stringify({
|
||||||
|
error: 'Invalid request format'
|
||||||
|
}), {
|
||||||
|
status: 400,
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const { name, email, phone, subject, message } = data;
|
||||||
|
|
||||||
|
// Validate the form data
|
||||||
|
if (!name || !email || !subject || !message) {
|
||||||
|
return new Response(JSON.stringify({
|
||||||
|
error: 'All fields are required'
|
||||||
|
}), {
|
||||||
|
status: 400,
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get ntfy configuration from environment variables
|
||||||
|
const ntfyUrl = import.meta.env.PUBLIC_NTFY_URL;
|
||||||
|
const ntfyToken = import.meta.env.PUBLIC_NTFY_TOKEN;
|
||||||
|
|
||||||
|
if (!ntfyUrl) {
|
||||||
|
return new Response(JSON.stringify({
|
||||||
|
error: 'Server configuration error'
|
||||||
|
}), {
|
||||||
|
status: 500,
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Format the message in Markdown similar to your Proxmox template
|
||||||
|
const messageBody = `** Website Contact Form **
|
||||||
|
|
||||||
|
${subject}
|
||||||
|
|
||||||
|
**Message:**
|
||||||
|
${message}
|
||||||
|
|
||||||
|
**Details:**
|
||||||
|
**Time:** ${new Date().toISOString()}
|
||||||
|
**Name:** ${name}
|
||||||
|
**Email:** ${email}
|
||||||
|
**Phone:** ${phone || 'Not provided'}`;
|
||||||
|
|
||||||
|
// Prepare headers with Bearer token authentication
|
||||||
|
const headers = {
|
||||||
|
'Content-Type': 'text/plain',
|
||||||
|
'Title': `Website Contact: ${subject}`,
|
||||||
|
'Markdown': 'yes',
|
||||||
|
'Tags': 'contact,website'
|
||||||
|
};
|
||||||
|
|
||||||
|
// Add authentication if token is provided
|
||||||
|
if (ntfyToken) {
|
||||||
|
headers['Authorization'] = `Bearer ${ntfyToken}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Send to ntfy
|
||||||
|
const response = await fetch(ntfyUrl, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: headers,
|
||||||
|
body: messageBody
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
return new Response(JSON.stringify({
|
||||||
|
error: 'Failed to send message. Please try again later.'
|
||||||
|
}), {
|
||||||
|
status: 500,
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add file logging as a backup
|
||||||
|
try {
|
||||||
|
const fs = await import('fs');
|
||||||
|
const path = await import('path');
|
||||||
|
|
||||||
|
const logDir = path.default.resolve(process.cwd(), 'logs');
|
||||||
|
const logFile = path.default.join(logDir, 'contact-messages.log');
|
||||||
|
|
||||||
|
if (!fs.default.existsSync(logDir)) {
|
||||||
|
fs.default.mkdirSync(logDir, { recursive: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
const logMessage = `
|
||||||
|
=== New Message ${new Date().toISOString()} ===
|
||||||
|
From: ${name} (${email})
|
||||||
|
Phone: ${phone || 'Not provided'}
|
||||||
|
Subject: ${subject}
|
||||||
|
|
||||||
|
${message}
|
||||||
|
==============================
|
||||||
|
`;
|
||||||
|
|
||||||
|
fs.default.appendFileSync(logFile, logMessage);
|
||||||
|
} catch (logError) {
|
||||||
|
// Continue anyway - this is just a backup
|
||||||
|
}
|
||||||
|
|
||||||
|
return new Response(JSON.stringify({
|
||||||
|
success: true
|
||||||
|
}), {
|
||||||
|
status: 200,
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
return new Response(JSON.stringify({
|
||||||
|
error: 'Server error occurred. Please try again later.'
|
||||||
|
}), {
|
||||||
|
status: 500,
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
104
src/pages/contact.astro
Normal file
104
src/pages/contact.astro
Normal file
@@ -0,0 +1,104 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../components/Layout.astro';
|
||||||
|
|
||||||
|
// Environment variables with PUBLIC_ prefix
|
||||||
|
const ntfyUrl = import.meta.env.PUBLIC_NTFY_URL;
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="Contact">
|
||||||
|
<h1>Contact Me</h1>
|
||||||
|
<div class="contact-info-section">
|
||||||
|
<h2>Stephan Juchatz</h2>
|
||||||
|
<p><strong>Phone:</strong> (123) 456-7890</p>
|
||||||
|
<p><strong>Email:</strong> <a href="mailto:shop@juchatz.com">shop@juchatz.com</a></p>
|
||||||
|
<p>Feel free to reach out with any questions or inquiries about my services. I'm here to help you with all your technical needs.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="contact-form-container">
|
||||||
|
<h2>Send Me a Message</h2>
|
||||||
|
<form id="contactForm" class="contact-form">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="name">Your Name</label>
|
||||||
|
<input type="text" id="name" name="name" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="email">Your Email</label>
|
||||||
|
<input type="email" id="email" name="email" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="phone">Your Phone Number</label>
|
||||||
|
<input type="tel" id="phone" name="phone">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="subject">Subject</label>
|
||||||
|
<input type="text" id="subject" name="subject" required>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="message">Message</label>
|
||||||
|
<textarea id="message" name="message" rows="6" required></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="submit-button">Send Message</button>
|
||||||
|
</form>
|
||||||
|
<div id="formStatus" class="form-status"></div>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
const contactForm = document.getElementById('contactForm');
|
||||||
|
const formStatus = document.getElementById('formStatus');
|
||||||
|
|
||||||
|
contactForm.addEventListener('submit', async function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
const name = document.getElementById('name').value;
|
||||||
|
const email = document.getElementById('email').value;
|
||||||
|
const phone = document.getElementById('phone').value;
|
||||||
|
const subject = document.getElementById('subject').value;
|
||||||
|
const message = document.getElementById('message').value;
|
||||||
|
|
||||||
|
formStatus.innerHTML = "<p>Sending your message...</p>";
|
||||||
|
formStatus.className = "form-status sending";
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch('/api/send-message', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
name,
|
||||||
|
email,
|
||||||
|
phone,
|
||||||
|
subject,
|
||||||
|
message
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
if (response.ok) {
|
||||||
|
formStatus.innerHTML = "<p>Message sent successfully! I'll get back to you soon.</p>";
|
||||||
|
formStatus.className = "form-status success";
|
||||||
|
contactForm.reset();
|
||||||
|
} else {
|
||||||
|
let result;
|
||||||
|
try {
|
||||||
|
result = await response.json();
|
||||||
|
} catch (e) {
|
||||||
|
result = { error: 'Could not send message. Please try again.' };
|
||||||
|
}
|
||||||
|
|
||||||
|
formStatus.innerHTML = `<p>Error: ${result.error || 'Could not send message. Please try again.'}</p>`;
|
||||||
|
formStatus.className = "form-status error";
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
formStatus.innerHTML = `<p>Error: Could not send message. Please try again later.</p>`;
|
||||||
|
formStatus.className = "form-status error";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
@@ -1,98 +1,75 @@
|
|||||||
---
|
---
|
||||||
import '../styles/styles.css';
|
import Layout from '../components/Layout.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<Layout title="Home">
|
||||||
<html lang="en">
|
<h1>Welcome to My Digital Privacy & Security Services</h1>
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
<div class="intro-section">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<h2>Who I Am</h2>
|
||||||
<title>My Website</title>
|
<p>Hello, I'm <span class="highlight">Stephan Juchatz</span>, a Computer Science graduate with a passion for digital privacy and security. This website serves as a platform where I offer my expertise to help individuals and businesses protect their digital lives.</p>
|
||||||
</head>
|
|
||||||
<body>
|
<p>With my background in computer science and years of hands-on experience, I've developed specialized knowledge in networking, system administration, and open-source privacy solutions that can help you reclaim control of your digital footprint.</p>
|
||||||
<div class="container">
|
</div>
|
||||||
<header>
|
|
||||||
<nav>
|
<div class="mission-section">
|
||||||
<ul class="main-menu">
|
<h2>The Issue At Hand</h2>
|
||||||
<li><a href="index.html">Home</a></li>
|
<p>In today's digital landscape, your personal data has become the most valuable commodity. <span class="highlight">Large corporations harvest your information</span> to build detailed profiles for targeted advertising, while your digital identity is continuously tracked across the web.</p>
|
||||||
<li class="has-dropdown">
|
|
||||||
<a href="services.html">Services</a>
|
<p>Meanwhile, <span class="highlight">malicious actors and hackers</span> are constantly developing new ways to exploit vulnerabilities in systems and networks, putting your personal information and digital assets at risk.</p>
|
||||||
<ul class="dropdown">
|
|
||||||
<li class="has-submenu">
|
<p>The reality is that most people don't realize the extent to which their privacy is compromised or the potential consequences of poor security practices. My mission is to change that by offering accessible, personalized solutions that protect your digital life.</p>
|
||||||
<a href="services.html#networking">Networking</a>
|
</div>
|
||||||
<ul class="submenu">
|
|
||||||
<li><a href="services.html#adblocker">Adblocker</a></li>
|
<div class="services-highlight">
|
||||||
<li><a href="services.html#openwrt">OpenWRT</a></li>
|
<h2>How I Can Help</h2>
|
||||||
<li><a href="services.html#opnsense">OPNsense</a></li>
|
<p>From implementing network-wide ad blocking and setting up secure VPN connections to removing invasive telemetry from your devices and migrating to privacy-focused operating systems, I provide comprehensive services designed to enhance your digital privacy and security.</p>
|
||||||
<li><a href="services.html#nas">NAS</a></li>
|
|
||||||
<li><a href="services.html#proxmox">Proxmox</a></li>
|
<p>I believe that robust privacy solutions should be accessible to everyone, not just technical experts. That's why I focus on <span class="highlight">knowledge transfer</span> and clear communication, ensuring you understand how your systems work and empowering you to maintain them.</p>
|
||||||
<li><a href="services.html#wireguard">Wireguard</a></li>
|
</div>
|
||||||
<li><a href="services.html#vpn">VPN</a></li>
|
|
||||||
<li><a href="services.html#vps">VPS</a></li>
|
<p>Whether you're looking to protect your personal data from prying eyes, secure your home network against intrusions, or transition to more privacy-respecting technologies, I'm here to guide you every step of the way.</p>
|
||||||
</ul>
|
|
||||||
</li>
|
<div class="cta-container">
|
||||||
<li class="has-submenu">
|
<a href="/services" class="cta-button">Explore My Services</a>
|
||||||
<a href="services.html#os">OS</a>
|
<a href="/contact" class="cta-button secondary">Get In Touch</a>
|
||||||
<ul class="submenu">
|
</div>
|
||||||
<li><a href="services.html#remove-telemetry">Remove Windows Telemetry</a></li>
|
</Layout>
|
||||||
<li><a href="services.html#linux-setup">Set Up Linux</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="about.html">About</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<aside class="sidebar">
|
<style>
|
||||||
<section class="sidebar-section news">
|
.intro-section, .mission-section, .services-highlight {
|
||||||
<h2>Latest News</h2>
|
margin-bottom: 2rem;
|
||||||
<div class="news-item">
|
padding: 1.5rem;
|
||||||
<div class="news-date">May 19, 2025</div>
|
background-color: var(--gruvbox-bg-soft);
|
||||||
<div class="news-title">Website Launch</div>
|
border-radius: 5px;
|
||||||
<p>Our new website is now live with an improved user experience.</p>
|
border-left: 4px solid var(--gruvbox-blue);
|
||||||
</div>
|
}
|
||||||
<div class="news-item">
|
|
||||||
<div class="news-date">May 15, 2025</div>
|
.mission-section {
|
||||||
<div class="news-title">New Services Added</div>
|
border-left-color: var(--gruvbox-red);
|
||||||
<p>We've expanded our services to include specialized solutions.</p>
|
}
|
||||||
</div>
|
|
||||||
<div class="news-item">
|
.services-highlight {
|
||||||
<div class="news-date">May 10, 2025</div>
|
border-left-color: var(--gruvbox-green);
|
||||||
<div class="news-title">Community Event</div>
|
}
|
||||||
<p>Join us for our upcoming community event on June 1st.</p>
|
|
||||||
</div>
|
.cta-container {
|
||||||
</section>
|
display: flex;
|
||||||
|
gap: 1rem;
|
||||||
<section class="sidebar-section important-links">
|
margin-top: 2rem;
|
||||||
<h2>Important Links</h2>
|
}
|
||||||
<ul>
|
|
||||||
<li><a href="#">Documentation</a></li>
|
.cta-button.secondary {
|
||||||
<li><a href="#">Resources</a></li>
|
background-color: var(--gruvbox-blue);
|
||||||
<li><a href="#">Projects</a></li>
|
}
|
||||||
<li><a href="#">Downloads</a></li>
|
|
||||||
<li><a href="#">Contact</a></li>
|
.cta-button.secondary:hover {
|
||||||
</ul>
|
background-color: var(--gruvbox-aqua);
|
||||||
</section>
|
}
|
||||||
</aside>
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
<main>
|
.cta-container {
|
||||||
<section class="main-content">
|
flex-direction: column;
|
||||||
<h1>Welcome to My Website</h1>
|
}
|
||||||
<p>Hello, I'm a <span class="highlight">developer/professional</span> specializing in creating efficient and robust solutions. This website serves as a platform to showcase my work, share insights, and connect with others who share similar interests.</p>
|
}
|
||||||
|
</style>
|
||||||
<p>With over <span class="highlight">X years</span> of experience in the industry, I've developed a deep understanding of various technologies and methodologies that enable me to deliver high-quality results consistently.</p>
|
|
||||||
|
|
||||||
<p>My approach combines technical expertise with creative problem-solving, ensuring that each project not only meets but exceeds expectations. I believe in the power of collaboration and continuous learning, which has been instrumental in my professional journey.</p>
|
|
||||||
|
|
||||||
<p>Whether you're looking for a partner for your next project, seeking technical advice, or just want to connect with like-minded professionals, you've come to the right place.</p>
|
|
||||||
|
|
||||||
<p>Feel free to explore the website to learn more about my services, check out my portfolio, or get in touch to discuss potential collaborations.</p>
|
|
||||||
|
|
||||||
<a href="#" class="cta-button">Get Started</a>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|||||||
@@ -1,146 +1,115 @@
|
|||||||
---
|
---
|
||||||
import '../styles/styles.css';
|
import Layout from '../components/Layout.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<Layout title="Services">
|
||||||
<html lang="en">
|
<h1>Our Services</h1>
|
||||||
<head>
|
<p>We offer a wide range of technical services to help you optimize your digital environment, organized around three core principles: Privacy, Security, and Anonymity. Below you'll find detailed information about each of our service categories.</p>
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<!-- Privacy Section -->
|
||||||
<title>Services - My Website</title>
|
<h2 id="privacy">Privacy Services</h2>
|
||||||
</head>
|
<p>Our privacy services help you regain control over your personal data and minimize digital tracking to protect your information from unwanted collection.</p>
|
||||||
<body>
|
|
||||||
<div class="container">
|
<div class="service-card" id="adblocker">
|
||||||
<header>
|
<h3>Adblocker Setup</h3>
|
||||||
<nav>
|
<p>Enhance your browsing experience and protect your privacy with our comprehensive ad-blocking solutions. We implement network-wide ad blocking that works across all your devices without requiring individual software installations.</p>
|
||||||
<ul class="main-menu">
|
<a href="/services/adblocker" class="service-link">Learn More</a>
|
||||||
<li><a href="index.html">Home</a></li>
|
</div>
|
||||||
<li class="has-dropdown">
|
|
||||||
<a href="services.html">Services</a>
|
<div class="service-card" id="bitwarden">
|
||||||
<ul class="dropdown">
|
<h3>Bitwarden Password Manager</h3>
|
||||||
<li class="has-submenu">
|
<p>Take control of your online credentials with a self-hosted Bitwarden password manager. This open-source solution securely stores your passwords, generates strong new ones, and synchronizes across all your devices while keeping your data entirely under your control.</p>
|
||||||
<a href="#networking">Networking</a>
|
<a href="/services/bitwarden" class="service-link">Learn More</a>
|
||||||
<ul class="submenu">
|
</div>
|
||||||
<li><a href="#adblocker">Adblocker</a></li>
|
|
||||||
<li><a href="#openwrt">OpenWRT</a></li>
|
<div class="service-card" id="remove-telemetry">
|
||||||
<li><a href="#opnsense">OPNsense</a></li>
|
<h3>Remove Windows Telemetry</h3>
|
||||||
<li><a href="#nas">NAS</a></li>
|
<p>Enhance your privacy by removing Windows telemetry features that collect and send data to Microsoft. Our service includes identification and disabling of telemetry components while ensuring system stability and functionality.</p>
|
||||||
<li><a href="#proxmox">Proxmox</a></li>
|
<a href="/services/remove-telemetry" class="service-link">Learn More</a>
|
||||||
<li><a href="#wireguard">Wireguard</a></li>
|
</div>
|
||||||
<li><a href="#vpn">VPN</a></li>
|
|
||||||
<li><a href="#vps">VPS</a></li>
|
<!-- Security Section -->
|
||||||
</ul>
|
<h2 id="security">Security Services</h2>
|
||||||
</li>
|
<p>Our security services focus on protecting your data and systems from unauthorized access, ensuring your digital assets remain safe.</p>
|
||||||
<li class="has-submenu">
|
|
||||||
<a href="#os">OS</a>
|
<div class="service-card" id="opnsense">
|
||||||
<ul class="submenu">
|
<h3>OPNsense Firewall</h3>
|
||||||
<li><a href="#remove-telemetry">Remove Windows Telemetry</a></li>
|
<p>Protect your network with a powerful, open-source firewall solution. OPNsense provides enterprise-grade security features including intrusion detection, VPN capabilities, and granular traffic control to defend your network from threats.</p>
|
||||||
<li><a href="#linux-setup">Set Up Linux</a></li>
|
<a href="/services/opnsense" class="service-link">Learn More</a>
|
||||||
</ul>
|
</div>
|
||||||
</li>
|
|
||||||
</ul>
|
<div class="service-card" id="wireguard">
|
||||||
</li>
|
<h3>Wireguard VPN</h3>
|
||||||
<li><a href="about.html">About</a></li>
|
<p>Connect securely to your home network or between multiple sites with Wireguard, a modern VPN protocol known for its simplicity, speed, and strong security. We handle the complete setup and configuration for seamless remote access.</p>
|
||||||
</ul>
|
<a href="/services/wireguard" class="service-link">Learn More</a>
|
||||||
</nav>
|
</div>
|
||||||
</header>
|
|
||||||
|
<div class="service-card" id="vpn">
|
||||||
|
<h3>VPN Setup</h3>
|
||||||
|
<p>Establish secure connections and protect your internet traffic with a properly configured Virtual Private Network. Whether you need a commercial VPN solution or a self-hosted option, we'll implement the right setup for your needs.</p>
|
||||||
|
<a href="/services/vpn" class="service-link">Learn More</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Anonymity Section -->
|
||||||
|
<h2 id="anonymity">Anonymity Services</h2>
|
||||||
|
<p>Our anonymity services help you maintain a lower digital profile and operate online with greater freedom from tracking and surveillance.</p>
|
||||||
|
|
||||||
|
<div class="service-card" id="tor">
|
||||||
|
<h3>TOR Network Setup</h3>
|
||||||
|
<p>Access the internet with enhanced anonymity through the TOR network. We can set up dedicated TOR nodes, configure browsers for optimal privacy, or implement network-wide routing through TOR to help protect your identity online.</p>
|
||||||
|
<a href="/services/tor" class="service-link">Learn More</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-card" id="linux-setup">
|
||||||
|
<h3>Set Up Linux</h3>
|
||||||
|
<p>Make the transition to Linux smooth and hassle-free with our comprehensive setup services. We'll help you select the right privacy-focused distribution, handle the installation process, configure your system, and provide guidance on essential software and daily operations.</p>
|
||||||
|
<a href="/services/linux-setup" class="service-link">Learn More</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Infrastructure Section -->
|
||||||
|
<h2 id="infrastructure">Infrastructure Services</h2>
|
||||||
|
<p>Our infrastructure services provide the foundation for self-hosted solutions that give you complete control over your digital environment.</p>
|
||||||
|
|
||||||
|
<div class="service-card" id="openwrt">
|
||||||
|
<h3>OpenWRT Router</h3>
|
||||||
|
<p>Upgrade your network with OpenWRT, a powerful open-source router firmware that provides advanced features, improved security, and greater control over your home or small business network.</p>
|
||||||
|
<a href="/services/openwrt" class="service-link">Learn More</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-card" id="nas">
|
||||||
|
<h3>Network Attached Storage</h3>
|
||||||
|
<p>Create your own secure data storage solution with a customized NAS setup. Access your files from anywhere while maintaining complete control over your data without relying on cloud services.</p>
|
||||||
|
<a href="/services/nas" class="service-link">Learn More</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-card" id="proxmox">
|
||||||
|
<h3>Proxmox Virtualization</h3>
|
||||||
|
<p>Maximize your hardware resources with Proxmox, an enterprise-grade virtualization platform. Run multiple virtual machines and containers on a single server for efficient resource utilization and service isolation.</p>
|
||||||
|
<a href="/services/proxmox" class="service-link">Learn More</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-card" id="vps">
|
||||||
|
<h3>Virtual Private Server</h3>
|
||||||
|
<p>Deploy and manage VPS instances for hosting your applications, websites, or services in the cloud. We handle everything from initial setup to ongoing management and security hardening.</p>
|
||||||
|
<a href="/services/vps" class="service-link">Learn More</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
<aside class="sidebar">
|
<style>
|
||||||
<section class="sidebar-section news">
|
.service-link {
|
||||||
<h2>Latest News</h2>
|
display: inline-block;
|
||||||
<div class="news-item">
|
margin-top: 0.75rem;
|
||||||
<div class="news-date">May 19, 2025</div>
|
padding: 0.5rem 1rem;
|
||||||
<div class="news-title">Website Launch</div>
|
background-color: var(--gruvbox-blue);
|
||||||
<p>Our new website is now live with an improved user experience.</p>
|
color: var(--gruvbox-fg);
|
||||||
</div>
|
border-radius: 4px;
|
||||||
<div class="news-item">
|
font-size: 0.9rem;
|
||||||
<div class="news-date">May 15, 2025</div>
|
transition: background-color 0.3s;
|
||||||
<div class="news-title">New Services Added</div>
|
}
|
||||||
<p>We've expanded our services to include specialized solutions.</p>
|
|
||||||
</div>
|
.service-link:hover {
|
||||||
<div class="news-item">
|
background-color: var(--gruvbox-aqua);
|
||||||
<div class="news-date">May 10, 2025</div>
|
color: var(--gruvbox-fg);
|
||||||
<div class="news-title">Community Event</div>
|
text-decoration: none;
|
||||||
<p>Join us for our upcoming community event on June 1st.</p>
|
}
|
||||||
</div>
|
</style>
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="sidebar-section important-links">
|
|
||||||
<h2>Important Links</h2>
|
|
||||||
<ul>
|
|
||||||
<li><a href="#">Documentation</a></li>
|
|
||||||
<li><a href="#">Resources</a></li>
|
|
||||||
<li><a href="#">Projects</a></li>
|
|
||||||
<li><a href="#">Downloads</a></li>
|
|
||||||
<li><a href="#">Contact</a></li>
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
</aside>
|
|
||||||
|
|
||||||
<main>
|
|
||||||
<section class="main-content">
|
|
||||||
<h1>Our Services</h1>
|
|
||||||
<p>We offer a wide range of technical services to help you optimize your digital environment. Below you'll find detailed information about each of our service categories.</p>
|
|
||||||
|
|
||||||
<!-- Networking Section -->
|
|
||||||
<h2 id="networking">Networking Services</h2>
|
|
||||||
<p>Our networking services help you build a secure, efficient, and reliable network infrastructure tailored to your specific needs.</p>
|
|
||||||
|
|
||||||
<div class="service-card" id="adblocker">
|
|
||||||
<h3>Adblocker Setup</h3>
|
|
||||||
<p>Enhance your browsing experience and protect your privacy with our comprehensive ad-blocking solutions. We implement network-wide ad blocking that works across all your devices without requiring individual software installations.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="service-card" id="openwrt">
|
|
||||||
<h3>OpenWRT Configuration</h3>
|
|
||||||
<p>Maximize your router's potential with OpenWRT, a powerful open-source firmware that provides enhanced control, security features, and performance improvements. Our experts will configure OpenWRT to optimize your network based on your specific requirements.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="service-card" id="opnsense">
|
|
||||||
<h3>OPNsense Implementation</h3>
|
|
||||||
<p>Secure your network with OPNsense, an enterprise-grade firewall and routing platform. We provide complete setup, configuration, and maintenance services to ensure your network remains protected against evolving threats.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="service-card" id="nas">
|
|
||||||
<h3>NAS Setup and Optimization</h3>
|
|
||||||
<p>Create a centralized storage solution with our Network Attached Storage (NAS) services. We'll help you select the right hardware, implement the appropriate software, and configure backup routines to keep your data safe and accessible.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="service-card" id="proxmox">
|
|
||||||
<h3>Proxmox Virtualization</h3>
|
|
||||||
<p>Leverage the power of Proxmox VE to create an efficient virtualization environment. Our services include installation, configuration, VM setup, and ongoing management to ensure optimal resource utilization and system performance.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="service-card" id="wireguard">
|
|
||||||
<h3>Wireguard VPN Setup</h3>
|
|
||||||
<p>Implement a modern, secure, and efficient VPN solution with Wireguard. We provide end-to-end setup and configuration services to ensure secure remote access to your network from anywhere in the world.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="service-card" id="vpn">
|
|
||||||
<h3>VPN Solutions</h3>
|
|
||||||
<p>Protect your online privacy and secure your data with our comprehensive VPN solutions. We offer setup, configuration, and troubleshooting services for various VPN protocols to meet your specific security requirements.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="service-card" id="vps">
|
|
||||||
<h3>VPS Management</h3>
|
|
||||||
<p>Let us handle the setup and management of your Virtual Private Server. From initial configuration to ongoing maintenance and security updates, we ensure your VPS runs smoothly and securely at all times.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- OS Section -->
|
|
||||||
<h2 id="os">Operating System Services</h2>
|
|
||||||
<p>Our OS services help you get the most out of your operating system while ensuring security, privacy, and optimal performance.</p>
|
|
||||||
|
|
||||||
<div class="service-card" id="remove-telemetry">
|
|
||||||
<h3>Remove Windows Telemetry</h3>
|
|
||||||
<p>Enhance your privacy by removing Windows telemetry features that collect and send data to Microsoft. Our service includes identification and disabling of telemetry components while ensuring system stability and functionality.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="service-card" id="linux-setup">
|
|
||||||
<h3>Set Up Linux</h3>
|
|
||||||
<p>Make the transition to Linux smooth and hassle-free with our comprehensive setup services. We'll help you select the right distribution, handle the installation process, configure your system, and provide guidance on essential software and daily operations.</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|||||||
114
src/pages/services/adblocker.astro
Normal file
114
src/pages/services/adblocker.astro
Normal file
@@ -0,0 +1,114 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="Adblocker Setup">
|
||||||
|
<h1>Adblocker Setup Service</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Dramatically improve your browsing experience, protect your privacy, and secure your network with a comprehensive ad-blocking solution that works across all your devices without requiring individual software installations.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>What is Network-Level Ad Blocking?</h2>
|
||||||
|
<p>Unlike traditional browser-based ad blockers that only work in specific browsers and require installation on each device, network-level ad blocking filters unwanted content at your router or network gateway. This approach provides ad blocking protection to all devices on your network simultaneously—computers, phones, smart TVs, and even devices that cannot normally run ad blockers.</p>
|
||||||
|
|
||||||
|
<h2>Our Ad Blocking Solutions</h2>
|
||||||
|
<p>I offer several implementation options based on your specific needs:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Pi-hole Implementation</h3>
|
||||||
|
<p>Pi-hole is a powerful network-wide ad blocker that can run on a Raspberry Pi or other small computer. I'll set up a dedicated Pi-hole server on your network, configure it with comprehensive filter lists, and integrate it with your existing router to provide immediate ad blocking across all devices.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>AdGuard Home Setup</h3>
|
||||||
|
<p>AdGuard Home offers similar functionality to Pi-hole with some additional features. I'll install and configure this solution on appropriate hardware, set up custom filtering rules, and ensure it works seamlessly with your network infrastructure.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Router-Based Ad Blocking</h3>
|
||||||
|
<p>For compatible routers running OpenWRT or similar firmware, I can implement ad blocking directly on your router, eliminating the need for additional hardware while providing network-wide protection.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of Network-Wide Ad Blocking</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Enhanced Privacy:</span> Block trackers that monitor your online behavior and build profiles about you</li>
|
||||||
|
<li><span class="highlight">Improved Security:</span> Reduce exposure to malvertising (malicious advertisements) and potential security threats</li>
|
||||||
|
<li><span class="highlight">Faster Browsing:</span> Pages load significantly faster when ads and trackers are blocked</li>
|
||||||
|
<li><span class="highlight">Reduced Bandwidth Usage:</span> Lower your data consumption by eliminating ad content</li>
|
||||||
|
<li><span class="highlight">Better Battery Life:</span> Mobile devices use less energy when they don't have to load and display ads</li>
|
||||||
|
<li><span class="highlight">Universal Protection:</span> Cover all devices on your network, including those that can't run browser-based ad blockers</li>
|
||||||
|
<li><span class="highlight">Detailed Analytics:</span> Gain insights into your network traffic and blocked content</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Features Included</h2>
|
||||||
|
<p>Your network-wide ad blocking solution will include:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Comprehensive blocking of advertisements across all websites and apps</li>
|
||||||
|
<li>Tracker blocking to prevent companies from building profiles on your activities</li>
|
||||||
|
<li>Malware domain filtering for enhanced security</li>
|
||||||
|
<li>Customizable blocklists and whitelists to fine-tune your experience</li>
|
||||||
|
<li>Dashboard with detailed statistics on blocked requests</li>
|
||||||
|
<li>Automatic updates to maintain effectiveness against new ad domains</li>
|
||||||
|
<li>Optional: DNS over HTTPS/TLS for additional privacy from your ISP</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When setting up ad blocking for clients, I take a comprehensive approach that includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Assessment of your current network setup to determine the optimal solution</li>
|
||||||
|
<li>Installation and configuration of the ad-blocking system</li>
|
||||||
|
<li>Implementation of carefully selected filter lists to balance effectiveness with compatibility</li>
|
||||||
|
<li>Network integration to ensure all devices benefit from protection</li>
|
||||||
|
<li>Testing across various devices and services to ensure everything works properly</li>
|
||||||
|
<li>Documentation and training so you can manage the system yourself</li>
|
||||||
|
<li>Configuration of monitoring to alert you of any issues</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Enjoy a Cleaner, Faster, More Private Internet</h2>
|
||||||
|
<p>Ready to transform your browsing experience with network-wide ad blocking? Contact me today to discuss which solution is right for your home or business network.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-red);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
115
src/pages/services/bitwarden.astro
Normal file
115
src/pages/services/bitwarden.astro
Normal file
@@ -0,0 +1,115 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="Bitwarden Password Manager">
|
||||||
|
<h1>Bitwarden Password Manager Service</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Take control of your passwords and sensitive information with a self-hosted Bitwarden solution that keeps your data private, secure, and exclusively under your control.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>What is Bitwarden?</h2>
|
||||||
|
<p>Bitwarden is an open-source password management solution that securely stores your sensitive information in an encrypted vault. Unlike commercial password managers, the self-hosted version of Bitwarden allows you to maintain complete control over your data by hosting it on your own infrastructure rather than on third-party servers.</p>
|
||||||
|
|
||||||
|
<h2>Our Bitwarden Services</h2>
|
||||||
|
<p>I offer comprehensive Bitwarden implementation that includes:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Server Setup and Configuration</h3>
|
||||||
|
<p>I'll set up a Bitwarden server (Vaultwarden) on your hardware or VPS, ensuring it's properly configured with appropriate security measures, automatic backups, and optional email notifications. The server will be accessible from any of your devices while remaining isolated from third parties.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Client Installation and Training</h3>
|
||||||
|
<p>I'll help you install Bitwarden clients on all your devices (computers, phones, tablets) and browsers, configure them to connect securely to your self-hosted server, and provide guidance on organizing your passwords effectively. You'll learn how to use the password generator, autofill capabilities, and secure notes features.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Migration Assistance</h3>
|
||||||
|
<p>If you're currently using another password manager or browser-stored passwords, I'll assist you in securely migrating all your existing passwords and data to your new Bitwarden vault, ensuring nothing is lost in the transition and that your old password stores are properly cleared.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of Self-Hosted Bitwarden</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Complete Data Ownership:</span> Your passwords and sensitive data remain exclusively on your infrastructure, not on third-party servers</li>
|
||||||
|
<li><span class="highlight">Enhanced Privacy:</span> No tracking, telemetry, or access to your data by outside companies</li>
|
||||||
|
<li><span class="highlight">Zero Subscription Costs:</span> Eliminate ongoing fees while maintaining all premium features</li>
|
||||||
|
<li><span class="highlight">Full Control:</span> Configure security policies and features according to your specific needs</li>
|
||||||
|
<li><span class="highlight">Open-Source Security:</span> Benefit from transparent, audited code that can be verified for security</li>
|
||||||
|
<li><span class="highlight">Cross-Platform Compatibility:</span> Access your passwords securely from any device or browser</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Features Included</h2>
|
||||||
|
<p>Your self-hosted Bitwarden solution will include:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Secure storage for unlimited passwords, notes, credit cards, and identity information</li>
|
||||||
|
<li>Strong, customizable password generation</li>
|
||||||
|
<li>Browser extensions for autofill functionality</li>
|
||||||
|
<li>Mobile apps for on-the-go access</li>
|
||||||
|
<li>Two-factor authentication support</li>
|
||||||
|
<li>Encrypted file attachments</li>
|
||||||
|
<li>Secure password sharing (optional)</li>
|
||||||
|
<li>Security audit and weak password identification</li>
|
||||||
|
<li>Automated backup system</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When setting up Bitwarden for clients, I take a comprehensive approach that includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Assessment of your existing password management workflow</li>
|
||||||
|
<li>Server setup with proper security hardening measures</li>
|
||||||
|
<li>Configuration of automatic backups to prevent data loss</li>
|
||||||
|
<li>Setup of secure access methods to your vault from all devices</li>
|
||||||
|
<li>Hands-on training so you feel comfortable managing your passwords</li>
|
||||||
|
<li>Documentation for ongoing maintenance and troubleshooting</li>
|
||||||
|
<li>Best practices for creating and managing strong, unique passwords</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Take Control of Your Passwords Today</h2>
|
||||||
|
<p>Ready to strengthen your online security with a self-hosted password manager? Contact me to discuss implementing Bitwarden for your personal or business needs.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-green);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
131
src/pages/services/linux-setup.astro
Normal file
131
src/pages/services/linux-setup.astro
Normal file
@@ -0,0 +1,131 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="Set Up Linux">
|
||||||
|
<h1>Linux Setup Service</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Make the transition to Linux smooth and hassle-free with comprehensive setup and support services tailored to your specific needs, whether you're a complete beginner or looking to optimize an existing system.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>Why Switch to Linux?</h2>
|
||||||
|
<p>Linux offers numerous advantages over proprietary operating systems like Windows or macOS, including enhanced privacy, better security, improved performance (especially on older hardware), freedom from telemetry and tracking, and access to powerful open-source software—all without licensing costs.</p>
|
||||||
|
|
||||||
|
<h2>Our Linux Setup Services</h2>
|
||||||
|
<p>I provide end-to-end assistance for transitioning to Linux, with options tailored to your experience level and requirements:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Distribution Selection and Planning</h3>
|
||||||
|
<p>I'll help you navigate the many Linux distributions available and select the one that best matches your needs, hardware, and usage patterns. Whether you need a user-friendly system like Linux Mint for everyday use, a security-focused distribution like Qubes OS, or something specialized for particular workloads, I'll guide you to the right choice with a clear explanation of the trade-offs.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Installation and System Configuration</h3>
|
||||||
|
<p>I'll handle the complete installation process, including disk partitioning, dual-boot setup (if required), driver installation, and initial system configuration. Your system will be set up with proper security settings, optimized performance parameters, and all necessary hardware support to ensure everything works correctly from day one.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Software Migration and Setup</h3>
|
||||||
|
<p>I'll help identify and install Linux alternatives for your current software, set up compatibility layers for Windows applications when needed, and configure your applications with appropriate settings. This includes transferring your data, documents, emails, browser profiles, and other important information to ensure continuity in your workflow.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Personalized Training and Documentation</h3>
|
||||||
|
<p>I'll provide hands-on training sessions tailored to your needs, covering daily operations, system maintenance, software installation, troubleshooting, and security practices. You'll receive custom documentation for your specific setup, ensuring you can confidently use and maintain your new Linux system.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of Using Linux</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Enhanced Privacy:</span> Avoid built-in telemetry and data collection present in commercial operating systems</li>
|
||||||
|
<li><span class="highlight">Improved Security:</span> Benefit from the robust security model, fewer malware threats, and rapid security updates</li>
|
||||||
|
<li><span class="highlight">System Control:</span> Gain complete control over your operating system without artificial limitations</li>
|
||||||
|
<li><span class="highlight">Performance:</span> Experience faster operation, particularly on older hardware that struggles with Windows</li>
|
||||||
|
<li><span class="highlight">Longevity:</span> Extend the useful life of your hardware by avoiding forced obsolescence</li>
|
||||||
|
<li><span class="highlight">Cost Savings:</span> Eliminate licensing costs for both the operating system and much of your software</li>
|
||||||
|
<li><span class="highlight">Customization:</span> Tailor your computing environment to match your exact preferences</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When setting up Linux for clients, I take a comprehensive approach that includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Assessing your needs, workflows, and hardware capabilities before recommending solutions</li>
|
||||||
|
<li>Creating a migration plan that minimizes disruption to your daily activities</li>
|
||||||
|
<li>Implementing appropriate security measures from the start</li>
|
||||||
|
<li>Finding the right balance between privacy, security, and ease of use</li>
|
||||||
|
<li>Ensuring you have alternatives for all your essential software</li>
|
||||||
|
<li>Providing sufficient training and resources so you feel confident using your new system</li>
|
||||||
|
<li>Offering follow-up support to address any questions or issues that arise</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Linux Distributions I Work With</h2>
|
||||||
|
<p>I have experience with a wide range of Linux distributions, including but not limited to:</p>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">For Beginners:</span> Linux Mint, Ubuntu, Pop!_OS, Elementary OS</li>
|
||||||
|
<li><span class="highlight">For Privacy Focus:</span> Fedora, Debian, Arch Linux, Qubes OS, Whonix</li>
|
||||||
|
<li><span class="highlight">For Older Hardware:</span> Lubuntu, Xubuntu, Peppermint OS, AntiX</li>
|
||||||
|
<li><span class="highlight">For Specialized Needs:</span> Kali Linux, Ubuntu Studio, Tails</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>What to Expect</h2>
|
||||||
|
<p>The Linux setup process typically includes these steps:</p>
|
||||||
|
<ol>
|
||||||
|
<li>Initial consultation to understand your needs and expectations</li>
|
||||||
|
<li>Selection of appropriate distribution and creation of a migration plan</li>
|
||||||
|
<li>Backup of your existing data for safety</li>
|
||||||
|
<li>Hardware compatibility verification and potential driver solutions identification</li>
|
||||||
|
<li>Installation and base system configuration</li>
|
||||||
|
<li>Software installation and data migration</li>
|
||||||
|
<li>Security hardening and privacy enhancements</li>
|
||||||
|
<li>Personalized training session(s)</li>
|
||||||
|
<li>Provision of custom documentation</li>
|
||||||
|
<li>Follow-up support to ensure your transition is successful</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Start Your Journey to Digital Freedom</h2>
|
||||||
|
<p>Ready to experience the benefits of Linux? Contact me today to discuss how I can help you transition to a more private, secure, and powerful computing environment.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-yellow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
153
src/pages/services/nas.astro
Normal file
153
src/pages/services/nas.astro
Normal file
@@ -0,0 +1,153 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="NAS Setup">
|
||||||
|
<h1>Network Attached Storage (NAS) Setup Service</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Take control of your data with a custom Network Attached Storage (NAS) solution that provides secure, reliable, and private storage accessible from all your devices while keeping your files under your complete control.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>What is a NAS?</h2>
|
||||||
|
<p>A Network Attached Storage (NAS) system is a dedicated file storage server connected to your network that allows multiple users and devices to retrieve and store data from a centralized location. Unlike cloud storage services where your files reside on someone else's servers, a NAS keeps your data local and under your complete control, while still offering many of the same conveniences like remote access and file sharing.</p>
|
||||||
|
|
||||||
|
<h2>Our NAS Setup Services</h2>
|
||||||
|
<p>I offer comprehensive NAS implementation services tailored to your specific needs:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Hardware Selection and Configuration</h3>
|
||||||
|
<p>I'll help you select the right NAS hardware based on your storage needs, performance requirements, and budget. This can range from pre-built NAS devices from manufacturers like Synology or QNAP to custom-built solutions using TrueNAS or other open-source software. Your system will be configured with appropriate storage redundancy to protect against drive failures and data loss.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Data Organization and Access Control</h3>
|
||||||
|
<p>I'll create an optimal file structure and permission system that organizes your data logically and ensures appropriate access levels for different users and devices. Whether you need simple folder shares or more complex permission structures, your NAS will be configured to provide the right balance of accessibility and security for your specific scenario.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Backup Strategy Implementation</h3>
|
||||||
|
<p>I'll design and implement a comprehensive backup solution for your important data, potentially including local snapshots, external drive backups, or secure off-site backups to protect against different disaster scenarios. Your backup system will be automated and monitored to ensure your data remains protected with minimal maintenance required.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of a Personal NAS</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Complete Data Control:</span> Keep your files on hardware you own, under your physical control</li>
|
||||||
|
<li><span class="highlight">Enhanced Privacy:</span> Eliminate reliance on third-party cloud services that may scan or analyze your data</li>
|
||||||
|
<li><span class="highlight">No Subscription Fees:</span> Avoid recurring costs associated with cloud storage services</li>
|
||||||
|
<li><span class="highlight">Centralized Storage:</span> Access your files from any device on your network</li>
|
||||||
|
<li><span class="highlight">Expanded Capacity:</span> Scale your storage capacity based on your needs</li>
|
||||||
|
<li><span class="highlight">Data Redundancy:</span> Protect against drive failures with RAID or similar technologies</li>
|
||||||
|
<li><span class="highlight">Fast Access Speeds:</span> Benefit from local network speeds rather than internet-dependent cloud access</li>
|
||||||
|
<li><span class="highlight">Media Streaming:</span> Stream your personal media library to devices throughout your home</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Features Available with a NAS</h2>
|
||||||
|
<p>Your NAS implementation can include any combination of these powerful features:</p>
|
||||||
|
<ul>
|
||||||
|
<li>File sharing across Windows, Mac, and Linux computers</li>
|
||||||
|
<li>Mobile access for iOS and Android devices</li>
|
||||||
|
<li>Secure remote access when away from home</li>
|
||||||
|
<li>Automatic photo and video backup from mobile devices</li>
|
||||||
|
<li>Media server functionality for streaming to smart TVs, game consoles, and other devices</li>
|
||||||
|
<li>Document synchronization similar to Dropbox or Google Drive</li>
|
||||||
|
<li>Automated backup of computers and other devices</li>
|
||||||
|
<li>Multi-user access with granular permissions</li>
|
||||||
|
<li>Data snapshots for point-in-time recovery</li>
|
||||||
|
<li>Encryption for sensitive data</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>NAS Solutions I Work With</h2>
|
||||||
|
<p>I have experience with various NAS platforms, including:</p>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Pre-built Commercial NAS:</span> Synology, QNAP, Asustor, TerraMaster</li>
|
||||||
|
<li><span class="highlight">Open-Source NAS Software:</span> TrueNAS Core/Scale, OpenMediaVault, Rockstor</li>
|
||||||
|
<li><span class="highlight">DIY Solutions:</span> Custom-built hardware with Linux-based storage solutions</li>
|
||||||
|
<li><span class="highlight">Raspberry Pi-based:</span> Lightweight NAS solutions for basic needs</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When setting up a NAS for clients, I take a comprehensive approach that includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Assessment of your storage needs, usage patterns, and security requirements</li>
|
||||||
|
<li>Selection of appropriate hardware and software based on your specific situation</li>
|
||||||
|
<li>Implementation of robust storage configurations with appropriate redundancy</li>
|
||||||
|
<li>Secure network integration with proper authentication methods</li>
|
||||||
|
<li>Configuration of automated backup systems for critical data</li>
|
||||||
|
<li>Setup of remote access with strong security measures</li>
|
||||||
|
<li>Creation of logical folder structures and permission systems</li>
|
||||||
|
<li>Performance optimization for your specific usage patterns</li>
|
||||||
|
<li>Thorough documentation of your system configuration</li>
|
||||||
|
<li>Training on day-to-day use and basic maintenance procedures</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Storage Considerations</h2>
|
||||||
|
<p>Proper storage configuration is critical for a reliable NAS. I'll help you navigate considerations such as:</p>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Drive Selection:</span> Choosing between consumer vs. NAS-specific hard drives</li>
|
||||||
|
<li><span class="highlight">Redundancy Level:</span> Determining the right RAID level or alternative like ZFS</li>
|
||||||
|
<li><span class="highlight">Capacity Planning:</span> Estimating current and future storage needs</li>
|
||||||
|
<li><span class="highlight">SSD Caching:</span> Evaluating if SSD caching would benefit your workload</li>
|
||||||
|
<li><span class="highlight">Backup Strategy:</span> Implementing the 3-2-1 backup rule for critical data</li>
|
||||||
|
</ul>
|
||||||
|
<p>Your NAS will be configured to balance performance, capacity, data protection, and cost according to your priorities.</p>
|
||||||
|
|
||||||
|
<h2>Common Use Cases</h2>
|
||||||
|
<p>A personal NAS is ideal for numerous scenarios, including:</p>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Home Media Library:</span> Centralized storage for photos, videos, and music</li>
|
||||||
|
<li><span class="highlight">Document Management:</span> Secure storage for important personal and financial documents</li>
|
||||||
|
<li><span class="highlight">Computer Backup:</span> Automated backup of laptops, desktops, and mobile devices</li>
|
||||||
|
<li><span class="highlight">Family File Sharing:</span> Shared folders for family members with appropriate permissions</li>
|
||||||
|
<li><span class="highlight">Media Streaming:</span> Personal Netflix-like experience with Plex or Jellyfin</li>
|
||||||
|
<li><span class="highlight">Home Surveillance:</span> Storage for security camera footage</li>
|
||||||
|
<li><span class="highlight">Small Business Storage:</span> Centralized file server for small office environments</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Take Control of Your Digital Storage</h2>
|
||||||
|
<p>Ready to establish your own private, secure storage solution? Contact me today to discuss implementing a NAS system customized to your specific needs.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-blue);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
133
src/pages/services/openwrt.astro
Normal file
133
src/pages/services/openwrt.astro
Normal file
@@ -0,0 +1,133 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="OpenWRT Router">
|
||||||
|
<h1>OpenWRT Router Service</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Transform your network with OpenWRT, a powerful open-source router firmware that provides enterprise-grade features, enhanced security, and complete control over your home or business network.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>What is OpenWRT?</h2>
|
||||||
|
<p>OpenWRT is a highly customizable, Linux-based operating system for routers that transforms consumer-grade hardware into professional networking equipment. By replacing your router's stock firmware with OpenWRT, you gain access to advanced features typically found only in expensive commercial solutions, along with the freedom to customize your network environment precisely to your needs.</p>
|
||||||
|
|
||||||
|
<h2>Our OpenWRT Services</h2>
|
||||||
|
<p>I offer comprehensive OpenWRT implementation services tailored to your specific networking requirements:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Hardware Selection and Setup</h3>
|
||||||
|
<p>I'll help you select the most appropriate router hardware based on your network requirements, budget, and feature needs. I can either configure your existing router (if compatible) or recommend and set up new hardware that offers the best performance and compatibility with OpenWRT. All installation is performed with careful attention to your specific network topology.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Custom Firmware Configuration</h3>
|
||||||
|
<p>I'll install and configure OpenWRT with optimized settings for your specific needs, including network segmentation with VLANs, advanced Quality of Service (QoS) for bandwidth management, and secure wireless configurations with proper encryption. Your network will be tailored to provide the perfect balance of performance, security, and ease of use.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Network Security Hardening</h3>
|
||||||
|
<p>I'll implement comprehensive security measures within OpenWRT, including secure firewall rules, intrusion detection systems, network monitoring tools, and DNS-based protection like Pi-hole or AdGuard Home integration. Your network will be protected from common threats while maintaining the flexibility you need.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of OpenWRT</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Enhanced Performance:</span> Optimize router performance beyond factory limitations with fine-tuned settings and more efficient resource usage</li>
|
||||||
|
<li><span class="highlight">Improved Security:</span> Implement robust security features and receive timely security updates to protect against vulnerabilities</li>
|
||||||
|
<li><span class="highlight">Network Control:</span> Gain complete visibility and control over your network traffic, devices, and bandwidth allocation</li>
|
||||||
|
<li><span class="highlight">Advanced Features:</span> Access enterprise-grade networking capabilities without expensive hardware investments</li>
|
||||||
|
<li><span class="highlight">Privacy Protection:</span> Implement network-wide ad blocking, tracking prevention, and VPN integration</li>
|
||||||
|
<li><span class="highlight">Extended Hardware Life:</span> Breathe new life into older router hardware that may no longer receive manufacturer updates</li>
|
||||||
|
<li><span class="highlight">Customization:</span> Add exactly the features you need through OpenWRT's package system</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Features Available with OpenWRT</h2>
|
||||||
|
<p>Your OpenWRT implementation can include any combination of these powerful features:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Network segmentation with VLANs to separate different types of devices and traffic</li>
|
||||||
|
<li>Quality of Service (QoS) to prioritize important traffic and ensure smooth operation</li>
|
||||||
|
<li>Guest network with restricted access to your main network</li>
|
||||||
|
<li>VPN client or server functionality for secure remote access</li>
|
||||||
|
<li>Network-wide ad blocking and tracking prevention</li>
|
||||||
|
<li>Advanced wireless settings with multiple SSIDs and access control</li>
|
||||||
|
<li>Dynamic DNS integration for easy remote access to your network</li>
|
||||||
|
<li>Traffic monitoring and bandwidth usage statistics</li>
|
||||||
|
<li>Parental controls and content filtering</li>
|
||||||
|
<li>Wake-on-LAN and other remote management tools</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When implementing OpenWRT for clients, I take a comprehensive approach that includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Assessment of your current network infrastructure and requirements</li>
|
||||||
|
<li>Thorough hardware evaluation to ensure compatibility and performance</li>
|
||||||
|
<li>Backup of existing configuration before any changes</li>
|
||||||
|
<li>Careful installation with fallback options in case of issues</li>
|
||||||
|
<li>Customized configuration based on your specific needs</li>
|
||||||
|
<li>Security hardening to protect against common threats</li>
|
||||||
|
<li>Performance optimization for your specific usage patterns</li>
|
||||||
|
<li>Thorough testing of all implemented features</li>
|
||||||
|
<li>Detailed documentation of your network setup</li>
|
||||||
|
<li>Knowledge transfer so you understand your network configuration</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Compatible Hardware</h2>
|
||||||
|
<p>OpenWRT supports a wide range of router hardware, including popular models from:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Netgear</li>
|
||||||
|
<li>TP-Link</li>
|
||||||
|
<li>ASUS</li>
|
||||||
|
<li>Linksys</li>
|
||||||
|
<li>GL.iNet</li>
|
||||||
|
<li>MikroTik</li>
|
||||||
|
<li>And many others</li>
|
||||||
|
</ul>
|
||||||
|
<p>I can help you determine if your existing router is compatible or recommend appropriate hardware for your needs and budget.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Unlock Your Router's Full Potential</h2>
|
||||||
|
<p>Ready to transform your network with professional-grade features and enhanced security? Contact me today to discuss implementing OpenWRT for your home or business network.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-yellow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
116
src/pages/services/opnsense.astro
Normal file
116
src/pages/services/opnsense.astro
Normal file
@@ -0,0 +1,116 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="OPNsense Firewall">
|
||||||
|
<h1>OPNsense Firewall Service</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Secure your network with OPNsense, a powerful open-source enterprise-grade firewall and routing platform that provides comprehensive network protection and control.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>What is OPNsense?</h2>
|
||||||
|
<p>OPNsense is a premium open-source firewall and routing platform that combines robust security features with an intuitive interface. It incorporates advanced capabilities like intrusion detection, VPN services, traffic shaping, and application filtering, all managed through a straightforward web interface. As a security-focused platform, it provides enterprise-grade protection for both home and business networks.</p>
|
||||||
|
|
||||||
|
<h2>Our OPNsense Services</h2>
|
||||||
|
<p>I offer several implementation options based on your specific needs:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Hardware Selection and Setup</h3>
|
||||||
|
<p>I'll help you select the appropriate hardware platform for your OPNsense deployment, considering factors like network size, desired throughput, and future scalability. Then I'll install and configure the OPNsense software with optimized settings for your specific environment, ensuring proper hardware utilization and reliable operation.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Network Security Configuration</h3>
|
||||||
|
<p>I'll implement a comprehensive security configuration including firewall rules, intrusion detection/prevention settings, web filtering, spam protection, and application control. Your network will be protected from external threats while maintaining appropriate access for legitimate users and applications, with rules tailored to your specific security requirements.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>VPN and Remote Access Setup</h3>
|
||||||
|
<p>I'll configure secure VPN services (OpenVPN, WireGuard, or IPsec) for remote access to your network, establish site-to-site connections between multiple locations, and implement appropriate access controls and authentication mechanisms. This enables secure remote work while maintaining protection of your internal resources.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of OPNsense</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Enhanced Network Security:</span> Protect your network from external threats with advanced firewall capabilities and intrusion detection/prevention systems</li>
|
||||||
|
<li><span class="highlight">Complete Visibility:</span> Gain insights into your network traffic with comprehensive monitoring and reporting tools</li>
|
||||||
|
<li><span class="highlight">Content Filtering:</span> Control access to websites and online services based on categories, domains, or content types</li>
|
||||||
|
<li><span class="highlight">Traffic Management:</span> Optimize bandwidth usage with Quality of Service (QoS) features to prioritize critical applications</li>
|
||||||
|
<li><span class="highlight">Secure Remote Access:</span> Enable secure connections to your network for remote users or between multiple sites</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Features Included</h2>
|
||||||
|
<p>Your OPNsense implementation will include:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Stateful packet inspection firewall with customized rule sets</li>
|
||||||
|
<li>Intrusion detection and prevention system (Suricata)</li>
|
||||||
|
<li>Web proxy and content filtering</li>
|
||||||
|
<li>VPN capabilities (OpenVPN, WireGuard, IPsec)</li>
|
||||||
|
<li>Captive portal for guest networks (if needed)</li>
|
||||||
|
<li>VLAN support for network segmentation</li>
|
||||||
|
<li>Traffic shaping and bandwidth management</li>
|
||||||
|
<li>Real-time monitoring and historical reporting</li>
|
||||||
|
<li>Network address translation (NAT) and port forwarding</li>
|
||||||
|
<li>High availability configuration (for business deployments)</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When setting up OPNsense for clients, I take a comprehensive approach that includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Assessing your current network infrastructure and security requirements</li>
|
||||||
|
<li>Designing a tailored implementation plan for your specific environment</li>
|
||||||
|
<li>Selecting and configuring appropriate hardware with performance headroom</li>
|
||||||
|
<li>Implementing security features with a defense-in-depth strategy</li>
|
||||||
|
<li>Setting up monitoring and alerting to notify you of potential issues</li>
|
||||||
|
<li>Creating detailed documentation of your network configuration</li>
|
||||||
|
<li>Training you or your staff on basic administration and monitoring</li>
|
||||||
|
<li>Providing recommendations for ongoing security maintenance</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Secure Your Network with Enterprise-Grade Protection</h2>
|
||||||
|
<p>Ready to enhance your network security with a robust, open-source firewall solution? Contact me today to discuss implementing OPNsense for your home or business network.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-red);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
141
src/pages/services/proxmox.astro
Normal file
141
src/pages/services/proxmox.astro
Normal file
@@ -0,0 +1,141 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="Proxmox VE Setup">
|
||||||
|
<h1>Proxmox VE Setup Service</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Maximize your hardware resources with Proxmox Virtual Environment, a powerful open-source virtualization platform that enables you to run multiple virtual machines and containers on a single physical server.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>What is Proxmox VE?</h2>
|
||||||
|
<p>Proxmox Virtual Environment (Proxmox VE) is an enterprise-grade, open-source server management platform for virtualization. It combines two virtualization technologies—KVM (Kernel-based Virtual Machine) for full virtual machines and LXC (Linux Containers) for lightweight containers—into a single, integrated platform. This allows you to run multiple isolated operating systems and applications on a single physical machine, maximizing hardware utilization and providing flexible resource management.</p>
|
||||||
|
|
||||||
|
<h2>Our Proxmox VE Services</h2>
|
||||||
|
<p>I offer comprehensive Proxmox implementation services tailored to your specific requirements:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Hardware Assessment and Setup</h3>
|
||||||
|
<p>I'll evaluate your existing hardware or help you select appropriate components for a new Proxmox server, focusing on reliability, performance, and compatibility. The installation will include proper system configuration, storage setup with ZFS or other file systems, networking configuration, and initial hardening to ensure your virtualization platform is built on a solid foundation.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Virtual Machine and Container Configuration</h3>
|
||||||
|
<p>I'll create and configure virtual machines and containers according to your specific needs, whether you're looking to consolidate multiple services, create development environments, or establish isolated network applications. Each virtual environment will be properly sized and optimized for its intended purpose, with appropriate resource allocation and networking setup.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Backup and High-Availability Implementation</h3>
|
||||||
|
<p>I'll implement a comprehensive backup strategy for your virtual environments, ensuring your data and services can be quickly recovered in case of failure. For systems requiring maximum uptime, I can also configure high-availability setups with multiple Proxmox nodes, allowing automatic failover in case one node experiences problems.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of Proxmox VE</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Resource Optimization:</span> Run multiple services on a single physical server, maximizing hardware utilization and reducing power consumption</li>
|
||||||
|
<li><span class="highlight">Service Isolation:</span> Keep services separated in their own virtual environments for enhanced security and stability</li>
|
||||||
|
<li><span class="highlight">Simplified Management:</span> Manage all your virtual machines and containers through a single web interface</li>
|
||||||
|
<li><span class="highlight">Flexible Backup Solutions:</span> Create snapshots and backups of entire virtual machines for easy recovery</li>
|
||||||
|
<li><span class="highlight">Live Migration:</span> Move running virtual machines between Proxmox nodes without downtime</li>
|
||||||
|
<li><span class="highlight">Open-Source Freedom:</span> Avoid vendor lock-in and licensing costs associated with proprietary virtualization platforms</li>
|
||||||
|
<li><span class="highlight">Hardware Independence:</span> Abstract your services from the underlying hardware for easier upgrades and maintenance</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Features Included</h2>
|
||||||
|
<p>Your Proxmox VE implementation will include:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Complete system installation and initial configuration</li>
|
||||||
|
<li>Storage setup with appropriate redundancy (ZFS, LVM, etc.)</li>
|
||||||
|
<li>Network configuration including VLANs, bridges, and bonds if needed</li>
|
||||||
|
<li>Virtual machine creation and template configuration</li>
|
||||||
|
<li>Container setup with appropriate isolation</li>
|
||||||
|
<li>Resource management and monitoring tools</li>
|
||||||
|
<li>Backup strategy implementation</li>
|
||||||
|
<li>Security hardening of the host system</li>
|
||||||
|
<li>Documentation of the complete setup</li>
|
||||||
|
<li>Knowledge transfer and training</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Common Use Cases for Proxmox</h2>
|
||||||
|
<p>Proxmox VE is ideal for various scenarios, including:</p>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Home Lab:</span> Create a versatile environment for learning, testing, and running home services</li>
|
||||||
|
<li><span class="highlight">Service Consolidation:</span> Combine multiple physical servers into one efficient virtualized environment</li>
|
||||||
|
<li><span class="highlight">Development Environments:</span> Quickly spin up isolated environments for software development and testing</li>
|
||||||
|
<li><span class="highlight">Network Services:</span> Run firewall, VPN, monitoring, and other network services in separate containers</li>
|
||||||
|
<li><span class="highlight">Media Servers:</span> Host Plex, Jellyfin, or other media applications alongside other services</li>
|
||||||
|
<li><span class="highlight">Home Automation:</span> Create dedicated environments for smart home controllers and automation systems</li>
|
||||||
|
<li><span class="highlight">Small Business Infrastructure:</span> Build cost-effective, reliable IT infrastructure for small businesses</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When implementing Proxmox VE for clients, I take a comprehensive approach that includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Detailed assessment of your needs and existing infrastructure</li>
|
||||||
|
<li>Planning the optimal virtualization architecture for your use case</li>
|
||||||
|
<li>Implementation with best practices for security and performance</li>
|
||||||
|
<li>Thorough testing of all components and virtual environments</li>
|
||||||
|
<li>Documentation of the entire setup for future reference</li>
|
||||||
|
<li>Training sessions to ensure you can manage your virtualization environment</li>
|
||||||
|
<li>Recommendations for ongoing maintenance and future expansion</li>
|
||||||
|
<li>Follow-up support to address any questions or issues</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Hardware Considerations</h2>
|
||||||
|
<p>While Proxmox can run on various hardware configurations, certain components are particularly important:</p>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">CPU:</span> Processors with virtualization extensions (Intel VT-x/AMD-V) for best performance</li>
|
||||||
|
<li><span class="highlight">RAM:</span> Sufficient memory to allocate across multiple virtual machines</li>
|
||||||
|
<li><span class="highlight">Storage:</span> Fast, reliable drives configured appropriately for virtualization workloads</li>
|
||||||
|
<li><span class="highlight">Network:</span> Multiple network interfaces for segregated networks or redundancy</li>
|
||||||
|
<li><span class="highlight">Power Management:</span> Reliable power supply with UPS backup for critical systems</li>
|
||||||
|
</ul>
|
||||||
|
<p>I can help evaluate your existing hardware or recommend an appropriate configuration based on your specific needs and budget.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Unlock the Power of Virtualization</h2>
|
||||||
|
<p>Ready to transform your computing infrastructure with a flexible, powerful virtualization platform? Contact me today to discuss implementing Proxmox VE for your specific needs.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-orange);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
116
src/pages/services/remove-telemetry.astro
Normal file
116
src/pages/services/remove-telemetry.astro
Normal file
@@ -0,0 +1,116 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="Remove Windows Telemetry">
|
||||||
|
<h1>Remove Windows Telemetry Service</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Reclaim your privacy by minimizing or eliminating the extensive data collection systems built into Windows 10 and 11, while maintaining system stability and functionality.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>What is Windows Telemetry?</h2>
|
||||||
|
<p>Windows telemetry refers to the data collection systems Microsoft has built into Windows operating systems that gather information about your usage patterns, hardware configuration, application usage, and various system metrics. This data is regularly sent to Microsoft's servers, often without clear visibility into exactly what is being collected or how it's being used.</p>
|
||||||
|
|
||||||
|
<h2>Our Windows Privacy Service</h2>
|
||||||
|
<p>I offer a comprehensive approach to reducing or eliminating unwanted data collection in Windows while ensuring your system continues to function properly:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Telemetry Audit and Assessment</h3>
|
||||||
|
<p>I'll thoroughly analyze your current Windows installation to identify active telemetry components, background services, scheduled tasks, and other mechanisms that may be collecting and transmitting your data. This provides a clear picture of your current privacy exposure.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Customized Telemetry Removal</h3>
|
||||||
|
<p>Based on your comfort level and specific needs, I'll implement a tailored combination of settings changes, service disabling, and policy modifications to reduce or eliminate telemetry. This can range from minimizing data collection to completely blocking all outbound communication with Microsoft's telemetry servers.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Privacy-Focused System Configuration</h3>
|
||||||
|
<p>Beyond telemetry, I'll configure your Windows system with privacy-enhancing settings across all aspects of the operating system, including the Start menu, Cortana, Microsoft account integration, app permissions, and Windows Update behavior, creating a more private computing environment.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of Removing Windows Telemetry</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Enhanced Privacy:</span> Significantly reduce the personal and system data shared with Microsoft</li>
|
||||||
|
<li><span class="highlight">Reduced Network Usage:</span> Eliminate background processes that constantly communicate with external servers</li>
|
||||||
|
<li><span class="highlight">Improved Performance:</span> Remove unnecessary services and processes that consume system resources</li>
|
||||||
|
<li><span class="highlight">Greater Control:</span> Understand and manage what information leaves your computer</li>
|
||||||
|
<li><span class="highlight">Peace of Mind:</span> Use your computer without concerns about constant monitoring</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>What's Included</h2>
|
||||||
|
<p>My Windows telemetry removal service includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Disabling or limiting the Windows telemetry service and related components</li>
|
||||||
|
<li>Blocking connection to Microsoft telemetry servers via hosts file or firewall rules</li>
|
||||||
|
<li>Removing or disabling Cortana and related voice data collection</li>
|
||||||
|
<li>Configuring privacy settings across Windows and Microsoft applications</li>
|
||||||
|
<li>Disabling intrusive Windows features like targeted advertising</li>
|
||||||
|
<li>Installing and configuring additional privacy tools as needed</li>
|
||||||
|
<li>Adjusting permissions for pre-installed Windows apps</li>
|
||||||
|
<li>Thorough testing to ensure system stability after modifications</li>
|
||||||
|
<li>Documentation of all changes made for future reference</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When removing Windows telemetry for clients, I take a balanced approach that prioritizes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Respecting your individual privacy preferences and threat model</li>
|
||||||
|
<li>Maintaining system stability and functionality</li>
|
||||||
|
<li>Ensuring Windows Updates can still be received as needed</li>
|
||||||
|
<li>Preserving features you use while removing those you don't</li>
|
||||||
|
<li>Documenting all changes made so they can be reversed if needed</li>
|
||||||
|
<li>Providing education about the privacy implications of various Windows features</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Compatibility Considerations</h2>
|
||||||
|
<p>While I strive to maintain full system functionality when implementing privacy measures, it's important to understand that some Microsoft services are tightly integrated with telemetry components. I'll clearly explain any potential trade-offs before making changes, ensuring you can make informed decisions about your privacy versus functionality balance.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Take Back Control of Your Windows Privacy</h2>
|
||||||
|
<p>Ready to stop Windows from collecting and sharing your data? Contact me today to discuss a customized approach to enhancing your Windows privacy.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-blue);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
107
src/pages/services/tor.astro
Normal file
107
src/pages/services/tor.astro
Normal file
@@ -0,0 +1,107 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="TOR Network Setup">
|
||||||
|
<h1>TOR Network Setup Service</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Enhance your online anonymity and privacy with a properly configured TOR (The Onion Router) setup customized for your specific needs.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>What is TOR?</h2>
|
||||||
|
<p>The TOR network is a system designed to enable anonymous communication by directing internet traffic through a worldwide overlay network of thousands of relays. This conceals a user's location and usage from surveillance and traffic analysis, providing a valuable layer of privacy and anonymity online.</p>
|
||||||
|
|
||||||
|
<h2>Our TOR Network Services</h2>
|
||||||
|
<p>Depending on your needs, I offer several TOR implementation options:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>TOR Browser Setup</h3>
|
||||||
|
<p>The simplest way to access the TOR network. I'll install and configure the TOR Browser on your devices, customize it for optimal privacy, and provide training on safe browsing practices specific to TOR. This setup is ideal for occasional use when you need enhanced privacy.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Dedicated TOR Relay</h3>
|
||||||
|
<p>For those who want to contribute to the TOR network while gaining privacy benefits. I'll set up a dedicated TOR relay node on your hardware or a VPS, properly configuring it to match your bandwidth capabilities and preferences. This helps strengthen the overall TOR network while allowing you to participate in a meaningful privacy project.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Network-Wide TOR Routing</h3>
|
||||||
|
<p>For comprehensive protection, I can configure your router or network gateway to route all (or selected) traffic through the TOR network. This provides TOR's anonymity benefits to all connected devices without requiring individual configuration, ideal for heightened privacy concerns or specialized environments.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of Using TOR</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Enhanced Anonymity:</span> Your internet traffic is routed through multiple relays around the world, making it extremely difficult to trace activities back to your IP address</li>
|
||||||
|
<li><span class="highlight">Circumvention of Censorship:</span> Access content and services that may be blocked or restricted in your location</li>
|
||||||
|
<li><span class="highlight">Protection Against Surveillance:</span> Reduce tracking and monitoring of your online activities by network observers</li>
|
||||||
|
<li><span class="highlight">Access to Onion Services:</span> Reach special .onion sites that are only available within the TOR network and offer additional privacy features</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Important Considerations</h2>
|
||||||
|
<p>While TOR provides significant privacy benefits, it's important to understand its limitations:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Connection speeds may be slower than regular browsing due to traffic routing through multiple relays</li>
|
||||||
|
<li>Some websites may block TOR exit nodes or require additional verification</li>
|
||||||
|
<li>TOR provides anonymity but not necessarily end-to-end encryption (though can be combined with other tools like VPNs)</li>
|
||||||
|
<li>Certain browsing behaviors can still potentially compromise your anonymity despite using TOR</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When setting up TOR for clients, I take a comprehensive approach that includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Discussion of your specific privacy needs and threat model to determine the most appropriate TOR setup</li>
|
||||||
|
<li>Selection and configuration of the right hardware or software components</li>
|
||||||
|
<li>Implementation of additional security measures to complement TOR's protections</li>
|
||||||
|
<li>Thorough testing to ensure the system works correctly while preserving performance</li>
|
||||||
|
<li>Detailed documentation and training so you understand how to use and maintain your TOR setup</li>
|
||||||
|
<li>Recommendations for best practices when using TOR to maximize your privacy</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Get Started with Enhanced Anonymity</h2>
|
||||||
|
<p>Ready to significantly enhance your online privacy with TOR? Contact me today to discuss your specific requirements and how a customized TOR setup can help protect your digital identity.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-aqua);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
134
src/pages/services/vpn.astro
Normal file
134
src/pages/services/vpn.astro
Normal file
@@ -0,0 +1,134 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="VPN Services">
|
||||||
|
<h1>VPN Services</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Protect your online privacy, secure your data, and access geo-restricted content with professional VPN implementation services tailored to your specific needs and privacy requirements.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>What are VPN Services?</h2>
|
||||||
|
<p>A Virtual Private Network (VPN) creates an encrypted tunnel for your internet traffic, protecting your data from eavesdropping and hiding your IP address from websites and services you access. Modern VPNs can provide robust privacy protection, secure remote access to resources, and the ability to bypass geographical restrictions, all while maintaining good connection speeds.</p>
|
||||||
|
|
||||||
|
<h2>Our VPN Services</h2>
|
||||||
|
<p>I offer comprehensive VPN solutions designed to meet various privacy and security needs:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Self-Hosted VPN Implementation</h3>
|
||||||
|
<p>I'll set up a private VPN server on your chosen hardware or a Virtual Private Server (VPS), giving you complete control over your data and connection point. This eliminates the need to trust third-party VPN providers who might log your activities or compromise your privacy. Options include OpenVPN, WireGuard, and IPsec depending on your specific requirements.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Commercial VPN Selection and Configuration</h3>
|
||||||
|
<p>If self-hosting isn't ideal for your situation, I'll help you evaluate and select a commercial VPN service that genuinely respects privacy, has been independently audited, and meets your specific needs. I'll then ensure it's properly configured across all your devices for maximum security and performance.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Router-Based VPN Setup</h3>
|
||||||
|
<p>For network-wide protection, I'll implement VPN services directly on your router, ensuring all connected devices benefit from encryption and privacy protection without requiring individual configuration. This is ideal for securing smart home devices, streaming boxes, and other hardware that doesn't support native VPN clients.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of Using a VPN</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Enhanced Privacy:</span> Hide your browsing activity from your ISP, network administrators, and websites you visit</li>
|
||||||
|
<li><span class="highlight">Data Security:</span> Encrypt your internet traffic to protect sensitive information, especially on public Wi-Fi networks</li>
|
||||||
|
<li><span class="highlight">IP Address Masking:</span> Conceal your real IP address to reduce tracking and profiling</li>
|
||||||
|
<li><span class="highlight">Geographical Freedom:</span> Access content and services that may be restricted in your location</li>
|
||||||
|
<li><span class="highlight">ISP Throttling Prevention:</span> Avoid selective speed throttling based on content type</li>
|
||||||
|
<li><span class="highlight">Secure Remote Access:</span> Connect to home or business networks safely from anywhere</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>VPN Protocols I Work With</h2>
|
||||||
|
<p>I have experience implementing various VPN technologies to match different needs:</p>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">WireGuard:</span> Modern, lightweight protocol offering exceptional performance and security</li>
|
||||||
|
<li><span class="highlight">OpenVPN:</span> Mature, highly configurable open-source solution with broad compatibility</li>
|
||||||
|
<li><span class="highlight">IPsec/IKEv2:</span> Robust protocol with excellent mobile support and automatic reconnection</li>
|
||||||
|
<li><span class="highlight">SoftEther:</span> Versatile multi-protocol VPN server with advanced features</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Service Features</h2>
|
||||||
|
<p>My VPN implementation service includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Assessment of your specific privacy needs and threat model</li>
|
||||||
|
<li>Selection of the appropriate VPN technology based on your requirements</li>
|
||||||
|
<li>Secure server configuration with hardened settings</li>
|
||||||
|
<li>Client setup on all your devices (computers, phones, tablets, etc.)</li>
|
||||||
|
<li>DNS leak protection to prevent exposure of your queries</li>
|
||||||
|
<li>Kill switch configuration to prevent unprotected connections</li>
|
||||||
|
<li>Split tunneling options for selective routing (when appropriate)</li>
|
||||||
|
<li>Performance optimization for your specific usage patterns</li>
|
||||||
|
<li>Detailed documentation and knowledge transfer</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When implementing VPN solutions for clients, I take a comprehensive approach that includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Understanding your specific privacy concerns and use cases</li>
|
||||||
|
<li>Evaluating the best hosting options or service providers based on your needs</li>
|
||||||
|
<li>Implementing appropriate security measures from the ground up</li>
|
||||||
|
<li>Testing connections across different networks and scenarios</li>
|
||||||
|
<li>Providing education on best practices when using a VPN</li>
|
||||||
|
<li>Ensuring you understand how to verify your VPN is working correctly</li>
|
||||||
|
<li>Creating a maintenance plan for keeping your VPN secure over time</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Important Considerations</h2>
|
||||||
|
<p>While VPNs provide significant privacy benefits, it's important to understand their limitations:</p>
|
||||||
|
<ul>
|
||||||
|
<li>A VPN encrypts your connection but doesn't provide complete anonymity</li>
|
||||||
|
<li>Some services may block known VPN IP addresses</li>
|
||||||
|
<li>The quality of implementation matters significantly for security</li>
|
||||||
|
<li>Self-hosted VPNs require proper maintenance to remain secure</li>
|
||||||
|
</ul>
|
||||||
|
<p>I'll ensure you understand these considerations and how they apply to your specific use case, helping you make informed decisions about your privacy setup.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Take Control of Your Online Privacy</h2>
|
||||||
|
<p>Ready to enhance your internet privacy and security with a properly implemented VPN solution? Contact me today to discuss your specific requirements and how I can help protect your digital life.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-green);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
145
src/pages/services/vps.astro
Normal file
145
src/pages/services/vps.astro
Normal file
@@ -0,0 +1,145 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="VPS Setup">
|
||||||
|
<h1>VPS Setup Service</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Establish your own private digital presence with a professionally configured Virtual Private Server (VPS) that provides enhanced privacy, security, and control over your online services and data.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>What is a VPS?</h2>
|
||||||
|
<p>A Virtual Private Server (VPS) is a virtualized server that functions as a dedicated server within a shared hosting environment. Unlike shared hosting, a VPS gives you complete control over your server environment, including your own operating system, storage, RAM, and processing power. This allows you to run virtually any software or service you need while maintaining privacy and independence from big tech platforms.</p>
|
||||||
|
|
||||||
|
<h2>Our VPS Services</h2>
|
||||||
|
<p>I offer comprehensive VPS setup and configuration services tailored to your specific needs:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Provider Selection and Initial Setup</h3>
|
||||||
|
<p>I'll help you select the most appropriate VPS provider based on your privacy requirements, budget, and geographical preferences. I'll then handle the initial server provisioning, operating system installation, and basic security hardening to create a solid foundation for your digital services. Your server will be configured with secure SSH access, proper user management, and essential security measures from the start.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Privacy-Focused Service Implementation</h3>
|
||||||
|
<p>I'll install and configure the specific services you need on your VPS, such as self-hosted email, cloud storage, VPN endpoints, personal websites, messaging platforms, or other privacy-respecting alternatives to mainstream services. Each service will be optimized for security, performance, and ease of maintenance, with appropriate data segregation and backup strategies.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Ongoing Maintenance Planning</h3>
|
||||||
|
<p>I'll establish automated security updates, monitoring systems, and backup procedures to keep your VPS running smoothly and securely with minimal intervention. You'll receive documentation and training on basic server management tasks, as well as recommendations for routine maintenance to ensure long-term stability and security of your services.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of Running Your Own VPS</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Digital Sovereignty:</span> Maintain complete control over your data and online services rather than relying on third-party platforms</li>
|
||||||
|
<li><span class="highlight">Enhanced Privacy:</span> Keep your data off major tech platforms that may mine it for advertising or other purposes</li>
|
||||||
|
<li><span class="highlight">Customization:</span> Configure services exactly according to your needs without limitations imposed by shared hosting</li>
|
||||||
|
<li><span class="highlight">Consolidation:</span> Host multiple services on a single server, reducing costs and complexity</li>
|
||||||
|
<li><span class="highlight">Learning Opportunity:</span> Develop valuable technical skills in server administration and management</li>
|
||||||
|
<li><span class="highlight">Fixed Costs:</span> Pay a predictable monthly fee rather than escalating costs based on usage</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Services You Can Host on Your VPS</h2>
|
||||||
|
<p>Your VPS can host a wide variety of privacy-respecting services, including:</p>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Web Hosting:</span> Personal websites, blogs, portfolios, or web applications</li>
|
||||||
|
<li><span class="highlight">Email Server:</span> Private email service under your control with custom domain</li>
|
||||||
|
<li><span class="highlight">Cloud Storage:</span> Your own Nextcloud or Seafile instance for file storage and synchronization</li>
|
||||||
|
<li><span class="highlight">VPN Endpoint:</span> Personal VPN server for secure internet access from anywhere</li>
|
||||||
|
<li><span class="highlight">Password Manager:</span> Self-hosted Bitwarden for secure credential storage</li>
|
||||||
|
<li><span class="highlight">Media Server:</span> Plex, Jellyfin, or similar for your personal media collection</li>
|
||||||
|
<li><span class="highlight">Git Repository:</span> Private code hosting with Gitea or GitLab</li>
|
||||||
|
<li><span class="highlight">Analytics:</span> Privacy-friendly website analytics like Matomo or Plausible</li>
|
||||||
|
<li><span class="highlight">Chat/Communication:</span> Matrix, XMPP, or other secure messaging platforms</li>
|
||||||
|
<li><span class="highlight">RSS Reader:</span> Self-hosted news aggregation with FreshRSS or Miniflux</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Security Features Included</h2>
|
||||||
|
<p>Your VPS setup will include these essential security measures:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Secure SSH configuration with key-based authentication</li>
|
||||||
|
<li>Properly configured firewall with restrictive rules</li>
|
||||||
|
<li>Fail2ban to protect against brute force attacks</li>
|
||||||
|
<li>Regular security updates through automated processes</li>
|
||||||
|
<li>TLS/SSL certificate implementation for encrypted connections</li>
|
||||||
|
<li>User account separation with appropriate permissions</li>
|
||||||
|
<li>Intrusion detection monitoring</li>
|
||||||
|
<li>Regular backup system for data protection</li>
|
||||||
|
<li>Security-focused web server configuration</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When setting up a VPS for clients, I take a comprehensive approach that includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Detailed discussion of your needs, technical comfort level, and privacy requirements</li>
|
||||||
|
<li>Selection of the right VPS provider and plan based on your specific use case</li>
|
||||||
|
<li>Security-first implementation with defense-in-depth strategies</li>
|
||||||
|
<li>Clear documentation of all installed services and configurations</li>
|
||||||
|
<li>Knowledge transfer sessions to ensure you understand your server</li>
|
||||||
|
<li>Implementation of monitoring and notification systems for early problem detection</li>
|
||||||
|
<li>Establishment of backup procedures appropriate to your data</li>
|
||||||
|
<li>Recommendations for ongoing maintenance and management</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>VPS Providers I Work With</h2>
|
||||||
|
<p>I can help you set up a VPS with various providers, including privacy-focused options:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Linode/Akamai</li>
|
||||||
|
<li>Digital Ocean</li>
|
||||||
|
<li>Vultr</li>
|
||||||
|
<li>Hetzner</li>
|
||||||
|
<li>OVH</li>
|
||||||
|
<li>Njalla</li>
|
||||||
|
<li>BuyVM/Frantech</li>
|
||||||
|
<li>Netcup</li>
|
||||||
|
<li>And many others based on your specific requirements</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Take Control of Your Digital Presence</h2>
|
||||||
|
<p>Ready to establish your own independent online presence with a secure, privacy-focused VPS? Contact me today to discuss how a custom-configured VPS can meet your specific needs.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-purple);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
125
src/pages/services/wireguard.astro
Normal file
125
src/pages/services/wireguard.astro
Normal file
@@ -0,0 +1,125 @@
|
|||||||
|
---
|
||||||
|
import Layout from '../../components/Layout.astro';
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="WireGuard VPN">
|
||||||
|
<h1>WireGuard VPN Service</h1>
|
||||||
|
|
||||||
|
<div class="service-intro">
|
||||||
|
<p>Secure your internet connection with WireGuard, a modern, high-performance VPN protocol that offers exceptional speed, security, and simplicity compared to traditional VPN solutions.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-description">
|
||||||
|
<h2>What is WireGuard?</h2>
|
||||||
|
<p>WireGuard is a next-generation VPN protocol designed with simplicity and performance in mind. Unlike older VPN technologies that can be complex and resource-intensive, WireGuard uses state-of-the-art cryptography in a lightweight codebase, resulting in faster connections, lower latency, and better battery life on mobile devices—all while maintaining the highest security standards.</p>
|
||||||
|
|
||||||
|
<h2>Our WireGuard Services</h2>
|
||||||
|
<p>I offer comprehensive WireGuard implementation services tailored to your specific needs:</p>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Personal VPN Server Setup</h3>
|
||||||
|
<p>I'll set up a private WireGuard VPN server on your chosen hardware or cloud provider, giving you complete control over your VPN endpoint. This provides a secure connection point you can trust, without relying on third-party VPN providers that might log your activities or compromise your privacy.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Multi-Device Configuration</h3>
|
||||||
|
<p>I'll configure WireGuard clients on all your devices—computers, phones, tablets—with properly generated encryption keys and optimized settings. Each device will have its own secure profile, allowing for granular access control while maintaining seamless connectivity across your entire digital ecosystem.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-feature">
|
||||||
|
<h3>Split Tunneling and Advanced Routing</h3>
|
||||||
|
<p>I'll implement custom routing configurations that allow you to selectively route traffic through your VPN, giving you the flexibility to choose which applications or destinations use the secure tunnel while others connect directly. This optimizes performance and provides greater control over your network traffic.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Benefits of WireGuard</h2>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Superior Performance:</span> Significantly faster connection speeds and lower latency compared to traditional VPN protocols like OpenVPN or IPsec</li>
|
||||||
|
<li><span class="highlight">Enhanced Security:</span> Modern cryptography with regular security audits and a minimal attack surface due to its small codebase</li>
|
||||||
|
<li><span class="highlight">Better Battery Life:</span> Less resource-intensive, resulting in longer battery life on mobile devices</li>
|
||||||
|
<li><span class="highlight">Reliable Connections:</span> Maintains stable connections even when switching networks or temporarily losing connectivity</li>
|
||||||
|
<li><span class="highlight">Simplified Management:</span> Easier to configure and maintain compared to other VPN technologies</li>
|
||||||
|
<li><span class="highlight">Cross-Platform Support:</span> Available on Windows, macOS, Linux, iOS, Android, and can be embedded in routers</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Features Included</h2>
|
||||||
|
<p>Your WireGuard VPN implementation will include:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Secure server setup with hardened configuration</li>
|
||||||
|
<li>Custom client configurations for all your devices</li>
|
||||||
|
<li>Strong encryption with properly generated key pairs</li>
|
||||||
|
<li>DNS leak protection to prevent exposure of your queries</li>
|
||||||
|
<li>Kill switch functionality to prevent unprotected connections</li>
|
||||||
|
<li>Optional IP forwarding for network-wide protection</li>
|
||||||
|
<li>Traffic routing optimizations based on your usage patterns</li>
|
||||||
|
<li>QR codes for easy mobile device configuration</li>
|
||||||
|
<li>Detailed documentation for future reference</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Use Cases for WireGuard</h2>
|
||||||
|
<p>A personal WireGuard VPN is ideal for:</p>
|
||||||
|
<ul>
|
||||||
|
<li><span class="highlight">Securing Public Wi-Fi:</span> Protect your data when connected to untrusted networks like cafes, hotels, or airports</li>
|
||||||
|
<li><span class="highlight">Privacy Enhancement:</span> Prevent your ISP from monitoring your browsing activities</li>
|
||||||
|
<li><span class="highlight">Accessing Home Resources:</span> Securely connect to your home network while traveling</li>
|
||||||
|
<li><span class="highlight">Geo-Restriction Bypass:</span> Access services that may be limited based on your geographical location</li>
|
||||||
|
<li><span class="highlight">Multi-Site Networking:</span> Connect multiple locations into a secure, unified network</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>My Approach</h2>
|
||||||
|
<p>When setting up WireGuard for clients, I take a comprehensive approach that includes:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Assessment of your specific needs and privacy requirements</li>
|
||||||
|
<li>Selection of the most appropriate hosting option (self-hosted, VPS, etc.)</li>
|
||||||
|
<li>Implementation of security best practices from the start</li>
|
||||||
|
<li>Configuration of all client devices with optimized settings</li>
|
||||||
|
<li>Thorough testing across different network conditions</li>
|
||||||
|
<li>Documentation and training so you understand how to use your VPN</li>
|
||||||
|
<li>Guidance on operational security practices when using a VPN</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="service-cta">
|
||||||
|
<h2>Experience Next-Generation VPN Technology</h2>
|
||||||
|
<p>Ready to improve your online privacy and security with a high-performance, modern VPN solution? Contact me today to discuss implementing WireGuard for your personal or business needs.</p>
|
||||||
|
<a href="/contact" class="cta-button">Contact Me</a>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.service-intro {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-blue);
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-description {
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-feature h3 {
|
||||||
|
color: var(--gruvbox-aqua);
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta {
|
||||||
|
margin: 2rem 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-cta .cta-button {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -287,6 +287,89 @@ main {
|
|||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Contact page styles */
|
||||||
|
.contact-info-section {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
padding: 1.5rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
border-radius: 5px;
|
||||||
|
border-left: 4px solid var(--gruvbox-blue);
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-form-container {
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-form {
|
||||||
|
max-width: 700px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group {
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
font-weight: bold;
|
||||||
|
color: var(--gruvbox-fg-alt);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group input,
|
||||||
|
.form-group textarea {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.75rem;
|
||||||
|
border: 1px solid var(--gruvbox-bg-alt);
|
||||||
|
border-radius: 4px;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 1rem;
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
color: var(--gruvbox-fg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group textarea {
|
||||||
|
resize: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit-button {
|
||||||
|
padding: 0.75rem 1.5rem;
|
||||||
|
background-color: var(--gruvbox-blue);
|
||||||
|
color: var(--gruvbox-fg);
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 1rem;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit-button:hover {
|
||||||
|
background-color: var(--gruvbox-aqua);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-status {
|
||||||
|
margin-top: 1rem;
|
||||||
|
padding: 1rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-status.sending {
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
color: var(--gruvbox-blue);
|
||||||
|
border-left: 4px solid var(--gruvbox-blue);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-status.success {
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
color: var(--gruvbox-green);
|
||||||
|
border-left: 4px solid var(--gruvbox-green);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-status.error {
|
||||||
|
background-color: var(--gruvbox-bg-soft);
|
||||||
|
color: var(--gruvbox-red);
|
||||||
|
border-left: 4px solid var(--gruvbox-red);
|
||||||
|
}
|
||||||
|
|
||||||
/* Responsive design */
|
/* Responsive design */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.container {
|
.container {
|
||||||
|
|||||||
Reference in New Issue
Block a user