diff --git a/package-lock.json b/package-lock.json index 472a1a8..d773b44 100644 --- a/package-lock.json +++ b/package-lock.json @@ -20,6 +20,7 @@ "@sveltejs/adapter-node": "^5.2.11", "@sveltejs/kit": "^2.0.0", "@sveltejs/vite-plugin-svelte": "^4.0.4", + "@tailwindcss/forms": "^0.5.10", "autoprefixer": "^10.4.20", "eslint": "^9.7.0", "eslint-config-prettier": "^9.1.0", @@ -1421,6 +1422,19 @@ "vite": "^5.0.0" } }, + "node_modules/@tailwindcss/forms": { + "version": "0.5.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.10.tgz", + "integrity": "sha512-utI1ONF6uf/pPNO68kmN1b8rEwNXv3czukalo8VtJH8ksIkZXr3Q3VYudZLkCsDd4Wku120uF02hYK25XGPorw==", + "dev": true, + "license": "MIT", + "dependencies": { + "mini-svg-data-uri": "^1.2.3" + }, + "peerDependencies": { + "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1" + } + }, "node_modules/@types/cookie": { "version": "0.6.0", "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz", @@ -3493,6 +3507,16 @@ "node": ">= 0.6" } }, + "node_modules/mini-svg-data-uri": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz", + "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==", + "dev": true, + "license": "MIT", + "bin": { + "mini-svg-data-uri": "cli.js" + } + }, "node_modules/minimatch": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", diff --git a/package.json b/package.json index e075537..7510541 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "@sveltejs/adapter-node": "^5.2.11", "@sveltejs/kit": "^2.0.0", "@sveltejs/vite-plugin-svelte": "^4.0.4", + "@tailwindcss/forms": "^0.5.10", "autoprefixer": "^10.4.20", "eslint": "^9.7.0", "eslint-config-prettier": "^9.1.0", diff --git a/src/app.css b/src/app.css index a31e444..a9dad80 100644 --- a/src/app.css +++ b/src/app.css @@ -1,3 +1,24 @@ @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/app.html b/src/app.html index e330147..2cfe8bc 100644 --- a/src/app.html +++ b/src/app.html @@ -1,30 +1,41 @@ - - - - - %sveltekit.head% - - -
%sveltekit.body%
- + + + + + + + + + + %sveltekit.head% + + +
%sveltekit.body%
+ diff --git a/src/lib/assets/Image_not_available.png b/src/lib/assets/Image_not_available.png new file mode 100644 index 0000000..495f028 Binary files /dev/null and b/src/lib/assets/Image_not_available.png differ diff --git a/src/lib/assets/fonts/Nunito-VariableFont_wght.ttf b/src/lib/assets/fonts/Nunito-VariableFont_wght.ttf new file mode 100644 index 0000000..0a00f63 Binary files /dev/null and b/src/lib/assets/fonts/Nunito-VariableFont_wght.ttf differ diff --git a/src/lib/assets/fonts/Roboto-VariableFont_wdth,wght.ttf b/src/lib/assets/fonts/Roboto-VariableFont_wdth,wght.ttf new file mode 100644 index 0000000..bba55f6 Binary files /dev/null and b/src/lib/assets/fonts/Roboto-VariableFont_wdth,wght.ttf differ diff --git a/src/lib/components/Contact.svelte b/src/lib/components/Contact.svelte new file mode 100644 index 0000000..634be0b --- /dev/null +++ b/src/lib/components/Contact.svelte @@ -0,0 +1,37 @@ + + +
+
+

Contact Us

+
+

Fullname

+
+
+ +
+

Email

+
+
+ +
+

Subject

+
+
+ +
+

Your Message

+ +
+ +
+
+
\ No newline at end of file diff --git a/src/lib/components/Downloads.svelte b/src/lib/components/Downloads.svelte new file mode 100644 index 0000000..941eea4 --- /dev/null +++ b/src/lib/components/Downloads.svelte @@ -0,0 +1,104 @@ + + +
+

Downloads

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

{download.name}

+
+

+ {download.description} +

+
+
+
+ + + {/each} +
+
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte index 4d0056a..e965d7f 100644 --- a/src/lib/components/Header.svelte +++ b/src/lib/components/Header.svelte @@ -24,7 +24,7 @@ -
+
+ import BackwardsLogo from "$lib/assets/Backwards.png"; + +
-

Backwards Development

-

A Software Development and Distribution Company

-
\ No newline at end of file +

Backwards Development

+

A Software Development and Distribution Company

+
diff --git a/src/lib/components/Media.svelte b/src/lib/components/Media.svelte new file mode 100644 index 0000000..852ddb0 --- /dev/null +++ b/src/lib/components/Media.svelte @@ -0,0 +1,26 @@ + + +
+

Backwards Media

+

Upload and Share Media with your Friends

+
+ + Try it out + + + + Learn more + + +
+
+ + diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte deleted file mode 100644 index ee0bffb..0000000 --- a/src/lib/components/Navbar.svelte +++ /dev/null @@ -1,18 +0,0 @@ - - - - - diff --git a/src/lib/components/TechStack.svelte b/src/lib/components/TechStack.svelte new file mode 100644 index 0000000..2642557 --- /dev/null +++ b/src/lib/components/TechStack.svelte @@ -0,0 +1,18 @@ + + +
+

Our Preferred Tech Stack

+ Subject to change +
+ {#each Techs as tech} + + + {tech.name} +
+ + {/each} +
+
diff --git a/src/lib/data/techstack.json b/src/lib/data/techstack.json new file mode 100644 index 0000000..332aeb8 --- /dev/null +++ b/src/lib/data/techstack.json @@ -0,0 +1,42 @@ +[ + { + "name": "SvelteKit", + "logo": "https://raw.githubusercontent.com/sveltejs/branding/2af7bc72f1bf5152dab89bee1ee2093b1be0824d/svelte-logo.svg", + "url": "https://svelte.dev/" + }, + { + "name": "Tailwindcss", + "logo": "https://tailwindcss.com/_next/static/media/tailwindcss-mark.3c5441fc7a190fb1800d4a5c7f07ba4b1345a9c8.svg", + "url": "https://tailwindcss.com/" + }, + { + "name": "Skeleton.dev", + "logo": "https://api.backwards.dev/images/skeleton.dev.svg", + "url": "https://www.skeleton.dev/" + }, + { + "name": "Express.js", + "logo": "https://api.backwards.dev/images/expressjs.svg", + "url": "https://expressjs.com/" + }, + { + "name": "Typescript", + "logo": "https://api.backwards.dev/images/typescript.svg", + "url": "https://www.typescriptlang.org/" + }, + { + "name": "MariaDB", + "logo": "https://api.backwards.dev/images/mariadb.png", + "url": "https://mariadb.org/" + }, + { + "name": "Cloudflare", + "logo": "https://api.backwards.dev/images/cloudflare.svg", + "url": "https://www.cloudflare.com/en-ca/" + }, + { + "name": "Discord", + "logo": "https://cdn.prod.website-files.com/6257adef93867e50d84d30e2/653714c17467993e7b389c83_636e0a6918e57475a843f59f_icon_clyde_black_RGB.svg", + "url": "https://discord.com/" + } +] \ No newline at end of file diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index e75c657..78ec7c2 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,6 +1,9 @@ +{@html ''} {@render children()} \ No newline at end of file diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 20c71f3..f549848 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,10 +1,92 @@ - -
- \ No newline at end of file +
+ {#each slides as content} +
+ +
+ {/each} +
+ + +{#if currentSection > 0} +
+ {#each slides.slice(1) as _, i} +
+ {/each} +
+{/if} + + diff --git a/tailwind.config.js b/tailwind.config.js index 909f870..29e47e9 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,9 +1,10 @@ import { skeleton } from '@skeletonlabs/tw-plugin'; +import forms from '@tailwindcss/forms'; import { join } from 'node:path'; /** @type {import('tailwindcss').Config} */ export default { - darkMode: 'class', + darkMode: 'media', content: [ './src/**/*.{html,js,svelte}', join(require.resolve( @@ -15,8 +16,9 @@ export default { extend: {}, }, plugins: [ + forms, skeleton({ - themes: { preset: [ "crimson" ]} + themes: { preset: [ "skeleton", "wintry", "modern", "rocket", "seafoam", "vintage", "sahara", "hamlindigo", "gold-nouveau", "crimson" ]} }) ] } \ No newline at end of file