From e46137d2df6a8344cd15a5d50963b571cc72dbb3 Mon Sep 17 00:00:00 2001 From: Harding <000894566@mohawkcollege.ca> Date: Wed, 26 Feb 2025 15:43:32 -0500 Subject: [PATCH 1/9] Fixed webpage functionality on mobile --- package.json | 2 +- src/app.css | 10 ++++++++++ src/lib/components/Contact.svelte | 4 ++-- src/lib/components/Hero.svelte | 2 +- src/lib/components/Projects.svelte | 4 ++-- src/lib/components/TechStack.svelte | 30 +++++++++++++++++++++++------ src/routes/+page.svelte | 8 +++++++- 7 files changed, 47 insertions(+), 13 deletions(-) diff --git a/package.json b/package.json index 21a4cd3..f325819 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "version": "0.0.1", "type": "module", "scripts": { - "dev": "vite dev", + "dev": "vite dev --host", "build": "vite build", "preview": "vite preview", "format": "prettier --write .", diff --git a/src/app.css b/src/app.css index 4465d8c..8abcca8 100644 --- a/src/app.css +++ b/src/app.css @@ -2,6 +2,16 @@ @import 'tailwindcss/components'; @import 'tailwindcss/utilities'; +* { + overflow-x: hidden; +} + +*:not(a), +*:not(button), +*:not(input) { + user-select: none; +} + /* @font-face { font-family: 'Nunita'; src: url('$lib/assets/fonts/Nunito-VariableFont_wght.ttf'); diff --git a/src/lib/components/Contact.svelte b/src/lib/components/Contact.svelte index d1b46ce..2945fbd 100644 --- a/src/lib/components/Contact.svelte +++ b/src/lib/components/Contact.svelte @@ -4,7 +4,7 @@
-
+

Contact Us

Fullname

@@ -29,7 +29,7 @@

Your Message

- +
diff --git a/src/lib/components/Hero.svelte b/src/lib/components/Hero.svelte index 561ea56..1585cb9 100644 --- a/src/lib/components/Hero.svelte +++ b/src/lib/components/Hero.svelte @@ -10,7 +10,7 @@
-

Backwards Development

+

Backwards Development

A Software Development and Distribution Company

diff --git a/src/lib/components/Projects.svelte b/src/lib/components/Projects.svelte index 76a18e8..0580be0 100644 --- a/src/lib/components/Projects.svelte +++ b/src/lib/components/Projects.svelte @@ -14,8 +14,8 @@
-

Projects

-
+

Projects

+
{#each projects as project}
diff --git a/src/lib/components/TechStack.svelte b/src/lib/components/TechStack.svelte index 2642557..c01b1cd 100644 --- a/src/lib/components/TechStack.svelte +++ b/src/lib/components/TechStack.svelte @@ -3,16 +3,34 @@ import { Avatar } from '@skeletonlabs/skeleton'; -
-

Our Preferred Tech Stack

- Subject to change -
+ + +
+
+

My Current Tech Stack

+ Subject to Change +
+
{#each Techs as tech} - + {tech.name}
{/each}
-
+
\ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 9c54953..b0d1a15 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -62,11 +62,17 @@ } .section { - scroll-snap-align: start; min-height: 100vh; /* Full viewport height */ width: 100vw; } + /* Scroll Snapping works well with a mouse, but without it feels forced, weird and wrong. */ + @media (width >= 64rem) { + .section { + scroll-snap-align: center; + } + } + /* Tracker Styles */ .tracker { position: fixed; From 2ac634bb3f08a8261c50ecba41c6aff2b15ec622 Mon Sep 17 00:00:00 2001 From: Harding <000894566@mohawkcollege.ca> Date: Wed, 26 Feb 2025 15:45:34 -0500 Subject: [PATCH 2/9] Removed README --- README.md | 38 -------------------------------------- 1 file changed, 38 deletions(-) delete mode 100644 README.md diff --git a/README.md b/README.md deleted file mode 100644 index b5b2950..0000000 --- a/README.md +++ /dev/null @@ -1,38 +0,0 @@ -# sv - -Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli). - -## Creating a project - -If you're seeing this, you've probably already done this step. Congrats! - -```bash -# create a new project in the current directory -npx sv create - -# create a new project in my-app -npx sv create my-app -``` - -## Developing - -Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server: - -```bash -npm run dev - -# or start the server and open the app in a new browser tab -npm run dev -- --open -``` - -## Building - -To create a production version of your app: - -```bash -npm run build -``` - -You can preview the production build with `npm run preview`. - -> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment. From 6a547289f77ca2994af1c1e78af5476c9059f35d Mon Sep 17 00:00:00 2001 From: Alexander Harding Date: Wed, 26 Feb 2025 23:20:52 +0000 Subject: [PATCH 3/9] Changed build directory --- vite.config.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/vite.config.js b/vite.config.js index 5cc10c6..8e99efa 100644 --- a/vite.config.js +++ b/vite.config.js @@ -9,5 +9,8 @@ export default defineConfig({ compiler: 'svelte', autoInstall: true }) - ] + ], + build: { + outDir: '../../build' + } }); From 428910d835585c8f5157d0caccd665bb6894265f Mon Sep 17 00:00:00 2001 From: Alexander Harding Date: Wed, 26 Feb 2025 23:22:38 +0000 Subject: [PATCH 4/9] testing auto prod --- src/app.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/app.css b/src/app.css index 8abcca8..7c7b59b 100644 --- a/src/app.css +++ b/src/app.css @@ -1,3 +1,4 @@ +/* Test */ @import 'tailwindcss/base'; @import 'tailwindcss/components'; @import 'tailwindcss/utilities'; From c842a38c41553b54c91be96275f24c2db14f9f85 Mon Sep 17 00:00:00 2001 From: Backwards Date: Tue, 4 Mar 2025 15:30:52 -0500 Subject: [PATCH 5/9] Initial Commit --- src/app.css | 10 -- src/lib/components/Contact.svelte | 37 ------- src/lib/components/Header.svelte | 44 -------- src/lib/components/Hero.svelte | 38 ------- src/lib/components/Media.svelte | 29 ----- src/lib/components/Projects.svelte | 50 --------- src/lib/components/TechStack.svelte | 36 ------- src/lib/components/items/BrandIcon.svelte | 7 ++ src/routes/+page.svelte | 126 ++++++++-------------- 9 files changed, 49 insertions(+), 328 deletions(-) delete mode 100644 src/lib/components/Contact.svelte delete mode 100644 src/lib/components/Header.svelte delete mode 100644 src/lib/components/Hero.svelte delete mode 100644 src/lib/components/Media.svelte delete mode 100644 src/lib/components/Projects.svelte delete mode 100644 src/lib/components/TechStack.svelte create mode 100644 src/lib/components/items/BrandIcon.svelte diff --git a/src/app.css b/src/app.css index 7c7b59b..4c59189 100644 --- a/src/app.css +++ b/src/app.css @@ -3,16 +3,6 @@ @import 'tailwindcss/components'; @import 'tailwindcss/utilities'; -* { - overflow-x: hidden; -} - -*:not(a), -*:not(button), -*:not(input) { - user-select: none; -} - /* @font-face { font-family: 'Nunita'; src: url('$lib/assets/fonts/Nunito-VariableFont_wght.ttf'); diff --git a/src/lib/components/Contact.svelte b/src/lib/components/Contact.svelte deleted file mode 100644 index 2945fbd..0000000 --- a/src/lib/components/Contact.svelte +++ /dev/null @@ -1,37 +0,0 @@ - - -
- -

Contact Us

-
-

Fullname

-
-
- -
-

Email

-
-
- -
-

Subject

-
-
- -
-

Your Message

- -
- -
- -
\ No newline at end of file diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte deleted file mode 100644 index e965d7f..0000000 --- a/src/lib/components/Header.svelte +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - -
-
- -
- {#if isAtTop} -
- -
- {/if} -
-
\ No newline at end of file diff --git a/src/lib/components/Hero.svelte b/src/lib/components/Hero.svelte deleted file mode 100644 index 1585cb9..0000000 --- a/src/lib/components/Hero.svelte +++ /dev/null @@ -1,38 +0,0 @@ - - -
-

Backwards Development

-

A Software Development and Distribution Company

-
- - - - - - - - - - - - - - - -
-
- - \ No newline at end of file diff --git a/src/lib/components/Media.svelte b/src/lib/components/Media.svelte deleted file mode 100644 index 493d331..0000000 --- a/src/lib/components/Media.svelte +++ /dev/null @@ -1,29 +0,0 @@ - - -
-

Backwards Media

-

Upload and Share Media with your Friends

-
- - Try it out - - - - Learn more - - -
-
- - diff --git a/src/lib/components/Projects.svelte b/src/lib/components/Projects.svelte deleted file mode 100644 index 0580be0..0000000 --- a/src/lib/components/Projects.svelte +++ /dev/null @@ -1,50 +0,0 @@ - - - -
-

Projects

-
- {#each projects as project} - -
- {project.name} -
-
-

{project.name}

-
-

- {project.description} -

-
-
-
-
- -
-
- By {project.author.username} -
- Updated {project.date} -
-
- - {/each} -
-
diff --git a/src/lib/components/TechStack.svelte b/src/lib/components/TechStack.svelte deleted file mode 100644 index c01b1cd..0000000 --- a/src/lib/components/TechStack.svelte +++ /dev/null @@ -1,36 +0,0 @@ - - - - -
-
-

My Current Tech Stack

- Subject to Change -
-
- {#each Techs as tech} - - - {tech.name} -
- - {/each} -
-
\ No newline at end of file diff --git a/src/lib/components/items/BrandIcon.svelte b/src/lib/components/items/BrandIcon.svelte new file mode 100644 index 0000000..dd5ea1b --- /dev/null +++ b/src/lib/components/items/BrandIcon.svelte @@ -0,0 +1,7 @@ + + + + + \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index b0d1a15..0a1f250 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,98 +1,56 @@ - -
- {#each slides as content} -
- -
- {/each} -
- - -{#if currentSection > 0} -
- {#each slides.slice(1) as _, i} -
- {/each} +
+
+

Tools

-{/if} +
+
+

Alexander Harding

+

Software and Application Developer

+
+ {#each brands as brand} + + {/each} +
+
+
+
+

Downloads

+
+
+
+
+
+
+ \ No newline at end of file From 480760ed5a3041f1a0ebebe85a46d06cd7120b5e Mon Sep 17 00:00:00 2001 From: Backwards Date: Tue, 4 Mar 2025 16:02:34 -0500 Subject: [PATCH 6/9] Justified Brands 'space-between' --- src/routes/+page.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 0a1f250..2e0f079 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -25,7 +25,7 @@

Alexander Harding

Software and Application Developer

-
+
{#each brands as brand} {/each} From 4b529f6f5be92b1fa7645dbe61cdf6ce1f500f96 Mon Sep 17 00:00:00 2001 From: BackwardsUser Date: Tue, 4 Mar 2025 22:01:38 -0500 Subject: [PATCH 7/9] Everything went dark... idk what happened --- package-lock.json | 127 +++++++++++++++++++ package.json | 2 + src/app.css | 21 --- src/lib/components/cards/Header.svelte | 27 ++++ src/lib/components/containers/Contact.svelte | 38 ++++++ src/lib/components/items/LargeCard.svelte | 42 ++++++ src/lib/components/items/SmallCard.svelte | 11 ++ src/lib/components/pages/Large.svelte | 113 +++++++++++++++++ src/lib/components/pages/Small.svelte | 5 + src/routes/+page.server.js | 16 +++ src/routes/+page.svelte | 70 +++------- 11 files changed, 402 insertions(+), 70 deletions(-) create mode 100644 src/lib/components/cards/Header.svelte create mode 100644 src/lib/components/containers/Contact.svelte create mode 100644 src/lib/components/items/LargeCard.svelte create mode 100644 src/lib/components/items/SmallCard.svelte create mode 100644 src/lib/components/pages/Large.svelte create mode 100644 src/lib/components/pages/Small.svelte create mode 100644 src/routes/+page.server.js diff --git a/package-lock.json b/package-lock.json index 06a6d6c..5835bfc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -27,6 +27,8 @@ "@sveltejs/vite-plugin-svelte": "^4.0.4", "@tailwindcss/forms": "^0.5.10", "autoprefixer": "^10.4.20", + "axios": "^1.8.1", + "dylan-ipsum": "^1.1.0", "eslint": "^9.7.0", "eslint-config-prettier": "^9.1.0", "eslint-plugin-svelte": "^2.36.0", @@ -1655,6 +1657,13 @@ "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==", "license": "MIT" }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", + "dev": true, + "license": "MIT" + }, "node_modules/autoprefixer": { "version": "10.4.20", "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz", @@ -1693,6 +1702,18 @@ "postcss": "^8.1.0" } }, + "node_modules/axios": { + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.1.tgz", + "integrity": "sha512-NN+fvwH/kV01dYUQ3PTOZns4LWtWhOFCAhQ/pHb88WQ1hNe5V/dvFwc4VJcDL11LT9xSX0QtsR8sWUuyOuOq7g==", + "dev": true, + "license": "MIT", + "dependencies": { + "follow-redirects": "^1.15.6", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + } + }, "node_modules/axobject-query": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz", @@ -1983,6 +2004,19 @@ "dev": true, "license": "MIT" }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "dev": true, + "license": "MIT", + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, "node_modules/commander": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", @@ -2159,6 +2193,16 @@ "node": ">=0.10.0" } }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=0.4.0" + } + }, "node_modules/depd": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", @@ -2213,6 +2257,13 @@ "node": ">= 0.4" } }, + "node_modules/dylan-ipsum": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/dylan-ipsum/-/dylan-ipsum-1.1.0.tgz", + "integrity": "sha512-L/U6bSf63eovEtddaJTRyuG42/1Nq5R7blYOyoAD8NXPw+EimuynIL9Sgh7F1msVwlmvCAFdpeh6wXjJuQg76A==", + "dev": true, + "license": "MIT" + }, "node_modules/eastasianwidth": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", @@ -2279,6 +2330,22 @@ "node": ">= 0.4" } }, + "node_modules/es-set-tostringtag": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz", + "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.6", + "has-tostringtag": "^1.0.2", + "hasown": "^2.0.2" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/esbuild": { "version": "0.21.5", "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz", @@ -2826,6 +2893,27 @@ "dev": true, "license": "ISC" }, + "node_modules/follow-redirects": { + "version": "1.15.9", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz", + "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==", + "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], + "license": "MIT", + "engines": { + "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } + } + }, "node_modules/foreground-child": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz", @@ -2843,6 +2931,22 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/form-data": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz", + "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==", + "dev": true, + "license": "MIT", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "es-set-tostringtag": "^2.1.0", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, "node_modules/forwarded": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", @@ -3057,6 +3161,22 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/has-tostringtag": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz", + "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==", + "dev": true, + "license": "MIT", + "dependencies": { + "has-symbols": "^1.0.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/hasown": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", @@ -4258,6 +4378,13 @@ "node": ">= 0.10" } }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", + "dev": true, + "license": "MIT" + }, "node_modules/punycode": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", diff --git a/package.json b/package.json index f325819..255ad2e 100644 --- a/package.json +++ b/package.json @@ -26,6 +26,8 @@ "@sveltejs/vite-plugin-svelte": "^4.0.4", "@tailwindcss/forms": "^0.5.10", "autoprefixer": "^10.4.20", + "axios": "^1.8.1", + "dylan-ipsum": "^1.1.0", "eslint": "^9.7.0", "eslint-config-prettier": "^9.1.0", "eslint-plugin-svelte": "^2.36.0", diff --git a/src/app.css b/src/app.css index 4c59189..f0efb4b 100644 --- a/src/app.css +++ b/src/app.css @@ -2,24 +2,3 @@ @import 'tailwindcss/base'; @import 'tailwindcss/components'; @import 'tailwindcss/utilities'; - -/* @font-face { - font-family: 'Nunita'; - src: url('$lib/assets/fonts/Nunito-VariableFont_wght.ttf'); -} - -@font-face { - font-family: 'Roboto'; - src: url('$lib/assets/fonts/Roboto-VariableFont_wdth,wght.ttf'); -} - -:root { - --theme-font-family-base: 'Roboto', serif; - --theme-font-family-heading: 'Roboto', serif; -} - -:root body[data-theme='modern'], -:root body[data-theme='gold-nouveau'] { - --theme-font-family-base: 'Nunita', serif; - --theme-font-family-heading: 'Nunita', serif; -} */ \ No newline at end of file diff --git a/src/lib/components/cards/Header.svelte b/src/lib/components/cards/Header.svelte new file mode 100644 index 0000000..846ce8a --- /dev/null +++ b/src/lib/components/cards/Header.svelte @@ -0,0 +1,27 @@ + + +
+
+

Alexander Harding

+

Software and Application Developer

+
+ {#each brands as brand} + + {/each} +
+
+
+ + \ No newline at end of file diff --git a/src/lib/components/containers/Contact.svelte b/src/lib/components/containers/Contact.svelte new file mode 100644 index 0000000..c7ad70e --- /dev/null +++ b/src/lib/components/containers/Contact.svelte @@ -0,0 +1,38 @@ + + + +
+
+

Contact Us

+
+

Fullname

+
+
+ +
+

Email

+
+
+ +
+

Subject

+
+
+ +
+

Your Message

+ +
+ +
+
+
\ No newline at end of file diff --git a/src/lib/components/items/LargeCard.svelte b/src/lib/components/items/LargeCard.svelte new file mode 100644 index 0000000..3c3b2a6 --- /dev/null +++ b/src/lib/components/items/LargeCard.svelte @@ -0,0 +1,42 @@ + + + +
+ {data.name} +
+
+

{data.name}

+
+

+ {data.description} +

+
+
+
+
+ +
+
+ By {data.author.username} +
+ Updated {data.date} +
+
+ \ No newline at end of file diff --git a/src/lib/components/items/SmallCard.svelte b/src/lib/components/items/SmallCard.svelte new file mode 100644 index 0000000..8d7f041 --- /dev/null +++ b/src/lib/components/items/SmallCard.svelte @@ -0,0 +1,11 @@ + + + + + {data.name} +
+ \ No newline at end of file diff --git a/src/lib/components/pages/Large.svelte b/src/lib/components/pages/Large.svelte new file mode 100644 index 0000000..d7eb2c1 --- /dev/null +++ b/src/lib/components/pages/Large.svelte @@ -0,0 +1,113 @@ + + +
+
+

My Tech Stack

+
+ {#each techs as tech} + + {/each} +
+
+ +
+
+
+

Projects

+
+ {#each projects as project} + + {/each} +
+
+
+ +
+
+ +
+

Downloads

+ {#if downloads.length > 0} + {#each downloads as download} +

-- Not Implemented --

+ {/each} + {:else} +

-- No files uploaded --

+ {/if} +
+
+ + diff --git a/src/lib/components/pages/Small.svelte b/src/lib/components/pages/Small.svelte new file mode 100644 index 0000000..65501fb --- /dev/null +++ b/src/lib/components/pages/Small.svelte @@ -0,0 +1,5 @@ + + +

Not Implemented.

\ No newline at end of file diff --git a/src/routes/+page.server.js b/src/routes/+page.server.js new file mode 100644 index 0000000..d8bd70b --- /dev/null +++ b/src/routes/+page.server.js @@ -0,0 +1,16 @@ +import axios from "axios" +import { DISCORD_TOKEN } from "$env/static/private" + +export const load = async () => { + let content = await axios.get("https://discord.com/api/v9/users/@me", { + headers: { + "Authorization": DISCORD_TOKEN + } + }); + + return { + avatars: { + "BackwardsUser": `https://cdn.discordapp.com/avatars/${content.data.id}/${content.data.avatar}.png?size=64` + } + } +} \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 2e0f079..9858a4b 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,56 +1,28 @@ -
-
-

Tools

-
-
-
-

Alexander Harding

-

Software and Application Developer

-
- {#each brands as brand} - - {/each} -
-
-
-
-

Downloads

-
-
-
-
-
-
- \ No newline at end of file +
+ {#if width >= 768} + + {:else} + + {/if} +
From 7e778ea547104e105086895b894660f5ee5992d6 Mon Sep 17 00:00:00 2001 From: BackwardsUser Date: Tue, 4 Mar 2025 22:10:15 -0500 Subject: [PATCH 8/9] Synced Sidebars (desync was bad design choice) --- src/lib/components/pages/Large.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/pages/Large.svelte b/src/lib/components/pages/Large.svelte index d7eb2c1..af665e0 100644 --- a/src/lib/components/pages/Large.svelte +++ b/src/lib/components/pages/Large.svelte @@ -32,7 +32,7 @@ const downloads = []; let End = 300; - let rightStart = 100; + let rightStart = 0; function setSidebars() { let rPos = Math.min(window.scrollY / End, 1); From 5efefe7751621efc32c77eecf76dc61f01868af0 Mon Sep 17 00:00:00 2001 From: BackwardsUser Date: Wed, 5 Mar 2025 01:55:52 -0500 Subject: [PATCH 9/9] Added small device view --- src/app.css | 2 +- src/lib/components/cards/Header.svelte | 4 +- src/lib/components/containers/Projects.svelte | 19 ++++++++ .../components/containers/TechStack.svelte | 12 +++++ src/lib/components/items/LargeCard-sm.svelte | 38 +++++++++++++++ src/lib/components/pages/Small.svelte | 47 ++++++++++++++++++- src/routes/+page.svelte | 4 +- 7 files changed, 119 insertions(+), 7 deletions(-) create mode 100644 src/lib/components/containers/Projects.svelte create mode 100644 src/lib/components/containers/TechStack.svelte create mode 100644 src/lib/components/items/LargeCard-sm.svelte diff --git a/src/app.css b/src/app.css index f0efb4b..3da43e9 100644 --- a/src/app.css +++ b/src/app.css @@ -1,4 +1,4 @@ /* Test */ @import 'tailwindcss/base'; @import 'tailwindcss/components'; -@import 'tailwindcss/utilities'; +@import 'tailwindcss/utilities'; \ No newline at end of file diff --git a/src/lib/components/cards/Header.svelte b/src/lib/components/cards/Header.svelte index 846ce8a..e23e519 100644 --- a/src/lib/components/cards/Header.svelte +++ b/src/lib/components/cards/Header.svelte @@ -5,8 +5,8 @@
-
-

Alexander Harding

+
+

Alexander Harding

Software and Application Developer

{#each brands as brand} diff --git a/src/lib/components/containers/Projects.svelte b/src/lib/components/containers/Projects.svelte new file mode 100644 index 0000000..4f436e7 --- /dev/null +++ b/src/lib/components/containers/Projects.svelte @@ -0,0 +1,19 @@ + + +
+

Projects

+
+ {#each projects as project} + + {/each} +
+
\ No newline at end of file diff --git a/src/lib/components/containers/TechStack.svelte b/src/lib/components/containers/TechStack.svelte new file mode 100644 index 0000000..20114ea --- /dev/null +++ b/src/lib/components/containers/TechStack.svelte @@ -0,0 +1,12 @@ + + +

My Tech Stack

+
+ {#each techs as tech} + + {/each} +
\ No newline at end of file diff --git a/src/lib/components/items/LargeCard-sm.svelte b/src/lib/components/items/LargeCard-sm.svelte new file mode 100644 index 0000000..5e385cc --- /dev/null +++ b/src/lib/components/items/LargeCard-sm.svelte @@ -0,0 +1,38 @@ + + + + {data.name} + +
+

{data.name}

+

{data.description}

+
+ +
+ +
+ +
+
By {data.author.username}
+ Updated {data.date} +
+
+ diff --git a/src/lib/components/pages/Small.svelte b/src/lib/components/pages/Small.svelte index 65501fb..b6f34c7 100644 --- a/src/lib/components/pages/Small.svelte +++ b/src/lib/components/pages/Small.svelte @@ -1,5 +1,48 @@ -

Not Implemented.

\ No newline at end of file +
+ + + + \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 9858a4b..a320b56 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -21,8 +21,8 @@
{#if width >= 768} - + {:else} - + {/if}