From fd2e34c35175aa6578d7ec32adef3ca69f981246 Mon Sep 17 00:00:00 2001 From: BackwardsUser Date: Sat, 22 Feb 2025 22:15:44 -0500 Subject: [PATCH] Fixed Links, Changed Theme, Fixed Lightmode --- .gitignore | 4 +- package-lock.json | 40 +++++++ package.json | 5 + src/app.css | 4 +- src/app.html | 2 +- src/lib/components/Contact.svelte | 2 +- src/lib/components/Downloads.svelte | 104 ------------------ src/lib/components/Hero.svelte | 30 +++++ src/lib/components/Media.svelte | 5 +- src/lib/components/Projects.svelte | 50 +++++++++ src/lib/data/projects.json | 35 ++++++ src/lib/data/techstack.json | 2 +- src/routes/+layout.svelte | 6 + src/routes/+page.svelte | 8 +- .../assets => static}/Image_not_available.png | Bin tailwind.config.js | 13 ++- ....timestamp-1736809606973-d8b6b2320eae1.mjs | 17 +++ 17 files changed, 211 insertions(+), 116 deletions(-) delete mode 100644 src/lib/components/Downloads.svelte create mode 100644 src/lib/components/Projects.svelte create mode 100644 src/lib/data/projects.json rename {src/lib/assets => static}/Image_not_available.png (100%) create mode 100644 vite.config.js.timestamp-1736809606973-d8b6b2320eae1.mjs diff --git a/.gitignore b/.gitignore index 449eb4a..b6de5de 100644 --- a/.gitignore +++ b/.gitignore @@ -130,4 +130,6 @@ dist .yarn/install-state.gz .pnp.* -.svelte-kit \ No newline at end of file +.svelte-kit + +build \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index d773b44..06a6d6c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,6 +13,11 @@ }, "devDependencies": { "@eslint/compat": "^1.2.3", + "@fontsource/abril-fatface": "^5.1.1", + "@fontsource/inter": "^5.1.1", + "@fontsource/playfair-display": "^5.1.1", + "@fontsource/quicksand": "^5.1.1", + "@fontsource/space-grotesk": "^5.1.1", "@iconify/json": "^2.2.293", "@skeletonlabs/skeleton": "^2.10.4", "@skeletonlabs/tw-plugin": "^0.4.0", @@ -635,6 +640,41 @@ "node": "^18.18.0 || ^20.9.0 || >=21.1.0" } }, + "node_modules/@fontsource/abril-fatface": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@fontsource/abril-fatface/-/abril-fatface-5.1.1.tgz", + "integrity": "sha512-5K7YdlFTk7zAdCkr7XbzqMDxxTQ3J/FE91w0dn89b7p8RuXmTDK5bQ9k7XXMFMHN4r90SvWnWboaKzbXQMLyjQ==", + "dev": true, + "license": "OFL-1.1" + }, + "node_modules/@fontsource/inter": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-5.1.1.tgz", + "integrity": "sha512-weN3E+rq0Xb3Z93VHJ+Rc7WOQX9ETJPTAJ+gDcaMHtjft67L58sfS65rAjC5tZUXQ2FdZ/V1/sSzCwZ6v05kJw==", + "dev": true, + "license": "OFL-1.1" + }, + "node_modules/@fontsource/playfair-display": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@fontsource/playfair-display/-/playfair-display-5.1.1.tgz", + "integrity": "sha512-BCIovoAYzgs6UIve00tjutzEDJ+iP+nMOHQP6joSmheE3WGM7m8JU/btq/iUOjV9HK5E4F8NgzdRIPfi1kWzjA==", + "dev": true, + "license": "OFL-1.1" + }, + "node_modules/@fontsource/quicksand": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@fontsource/quicksand/-/quicksand-5.1.1.tgz", + "integrity": "sha512-NnIL4yqpkn50GEpye7yztBmkkkQ5vjlVvMnjlkLQr/H8PXveUdaCdGIScd5yHvsc1qcTBwOaAtpz/YkDojwA1A==", + "dev": true, + "license": "OFL-1.1" + }, + "node_modules/@fontsource/space-grotesk": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@fontsource/space-grotesk/-/space-grotesk-5.1.1.tgz", + "integrity": "sha512-6uOS8WhMEl6lbykGvkSjxRLs/1lDvfSKyXAau7ONVPzUYBmB1E+JQ3C0du7NDp75xUZ+330xPc9/ep8uFgIXBg==", + "dev": true, + "license": "OFL-1.1" + }, "node_modules/@humanfs/core": { "version": "0.19.1", "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz", diff --git a/package.json b/package.json index 7510541..21a4cd3 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,11 @@ }, "devDependencies": { "@eslint/compat": "^1.2.3", + "@fontsource/abril-fatface": "^5.1.1", + "@fontsource/inter": "^5.1.1", + "@fontsource/playfair-display": "^5.1.1", + "@fontsource/quicksand": "^5.1.1", + "@fontsource/space-grotesk": "^5.1.1", "@iconify/json": "^2.2.293", "@skeletonlabs/skeleton": "^2.10.4", "@skeletonlabs/tw-plugin": "^0.4.0", diff --git a/src/app.css b/src/app.css index a9dad80..4465d8c 100644 --- a/src/app.css +++ b/src/app.css @@ -2,7 +2,7 @@ @import 'tailwindcss/components'; @import 'tailwindcss/utilities'; -@font-face { +/* @font-face { font-family: 'Nunita'; src: url('$lib/assets/fonts/Nunito-VariableFont_wght.ttf'); } @@ -21,4 +21,4 @@ :root body[data-theme='gold-nouveau'] { --theme-font-family-base: 'Nunita', serif; --theme-font-family-heading: 'Nunita', serif; -} \ No newline at end of file +} */ \ No newline at end of file diff --git a/src/app.html b/src/app.html index 2cfe8bc..97422bb 100644 --- a/src/app.html +++ b/src/app.html @@ -14,7 +14,7 @@ %sveltekit.head% - +
%sveltekit.body%
diff --git a/src/lib/components/Contact.svelte b/src/lib/components/Contact.svelte index 634be0b..d1b46ce 100644 --- a/src/lib/components/Contact.svelte +++ b/src/lib/components/Contact.svelte @@ -4,7 +4,7 @@
-
+

Contact Us

Fullname

diff --git a/src/lib/components/Downloads.svelte b/src/lib/components/Downloads.svelte deleted file mode 100644 index 941eea4..0000000 --- a/src/lib/components/Downloads.svelte +++ /dev/null @@ -1,104 +0,0 @@ - - -
-

Downloads

-
- {#each Downloads as download} - -
- - Post -
-
-

{download.name}

-
-

- {download.description} -

-
-
-
-
- -
-
By {download.author.username}
- On {download.date} -
-
- - {/each} -
-
diff --git a/src/lib/components/Hero.svelte b/src/lib/components/Hero.svelte index e185b41..561ea56 100644 --- a/src/lib/components/Hero.svelte +++ b/src/lib/components/Hero.svelte @@ -1,8 +1,38 @@

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 index 852ddb0..493d331 100644 --- a/src/lib/components/Media.svelte +++ b/src/lib/components/Media.svelte @@ -1,13 +1,16 @@

Backwards Media

Upload and Share Media with your Friends

- + Try it out diff --git a/src/lib/components/Projects.svelte b/src/lib/components/Projects.svelte new file mode 100644 index 0000000..76a18e8 --- /dev/null +++ b/src/lib/components/Projects.svelte @@ -0,0 +1,50 @@ + + + +
+

Projects

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

{project.name}

+
+

+ {project.description} +

+
+
+
+
+ +
+
+ By {project.author.username} +
+ Updated {project.date} +
+
+ + {/each} +
+
diff --git a/src/lib/data/projects.json b/src/lib/data/projects.json new file mode 100644 index 0000000..657b349 --- /dev/null +++ b/src/lib/data/projects.json @@ -0,0 +1,35 @@ +[ + { + "name": "PlugsyCord", + "description": "A Modular Discord bot to help you better manage your discord server the way *you* want.", + "author": { + "username": "BackwardsUser", + "icon": "https://cdn.discordapp.com/avatars/471172695862542337/306522a721ee716ba6348babfd9bbdff.webp?size=32" + }, + "date": "22/02/2025", + "url": "https://github.com/BackwardsUser/PlugsyCord", + "thumbnail": "https://api.backwardsdevelopment.ca/images/PlugsyCord-exbanner.png" + }, + { + "name": "HTTP Proxy", + "description": "A HTTP Proxy tool that allows for incoming traffic to be routed to a given url.", + "author": { + "username": "BackwardsUser", + "icon": "https://cdn.discordapp.com/avatars/471172695862542337/306522a721ee716ba6348babfd9bbdff.webp?size=32" + }, + "date": "00/00/0000", + "url": "https://github.com/BackwardsUser/http-proxy", + "thumbnail": null + }, + { + "name": "My API", + "description": "A dynamic content hub for hosting scripts, media, files, and themes, powered by a custom file explorer.", + "author": { + "username": "BackwardsUser", + "icon":"https://cdn.discordapp.com/avatars/471172695862542337/306522a721ee716ba6348babfd9bbdff.webp?size=32" + }, + "date": "02/10/2024", + "url": "https://api.backwards.dev/patchnotes_latest.txt", + "thumbnail": null + } +] \ No newline at end of file diff --git a/src/lib/data/techstack.json b/src/lib/data/techstack.json index 332aeb8..ee78878 100644 --- a/src/lib/data/techstack.json +++ b/src/lib/data/techstack.json @@ -6,7 +6,7 @@ }, { "name": "Tailwindcss", - "logo": "https://tailwindcss.com/_next/static/media/tailwindcss-mark.3c5441fc7a190fb1800d4a5c7f07ba4b1345a9c8.svg", + "logo": "https://tailwindcss.com/_next/static/media/tailwindcss-mark.d52e9897.svg", "url": "https://tailwindcss.com/" }, { diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 78ec7c2..7d85d7e 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -2,6 +2,12 @@ import '../app.css'; import { autoModeWatcher } from '@skeletonlabs/skeleton'; + import "@fontsource/abril-fatface"; + import "@fontsource/inter"; + import "@fontsource/playfair-display"; + import "@fontsource/quicksand"; + import "@fontsource/space-grotesk"; + let { children } = $props(); diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index f549848..9c54953 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,11 +1,11 @@