first commit
This commit is contained in:
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@@ -0,0 +1 @@
|
||||
node_modules/
|
||||
11
README.md
Normal file
11
README.md
Normal file
@@ -0,0 +1,11 @@
|
||||
To install dependencies:
|
||||
```sh
|
||||
bun install
|
||||
```
|
||||
|
||||
To run:
|
||||
```sh
|
||||
bun run dev
|
||||
```
|
||||
|
||||
open http://localhost:3000
|
||||
71
app.css
Normal file
71
app.css
Normal file
@@ -0,0 +1,71 @@
|
||||
@import "tailwindcss";
|
||||
@plugin "daisyui";
|
||||
@plugin "daisyui/theme" {
|
||||
name: "dracula";
|
||||
default: false;
|
||||
prefersdark: false;
|
||||
color-scheme: "dark";
|
||||
--color-base-100: oklch(28.822% 0.022 277.508);
|
||||
--color-base-200: oklch(26.805% 0.02 277.508);
|
||||
--color-base-300: oklch(24.787% 0.019 277.508);
|
||||
--color-base-content: oklch(97.747% 0.007 106.545);
|
||||
--color-primary: oklch(75.461% 0.183 346.812);
|
||||
--color-primary-content: oklch(15.092% 0.036 346.812);
|
||||
--color-secondary: oklch(74.202% 0.148 301.883);
|
||||
--color-secondary-content: oklch(14.84% 0.029 301.883);
|
||||
--color-accent: oklch(83.392% 0.124 66.558);
|
||||
--color-accent-content: oklch(16.678% 0.024 66.558);
|
||||
--color-neutral: oklch(39.445% 0.032 275.524);
|
||||
--color-neutral-content: oklch(87.889% 0.006 275.524);
|
||||
--color-info: oklch(88.263% 0.093 212.846);
|
||||
--color-info-content: oklch(17.652% 0.018 212.846);
|
||||
--color-success: oklch(87.099% 0.219 148.024);
|
||||
--color-success-content: oklch(17.419% 0.043 148.024);
|
||||
--color-warning: oklch(95.533% 0.134 112.757);
|
||||
--color-warning-content: oklch(19.106% 0.026 112.757);
|
||||
--color-error: oklch(68.22% 0.206 24.43);
|
||||
--color-error-content: oklch(13.644% 0.041 24.43);
|
||||
--radius-selector: 1rem;
|
||||
--radius-field: 0.5rem;
|
||||
--radius-box: 2rem;
|
||||
--size-selector: 0.25rem;
|
||||
--size-field: 0.25rem;
|
||||
--border: 1px;
|
||||
--depth: 0;
|
||||
--noise: 0;
|
||||
}
|
||||
|
||||
@plugin "daisyui/theme" {
|
||||
name: "silk";
|
||||
default: false;
|
||||
prefersdark: false;
|
||||
color-scheme: "light";
|
||||
--color-base-100: oklch(97% 0.0035 67.78);
|
||||
--color-base-200: oklch(95% 0.0081 61.42);
|
||||
--color-base-300: oklch(90% 0.0081 61.42);
|
||||
--color-base-content: oklch(40% 0.0081 61.42);
|
||||
--color-primary: oklch(23.27% 0.0249 284.3);
|
||||
--color-primary-content: oklch(94.22% 0.2505 117.44);
|
||||
--color-secondary: oklch(23.27% 0.0249 284.3);
|
||||
--color-secondary-content: oklch(73.92% 0.2135 50.94);
|
||||
--color-accent: oklch(23.27% 0.0249 284.3);
|
||||
--color-accent-content: oklch(88.92% 0.2061 189.9);
|
||||
--color-neutral: oklch(20% 0 0);
|
||||
--color-neutral-content: oklch(80% 0.0081 61.42);
|
||||
--color-info: oklch(80.39% 0.1148 241.68);
|
||||
--color-info-content: oklch(30.39% 0.1148 241.68);
|
||||
--color-success: oklch(83.92% 0.0901 136.87);
|
||||
--color-success-content: oklch(23.92% 0.0901 136.87);
|
||||
--color-warning: oklch(83.92% 0.1085 80);
|
||||
--color-warning-content: oklch(43.92% 0.1085 80);
|
||||
--color-error: oklch(75.1% 0.1814 22.37);
|
||||
--color-error-content: oklch(35.1% 0.1814 22.37);
|
||||
--radius-selector: 2rem;
|
||||
--radius-field: 0.5rem;
|
||||
--radius-box: 1rem;
|
||||
--size-selector: 0.25rem;
|
||||
--size-field: 0.25rem;
|
||||
--border: 2px;
|
||||
--depth: 1;
|
||||
--noise: 0;
|
||||
}
|
||||
170
bun.lock
Normal file
170
bun.lock
Normal file
@@ -0,0 +1,170 @@
|
||||
{
|
||||
"lockfileVersion": 1,
|
||||
"configVersion": 1,
|
||||
"workspaces": {
|
||||
"": {
|
||||
"name": "portfolio",
|
||||
"dependencies": {
|
||||
"@tailwindcss/cli": "^4.2.2",
|
||||
"alpinejs": "^3.15.9",
|
||||
"daisyui": "^5.5.19",
|
||||
"hono": "^4.12.9",
|
||||
"tailwindcss": "^4.2.2",
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/bun": "latest",
|
||||
},
|
||||
},
|
||||
},
|
||||
"packages": {
|
||||
"@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
|
||||
|
||||
"@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
|
||||
|
||||
"@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],
|
||||
|
||||
"@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],
|
||||
|
||||
"@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
|
||||
|
||||
"@parcel/watcher": ["@parcel/watcher@2.5.6", "", { "dependencies": { "detect-libc": "^2.0.3", "is-glob": "^4.0.3", "node-addon-api": "^7.0.0", "picomatch": "^4.0.3" }, "optionalDependencies": { "@parcel/watcher-android-arm64": "2.5.6", "@parcel/watcher-darwin-arm64": "2.5.6", "@parcel/watcher-darwin-x64": "2.5.6", "@parcel/watcher-freebsd-x64": "2.5.6", "@parcel/watcher-linux-arm-glibc": "2.5.6", "@parcel/watcher-linux-arm-musl": "2.5.6", "@parcel/watcher-linux-arm64-glibc": "2.5.6", "@parcel/watcher-linux-arm64-musl": "2.5.6", "@parcel/watcher-linux-x64-glibc": "2.5.6", "@parcel/watcher-linux-x64-musl": "2.5.6", "@parcel/watcher-win32-arm64": "2.5.6", "@parcel/watcher-win32-ia32": "2.5.6", "@parcel/watcher-win32-x64": "2.5.6" } }, "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ=="],
|
||||
|
||||
"@parcel/watcher-android-arm64": ["@parcel/watcher-android-arm64@2.5.6", "", { "os": "android", "cpu": "arm64" }, "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A=="],
|
||||
|
||||
"@parcel/watcher-darwin-arm64": ["@parcel/watcher-darwin-arm64@2.5.6", "", { "os": "darwin", "cpu": "arm64" }, "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA=="],
|
||||
|
||||
"@parcel/watcher-darwin-x64": ["@parcel/watcher-darwin-x64@2.5.6", "", { "os": "darwin", "cpu": "x64" }, "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg=="],
|
||||
|
||||
"@parcel/watcher-freebsd-x64": ["@parcel/watcher-freebsd-x64@2.5.6", "", { "os": "freebsd", "cpu": "x64" }, "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng=="],
|
||||
|
||||
"@parcel/watcher-linux-arm-glibc": ["@parcel/watcher-linux-arm-glibc@2.5.6", "", { "os": "linux", "cpu": "arm" }, "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ=="],
|
||||
|
||||
"@parcel/watcher-linux-arm-musl": ["@parcel/watcher-linux-arm-musl@2.5.6", "", { "os": "linux", "cpu": "arm" }, "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg=="],
|
||||
|
||||
"@parcel/watcher-linux-arm64-glibc": ["@parcel/watcher-linux-arm64-glibc@2.5.6", "", { "os": "linux", "cpu": "arm64" }, "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA=="],
|
||||
|
||||
"@parcel/watcher-linux-arm64-musl": ["@parcel/watcher-linux-arm64-musl@2.5.6", "", { "os": "linux", "cpu": "arm64" }, "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA=="],
|
||||
|
||||
"@parcel/watcher-linux-x64-glibc": ["@parcel/watcher-linux-x64-glibc@2.5.6", "", { "os": "linux", "cpu": "x64" }, "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ=="],
|
||||
|
||||
"@parcel/watcher-linux-x64-musl": ["@parcel/watcher-linux-x64-musl@2.5.6", "", { "os": "linux", "cpu": "x64" }, "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg=="],
|
||||
|
||||
"@parcel/watcher-win32-arm64": ["@parcel/watcher-win32-arm64@2.5.6", "", { "os": "win32", "cpu": "arm64" }, "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q=="],
|
||||
|
||||
"@parcel/watcher-win32-ia32": ["@parcel/watcher-win32-ia32@2.5.6", "", { "os": "win32", "cpu": "ia32" }, "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g=="],
|
||||
|
||||
"@parcel/watcher-win32-x64": ["@parcel/watcher-win32-x64@2.5.6", "", { "os": "win32", "cpu": "x64" }, "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw=="],
|
||||
|
||||
"@tailwindcss/cli": ["@tailwindcss/cli@4.2.2", "", { "dependencies": { "@parcel/watcher": "^2.5.1", "@tailwindcss/node": "4.2.2", "@tailwindcss/oxide": "4.2.2", "enhanced-resolve": "^5.19.0", "mri": "^1.2.0", "picocolors": "^1.1.1", "tailwindcss": "4.2.2" }, "bin": { "tailwindcss": "dist/index.mjs" } }, "sha512-iJS+8kAFZ8HPqnh0O5DHCLjo4L6dD97DBQEkrhfSO4V96xeefUus2jqsBs1dUMt3OU9Ks4qIkiY0mpL5UW+4LQ=="],
|
||||
|
||||
"@tailwindcss/node": ["@tailwindcss/node@4.2.2", "", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "enhanced-resolve": "^5.19.0", "jiti": "^2.6.1", "lightningcss": "1.32.0", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.2.2" } }, "sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA=="],
|
||||
|
||||
"@tailwindcss/oxide": ["@tailwindcss/oxide@4.2.2", "", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.2.2", "@tailwindcss/oxide-darwin-arm64": "4.2.2", "@tailwindcss/oxide-darwin-x64": "4.2.2", "@tailwindcss/oxide-freebsd-x64": "4.2.2", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.2", "@tailwindcss/oxide-linux-arm64-gnu": "4.2.2", "@tailwindcss/oxide-linux-arm64-musl": "4.2.2", "@tailwindcss/oxide-linux-x64-gnu": "4.2.2", "@tailwindcss/oxide-linux-x64-musl": "4.2.2", "@tailwindcss/oxide-wasm32-wasi": "4.2.2", "@tailwindcss/oxide-win32-arm64-msvc": "4.2.2", "@tailwindcss/oxide-win32-x64-msvc": "4.2.2" } }, "sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg=="],
|
||||
|
||||
"@tailwindcss/oxide-android-arm64": ["@tailwindcss/oxide-android-arm64@4.2.2", "", { "os": "android", "cpu": "arm64" }, "sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg=="],
|
||||
|
||||
"@tailwindcss/oxide-darwin-arm64": ["@tailwindcss/oxide-darwin-arm64@4.2.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg=="],
|
||||
|
||||
"@tailwindcss/oxide-darwin-x64": ["@tailwindcss/oxide-darwin-x64@4.2.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw=="],
|
||||
|
||||
"@tailwindcss/oxide-freebsd-x64": ["@tailwindcss/oxide-freebsd-x64@4.2.2", "", { "os": "freebsd", "cpu": "x64" }, "sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ=="],
|
||||
|
||||
"@tailwindcss/oxide-linux-arm-gnueabihf": ["@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2", "", { "os": "linux", "cpu": "arm" }, "sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ=="],
|
||||
|
||||
"@tailwindcss/oxide-linux-arm64-gnu": ["@tailwindcss/oxide-linux-arm64-gnu@4.2.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw=="],
|
||||
|
||||
"@tailwindcss/oxide-linux-arm64-musl": ["@tailwindcss/oxide-linux-arm64-musl@4.2.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag=="],
|
||||
|
||||
"@tailwindcss/oxide-linux-x64-gnu": ["@tailwindcss/oxide-linux-x64-gnu@4.2.2", "", { "os": "linux", "cpu": "x64" }, "sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg=="],
|
||||
|
||||
"@tailwindcss/oxide-linux-x64-musl": ["@tailwindcss/oxide-linux-x64-musl@4.2.2", "", { "os": "linux", "cpu": "x64" }, "sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ=="],
|
||||
|
||||
"@tailwindcss/oxide-wasm32-wasi": ["@tailwindcss/oxide-wasm32-wasi@4.2.2", "", { "dependencies": { "@emnapi/core": "^1.8.1", "@emnapi/runtime": "^1.8.1", "@emnapi/wasi-threads": "^1.1.0", "@napi-rs/wasm-runtime": "^1.1.1", "@tybys/wasm-util": "^0.10.1", "tslib": "^2.8.1" }, "cpu": "none" }, "sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q=="],
|
||||
|
||||
"@tailwindcss/oxide-win32-arm64-msvc": ["@tailwindcss/oxide-win32-arm64-msvc@4.2.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ=="],
|
||||
|
||||
"@tailwindcss/oxide-win32-x64-msvc": ["@tailwindcss/oxide-win32-x64-msvc@4.2.2", "", { "os": "win32", "cpu": "x64" }, "sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA=="],
|
||||
|
||||
"@types/bun": ["@types/bun@1.3.11", "", { "dependencies": { "bun-types": "1.3.11" } }, "sha512-5vPne5QvtpjGpsGYXiFyycfpDF2ECyPcTSsFBMa0fraoxiQyMJ3SmuQIGhzPg2WJuWxVBoxWJ2kClYTcw/4fAg=="],
|
||||
|
||||
"@types/node": ["@types/node@25.5.0", "", { "dependencies": { "undici-types": "~7.18.0" } }, "sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw=="],
|
||||
|
||||
"@vue/reactivity": ["@vue/reactivity@3.1.5", "", { "dependencies": { "@vue/shared": "3.1.5" } }, "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg=="],
|
||||
|
||||
"@vue/shared": ["@vue/shared@3.1.5", "", {}, "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA=="],
|
||||
|
||||
"alpinejs": ["alpinejs@3.15.9", "", { "dependencies": { "@vue/reactivity": "~3.1.1" } }, "sha512-O30m8Tw/aARbLXmeTnISAFgrNm0K71PT7bZy/1NgRqFD36QGb34VJ4a6WBL1iIO/bofN+LkIkKLikUTkfPL2wQ=="],
|
||||
|
||||
"bun-types": ["bun-types@1.3.11", "", { "dependencies": { "@types/node": "*" } }, "sha512-1KGPpoxQWl9f6wcZh57LvrPIInQMn2TQ7jsgxqpRzg+l0QPOFvJVH7HmvHo/AiPgwXy+/Thf6Ov3EdVn1vOabg=="],
|
||||
|
||||
"daisyui": ["daisyui@5.5.19", "", {}, "sha512-pbFAkl1VCEh/MPCeclKL61I/MqRIFFhNU7yiXoDDRapXN4/qNCoMxeCCswyxEEhqL5eiTTfwHvucFtOE71C9sA=="],
|
||||
|
||||
"detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
|
||||
|
||||
"enhanced-resolve": ["enhanced-resolve@5.20.1", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.0" } }, "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA=="],
|
||||
|
||||
"graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
|
||||
|
||||
"hono": ["hono@4.12.9", "", {}, "sha512-wy3T8Zm2bsEvxKZM5w21VdHDDcwVS1yUFFY6i8UobSsKfFceT7TOwhbhfKsDyx7tYQlmRM5FLpIuYvNFyjctiA=="],
|
||||
|
||||
"is-extglob": ["is-extglob@2.1.1", "", {}, "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="],
|
||||
|
||||
"is-glob": ["is-glob@4.0.3", "", { "dependencies": { "is-extglob": "^2.1.1" } }, "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg=="],
|
||||
|
||||
"jiti": ["jiti@2.6.1", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],
|
||||
|
||||
"lightningcss": ["lightningcss@1.32.0", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-android-arm64": "1.32.0", "lightningcss-darwin-arm64": "1.32.0", "lightningcss-darwin-x64": "1.32.0", "lightningcss-freebsd-x64": "1.32.0", "lightningcss-linux-arm-gnueabihf": "1.32.0", "lightningcss-linux-arm64-gnu": "1.32.0", "lightningcss-linux-arm64-musl": "1.32.0", "lightningcss-linux-x64-gnu": "1.32.0", "lightningcss-linux-x64-musl": "1.32.0", "lightningcss-win32-arm64-msvc": "1.32.0", "lightningcss-win32-x64-msvc": "1.32.0" } }, "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ=="],
|
||||
|
||||
"lightningcss-android-arm64": ["lightningcss-android-arm64@1.32.0", "", { "os": "android", "cpu": "arm64" }, "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg=="],
|
||||
|
||||
"lightningcss-darwin-arm64": ["lightningcss-darwin-arm64@1.32.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ=="],
|
||||
|
||||
"lightningcss-darwin-x64": ["lightningcss-darwin-x64@1.32.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w=="],
|
||||
|
||||
"lightningcss-freebsd-x64": ["lightningcss-freebsd-x64@1.32.0", "", { "os": "freebsd", "cpu": "x64" }, "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig=="],
|
||||
|
||||
"lightningcss-linux-arm-gnueabihf": ["lightningcss-linux-arm-gnueabihf@1.32.0", "", { "os": "linux", "cpu": "arm" }, "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw=="],
|
||||
|
||||
"lightningcss-linux-arm64-gnu": ["lightningcss-linux-arm64-gnu@1.32.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ=="],
|
||||
|
||||
"lightningcss-linux-arm64-musl": ["lightningcss-linux-arm64-musl@1.32.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg=="],
|
||||
|
||||
"lightningcss-linux-x64-gnu": ["lightningcss-linux-x64-gnu@1.32.0", "", { "os": "linux", "cpu": "x64" }, "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA=="],
|
||||
|
||||
"lightningcss-linux-x64-musl": ["lightningcss-linux-x64-musl@1.32.0", "", { "os": "linux", "cpu": "x64" }, "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg=="],
|
||||
|
||||
"lightningcss-win32-arm64-msvc": ["lightningcss-win32-arm64-msvc@1.32.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw=="],
|
||||
|
||||
"lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.32.0", "", { "os": "win32", "cpu": "x64" }, "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q=="],
|
||||
|
||||
"magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
|
||||
|
||||
"mri": ["mri@1.2.0", "", {}, "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="],
|
||||
|
||||
"node-addon-api": ["node-addon-api@7.1.1", "", {}, "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ=="],
|
||||
|
||||
"picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
|
||||
|
||||
"picomatch": ["picomatch@4.0.4", "", {}, "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A=="],
|
||||
|
||||
"source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
|
||||
|
||||
"tailwindcss": ["tailwindcss@4.2.2", "", {}, "sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q=="],
|
||||
|
||||
"tapable": ["tapable@2.3.2", "", {}, "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA=="],
|
||||
|
||||
"undici-types": ["undici-types@7.18.2", "", {}, "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w=="],
|
||||
|
||||
"@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.9.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.2.0", "tslib": "^2.4.0" }, "bundled": true }, "sha512-mukuNALVsoix/w1BJwFzwXBN/dHeejQtuVzcDsfOEsdpCumXb/E9j8w11h5S54tT1xhifGfbbSm/ICrObRb3KA=="],
|
||||
|
||||
"@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.9.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-VYi5+ZVLhpgK4hQ0TAjiQiZ6ol0oe4mBx7mVv7IflsiEp0OWoVsp/+f9Vc1hOhE0TtkORVrI1GvzyreqpgWtkA=="],
|
||||
|
||||
"@tailwindcss/oxide-wasm32-wasi/@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.2.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg=="],
|
||||
|
||||
"@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.2", "", { "dependencies": { "@tybys/wasm-util": "^0.10.1" }, "peerDependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1" }, "bundled": true }, "sha512-sNXv5oLJ7ob93xkZ1XnxisYhGYXfaG9f65/ZgYuAu3qt7b3NadcOEhLvx28hv31PgX8SZJRYrAIPQilQmFpLVw=="],
|
||||
|
||||
"@tailwindcss/oxide-wasm32-wasi/@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
|
||||
|
||||
"@tailwindcss/oxide-wasm32-wasi/tslib": ["tslib@2.8.1", "", { "bundled": true }, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
|
||||
}
|
||||
}
|
||||
18
package.json
Normal file
18
package.json
Normal file
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"name": "portfolio",
|
||||
"scripts": {
|
||||
"dev": "bun run --hot src/index.tsx",
|
||||
"css": "bunx @tailwindcss/cli -i app.css -o ./public/output.css --watch",
|
||||
"build:css": "bunx @tailwindcss/cli -i app.css -o public/output.css"
|
||||
},
|
||||
"dependencies": {
|
||||
"@tailwindcss/cli": "^4.2.2",
|
||||
"alpinejs": "^3.15.9",
|
||||
"daisyui": "^5.5.19",
|
||||
"hono": "^4.12.9",
|
||||
"tailwindcss": "^4.2.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/bun": "latest"
|
||||
}
|
||||
}
|
||||
1978
public/output.css
Normal file
1978
public/output.css
Normal file
File diff suppressed because it is too large
Load Diff
13
public/updateWeekDisplay.js
Normal file
13
public/updateWeekDisplay.js
Normal file
@@ -0,0 +1,13 @@
|
||||
function updateWeekDisplay(value) {
|
||||
document.getElementById('deload-wk').textContent = value;
|
||||
document.getElementById('week-num').textContent = value;
|
||||
}
|
||||
|
||||
function darkMode() {
|
||||
const element = document.getElementById('darkmode')
|
||||
if (element.getElementById("checkbox1").checked === true) {
|
||||
element.setAttribute("data-theme", "silk")
|
||||
} else {
|
||||
element.setAttribute("data-theme", "dracula")
|
||||
}
|
||||
}
|
||||
47
src/index.tsx
Normal file
47
src/index.tsx
Normal file
@@ -0,0 +1,47 @@
|
||||
import { Hono } from 'hono'
|
||||
import { serveStatic } from 'hono/bun'
|
||||
import { Layout } from './layout/index.js'
|
||||
import { MesobuilderPage1, MesobuilderPage2 } from './layout/mesobuilder.js'
|
||||
import { Navbar } from './layout/nav.js'
|
||||
import { NewDay } from './layout/newday.js'
|
||||
import { ChangeTheme } from './layout/theme.js'
|
||||
|
||||
|
||||
|
||||
|
||||
const app = new Hono()
|
||||
|
||||
app.use('*', serveStatic({ root: './' }))
|
||||
|
||||
app.get('/', (c) => {
|
||||
return c.html(<Layout>
|
||||
<MesobuilderPage1 />
|
||||
<Navbar />
|
||||
</Layout>
|
||||
)
|
||||
})
|
||||
|
||||
|
||||
app.get('/meso2', (c) => {
|
||||
return c.html(
|
||||
<Layout>
|
||||
<ChangeTheme />
|
||||
<MesobuilderPage2 />
|
||||
<Navbar />
|
||||
</Layout>
|
||||
)
|
||||
})
|
||||
|
||||
|
||||
app.get('/newday', (c) => {
|
||||
return c.html(
|
||||
<NewDay></NewDay>
|
||||
)
|
||||
|
||||
})
|
||||
|
||||
app.delete('/newday/delete', (c) => {
|
||||
return c.html("")
|
||||
})
|
||||
|
||||
export default app
|
||||
8
src/layout/card.tsx
Normal file
8
src/layout/card.tsx
Normal file
@@ -0,0 +1,8 @@
|
||||
export const Card = ({ title, body }: { title: string; body: string }) => (
|
||||
<div class="card bg-base-100 shadow-xl w-96">
|
||||
<div class="card-body">
|
||||
<h2 class="card-title">{title}</h2>
|
||||
<p>{body}</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
31
src/layout/exercises.tsx
Normal file
31
src/layout/exercises.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
export const ExerciseTab = () => (
|
||||
<div>
|
||||
<div>
|
||||
<div class="text-[10px] font-bold tracking-widest uppercase text-primary px-1 mb-1">Chest</div>
|
||||
<div class="bg-base-200 border border-base-300 rounded-xl p-3 mb-2">
|
||||
<div class="font-medium text-sm">Bench Press</div>
|
||||
<div class="text-xs text-base-content/50 mt-0.5">3 sets to start</div>
|
||||
</div>
|
||||
<div class="bg-base-200 border border-base-300 rounded-xl p-3">
|
||||
<div class="font-medium text-sm">Incline DB Press</div>
|
||||
<div class="text-xs text-base-content/50 mt-0.5">3 sets to start</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="text-[10px] font-bold tracking-widest uppercase text-primary px-1 mb-1">Shoulders</div>
|
||||
<div class="bg-base-200 border border-base-300 rounded-xl p-3">
|
||||
<div class="font-medium text-sm">Cable Lateral Raise</div>
|
||||
<div class="text-xs text-base-content/50 mt-0.5">3 sets to start</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="text-[10px] font-bold tracking-widest uppercase text-primary px-1 mb-1">Triceps</div>
|
||||
<div class="bg-base-200 border border-base-300 rounded-xl p-3">
|
||||
<div class="font-medium text-sm">Tricep Pushdown</div>
|
||||
<div class="text-xs text-base-content/50 mt-0.5">3 sets to start</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
14
src/layout/index.tsx
Normal file
14
src/layout/index.tsx
Normal file
@@ -0,0 +1,14 @@
|
||||
export const Layout = ({ children }: { children: any }) => (
|
||||
<html id='darkmode' data-theme="dracula">
|
||||
<head>
|
||||
<link rel="stylesheet" href="../../public/output.css" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600&display=swap" rel="stylesheet" />
|
||||
<script src="https://unpkg.com/htmx.org@2" defer></script>
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.15.9/dist/cdn.min.js"></script>
|
||||
<script src="../../public/updateWeekDisplay.js"></script>
|
||||
</head>
|
||||
<body class="p-8">
|
||||
{children}
|
||||
</body>
|
||||
</html>
|
||||
)
|
||||
126
src/layout/mesobuilder.tsx
Normal file
126
src/layout/mesobuilder.tsx
Normal file
@@ -0,0 +1,126 @@
|
||||
import { ChangeTheme } from "./theme"
|
||||
|
||||
export const MesobuilderPage1 = () => (
|
||||
<div class="phone-frame">
|
||||
<ChangeTheme></ChangeTheme>
|
||||
<div class="flex bg-base-100 border-b border-base-300 sticky top-0 z-50">
|
||||
<button id="tcursor-not-allowedab-step1"
|
||||
class="flex-1 py-2.5 text-[11px] font-bold tracking-wider uppercase text-base-content/40 cursor-pointer border-b-2 border-transparent transition-all tab-btn text-primary border-primary"
|
||||
onclick="showScreen('step1')">
|
||||
Step 1 — Setup
|
||||
</button>
|
||||
<button id="tab-step2"
|
||||
class="flex-1 py-2.5 text-[11px] font-bold tracking-wider uppercase text-base-content/40 cursor-pointer border-b-2 border-transparent transition-all tab-btn"
|
||||
onclick="showScreen('step2')">
|
||||
Step 2 — Builder
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="screen active" id="step1">
|
||||
<div class="px-4 py-3.5 flex items-center gap-3 border-b border-base-300 bg-base-100">
|
||||
<button class="btn btn-sm btn-ghost btn-square text-base-content/60">←</button>
|
||||
<span class="font-lora text-[19px] font-semibold text-base-content">New Cycle</span>
|
||||
<span class="badge badge-ghost text-[11px] font-bold tracking-wider ml-auto">1 of 2</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-1 overflow-y-auto no-scrollbar px-5 pt-6 pb-28 flex flex-col gap-7">
|
||||
<div class="flex flex-col gap-2">
|
||||
<label class="text-[11px] font-bold tracking-[0.1em] uppercase text-base-content/50">Cycle Name</label>
|
||||
<input id="cycle-name" class="input input-bordered w-full text-base font-medium bg-base-100" type="text" value="Summer Bulk" />
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-2">
|
||||
<label class="text-[11px] font-bold tracking-[0.1em] uppercase text-base-content/50">Duration</label>
|
||||
<div class="bg-base-100 border border-base-300 rounded-2xl overflow-hidden shadow-sm">
|
||||
<div class="px-5 pt-5 pb-3.5 flex items-end gap-2.5 border-b border-base-300">
|
||||
<span id="week-num" class="font-bc text-[72px] font-extrabold text-primary leading-none tracking-tight">8</span>
|
||||
<div class="pb-2.5 text-[15px] text-base-content/60 font-medium leading-tight">
|
||||
weeks total
|
||||
<span class="block text-xs text-base-content/40 mt-0.5">incl. deload week</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-5 py-4 flex flex-col gap-2">
|
||||
<input class="week-slider" type="range" min="4" max="12" value="8" id="week-slider"
|
||||
oninput="updateWeekDisplay(this.value)" />
|
||||
<div class="flex justify-between text-[11px] text-base-content/40 font-bold">
|
||||
<span>4 weeks</span><span>12 weeks</span>
|
||||
</div>
|
||||
<div class="bg-primary/10 border border-primary/25 rounded-xl p-3 text-xs text-primary leading-relaxed">
|
||||
Week <strong id="deload-wk">8</strong> is automatically your <strong>deload week</strong>.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sticky bottom-0 px-5 pt-4 pb-7 bg-gradient-to-t from-base-200 via-base-200/80 to-transparent">
|
||||
<button onclick="window.location.href='/meso2'"
|
||||
class="btn btn-primary w-full font-bc text-[17px] tracking-[0.08em] uppercase shadow-lg shadow-primary/30">
|
||||
Next — Build Days →
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
|
||||
export const MesobuilderPage2 = () => (
|
||||
<div>
|
||||
<div className="screen" id="step2">
|
||||
<div className="px-4 py-3.5 flex items-center gap-3 border-b border-base-300 bg-base-100">
|
||||
<button onclick="window.location.href='/'" className="btn btn-sm btn-ghost btn-square text-base-content/60">←</button>
|
||||
<span className="font-lora text-[19px] font-semibold text-base-content">Cycle Builder</span>
|
||||
<span className="badge badge-ghost text-[11px] font-bold tracking-wider ml-auto">2 of 2</span>
|
||||
</div>
|
||||
|
||||
<div className="px-5 py-2.5 border-b border-base-300 bg-base-100 flex items-center justify-between">
|
||||
<span id="cycle-name-header" className="font-lora text-base font-semibold text-base-content">Summer Bulk</span>
|
||||
<span className="text-xs text-base-content/40">8 weeks · <span id="day-count">3</span> days</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-1 overflow-x-auto kanban-scroll p-4 flex gap-3 bg-base-200/60 kabanBoard">
|
||||
|
||||
<div class="card card-bordered flex-shrink-0 w-[248px] bg-base-100 shadow-md overflow-hidden newDay">
|
||||
<div class="px-4 py-3 border-b border-base-300 flex items-center gap-2">
|
||||
<div class="flex-1">
|
||||
<div class="font-bc text-[15px] font-bold uppercase tracking-wider">Day 1</div>
|
||||
<select class="select select-bordered select-xs w-full mt-1 text-primary font-semibold">
|
||||
<option>Tuesday</option>
|
||||
<option>Monday</option>
|
||||
<option>Wednesday</option>
|
||||
<option>Thursday</option>
|
||||
<option>Friday</option>
|
||||
<option>Saturday</option>
|
||||
<option>Sunday</option>
|
||||
<option selected>— Flexible</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="btn btn-xs btn-ghost btn-square text-error">✕</button>
|
||||
</div>
|
||||
|
||||
<div class="p-3 flex flex-col gap-3 min-h-[100px]">
|
||||
|
||||
</div>
|
||||
|
||||
<button class="mx-3 mb-3 py-3 border border-dashed border-base-300 rounded-xl text-center text-xs font-semibold text-base-content/50 ">
|
||||
+ Add exercise
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<button class="addDay btn btn-ghost flex-shrink-0 w-14 h-14 rounded-2xl border-2 border-dashed border-base-300 text-3xl text-base-content/40 self-start hover:border-primary hover:text-primary transition-colors"
|
||||
hx-get="/newday"
|
||||
hx-target=".addDay"
|
||||
hx-swap='beforebegin'>
|
||||
+
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="sticky bottom-0 px-5 pt-4 pb-7 bg-gradient-to-t from-base-200 via-base-200/80 to-transparent pointer-events-none">
|
||||
<button className="btn btn-primary w-full font-bc text-[17px] tracking-[0.08em] uppercase shadow-lg shadow-primary/30 pointer-events-auto">
|
||||
Create Mesocycle
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
18
src/layout/nav.tsx
Normal file
18
src/layout/nav.tsx
Normal file
@@ -0,0 +1,18 @@
|
||||
export const Navbar = () => (
|
||||
<div className="dock dock-md">
|
||||
<button>
|
||||
<svg className="size-[1.2em]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" strokeLinejoin="miter" strokeLinecap="butt"><polyline points="1 11 12 2 23 11" fill="none" stroke="currentColor" stroke-miterlimit="10" strokeWidth="2"></polyline><path d="m5,13v7c0,1.105.895,2,2,2h10c1.105,0,2-.895,2-2v-7" fill="none" stroke="currentColor" strokeLinecap="square" stroke-miterlimit="10" strokeWidth="2"></path><line x1="12" y1="22" x2="12" y2="18" fill="none" stroke="currentColor" strokeLinecap="square" stroke-miterlimit="10" strokeWidth="2"></line></g></svg>
|
||||
<span className="dock-label">Home</span>
|
||||
</button>
|
||||
|
||||
<button className="dock-active">
|
||||
<svg className="size-[1.2em]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" strokeLinejoin="miter" strokeLinecap="butt"><polyline points="3 14 9 14 9 17 15 17 15 14 21 14" fill="none" stroke="currentColor" stroke-miterlimit="10" strokeWidth="2"></polyline><rect x="3" y="3" width="18" height="18" rx="2" ry="2" fill="none" stroke="currentColor" strokeLinecap="square" stroke-miterlimit="10" strokeWidth="2"></rect></g></svg>
|
||||
<span className="dock-label">Inbox</span>
|
||||
</button>
|
||||
|
||||
<button>
|
||||
<svg className="size-[1.2em]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" strokeLinejoin="miter" strokeLinecap="butt"><circle cx="12" cy="12" r="3" fill="none" stroke="currentColor" strokeLinecap="square" stroke-miterlimit="10" strokeWidth="2"></circle><path d="m22,13.25v-2.5l-2.318-.966c-.167-.581-.395-1.135-.682-1.654l.954-2.318-1.768-1.768-2.318.954c-.518-.287-1.073-.515-1.654-.682l-.966-2.318h-2.5l-.966,2.318c-.581.167-1.135.395-1.654.682l-2.318-.954-1.768,1.768.954,2.318c-.287.518-.515,1.073-.682,1.654l-2.318.966v2.5l2.318.966c.167.581.395,1.135.682,1.654l-.954,2.318,1.768,1.768,2.318-.954c.518.287,1.073.515,1.654.682l.966,2.318h2.5l.966-2.318c.581-.167,1.135-.395,1.654-.682l2.318.954,1.768-1.768-.954-2.318c.287-.518.515-1.073.682-1.654l2.318-.966Z" fill="none" stroke="currentColor" strokeLinecap="square" stroke-miterlimit="10" strokeWidth="2"></path></g></svg>
|
||||
<span className="dock-label">Settings</span>
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
31
src/layout/newday.tsx
Normal file
31
src/layout/newday.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
export const NewDay = () => (
|
||||
<div className="card card-bordered flex-shrink-0 w-[248px] bg-base-100 shadow-md overflow-hidden test" >
|
||||
<div class="px-4 py-3 border-b border-base-300 flex items-center gap-2">
|
||||
<div class="flex-1">
|
||||
<div class="font-bc text-[15px] font-bold uppercase tracking-wider">Day</div>
|
||||
<select class="select select-bordered select-xs w-full mt-1 text-primary font-semibold">
|
||||
<option selected>Tuesday</option>
|
||||
<option>Monday</option>
|
||||
<option>Wednesday</option>
|
||||
<option>Thursday</option>
|
||||
<option>Friday</option>
|
||||
<option>Saturday</option>
|
||||
<option>Sunday</option>
|
||||
<option selected>— Flexible</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="btn btn-xs btn-ghost btn-square text-error"
|
||||
hx-delete="/newday/delete"
|
||||
hx-target='closest .test'
|
||||
hx-swap="outerHTML"
|
||||
>✕</button>
|
||||
</div>
|
||||
|
||||
<div class="p-3 flex flex-col gap-3 min-h-[100px]">
|
||||
</div>
|
||||
|
||||
<button class="mx-3 mb-3 py-3 border border-dashed border-base-300 rounded-xl text-center text-xs font-semibold text-base-content/50">
|
||||
+ Add exercise
|
||||
</button>
|
||||
</div >
|
||||
)
|
||||
24
src/layout/theme.tsx
Normal file
24
src/layout/theme.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
export const ChangeTheme = () => (
|
||||
<label className="swap swap-rotate" onclick='darkMode()'>
|
||||
{/* this hidden checkbox controls the state */}
|
||||
<input id='checkbox1' type="checkbox" />
|
||||
|
||||
{/* sun icon */}
|
||||
<svg
|
||||
className="swap-on h-10 w-10 fill-current"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z" />
|
||||
</svg>
|
||||
|
||||
{/* moon icon */}
|
||||
<svg
|
||||
className="swap-off h-10 w-10 fill-current"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z" />
|
||||
</svg>
|
||||
</label>
|
||||
)
|
||||
7
tsconfig.json
Normal file
7
tsconfig.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"strict": true,
|
||||
"jsx": "react-jsx",
|
||||
"jsxImportSource": "hono/jsx"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user