From 683151d591bef243e14ee4be0a074e3243bbd979 Mon Sep 17 00:00:00 2001 From: Cian Hughes Date: Fri, 24 Jan 2025 14:17:23 +0000 Subject: [PATCH] Prettier install & format --- README.md | 2 +- bun.lockb | Bin 113503 -> 113855 bytes devenv.yaml | 4 +- docker-compose.yaml | 71 +++++------ jsconfig.json | 20 +-- package.json | 1 + postcss.config.js | 8 +- prettier.config.js | 8 ++ repo/index.html | 4 +- src/app.css | 6 +- src/app.html | 20 ++- src/lib/navigation.js | 6 +- src/lib/styles/ContactForm.scss | 99 +++++++------- src/lib/styles/NavigationFooter.scss | 184 +++++++++++++-------------- src/lib/styles/NavigationHeader.scss | 103 ++++++++------- src/lib/styles/vars.css | 1 - src/routes/BottomCall.scss | 138 ++++++++++---------- src/routes/InfoScroll.scss | 118 ++++++++--------- src/routes/LandingPage.scss | 74 ++++++----- src/routes/NavigationHeader.scss | 83 ++++++------ src/routes/Splash.scss | 111 ++++++++-------- src/routes/about/AboutPage.scss | 16 +-- src/routes/contact/ContactPage.scss | 96 +++++++------- src/routes/health/+server.js | 2 +- svelte.config.js | 24 ++-- tailwind.config.js | 6 +- vite.config.js | 24 ++-- 27 files changed, 616 insertions(+), 613 deletions(-) create mode 100644 prettier.config.js diff --git a/README.md b/README.md index c015e9f..1639f21 100644 --- a/README.md +++ b/README.md @@ -11,6 +11,7 @@ This project uses `devenv.nix` to manage the development environment, which will ### Installation 1. Clone the repository: + ```bash git clone https://github.com/Cian-H/am-d-model.eu.git cd am-d-model.eu @@ -54,4 +55,3 @@ implemented in future but for now, simplicity is a virtue. ## License This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. - diff --git a/bun.lockb b/bun.lockb index cd0ca02567ffccfbc4e52e11111257621aae2aad..285cb86bb0c9515df8ad62741ceaf3cfe3446e0b 100755 GIT binary patch delta 8347 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 G;J*M`jJGKO delta 7960 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 diff --git a/devenv.yaml b/devenv.yaml index 68616a4..c535723 100644 --- a/devenv.yaml +++ b/devenv.yaml @@ -1,4 +1,4 @@ # yaml-language-server: $schema=https://devenv.sh/devenv.schema.json inputs: - nixpkgs: - url: github:cachix/devenv-nixpkgs/rolling + nixpkgs: + url: github:cachix/devenv-nixpkgs/rolling diff --git a/docker-compose.yaml b/docker-compose.yaml index 9fde117..453e21f 100644 --- a/docker-compose.yaml +++ b/docker-compose.yaml @@ -1,44 +1,43 @@ # yaml-language-server: $schema=https://raw.githubusercontent.com/compose-spec/compose-spec/master/schema/compose-spec.json services: - site: - build: . - networks: - - am-d-model-network - expose: - - "3000" - restart: unless-stopped - labels: - - "io.containers.autoupdate=local" + site: + build: . + networks: + - am-d-model-network + expose: + - "3000" + restart: unless-stopped + labels: + - "io.containers.autoupdate=local" - caddy: - image: docker.io/library/caddy:latest - depends_on: - - site - networks: - - am-d-model-network - ports: - - "80:80" - - "443:443" - volumes: - - caddy_data:/data - - ./caddy:/etc/caddy - restart: unless-stopped - labels: - - "io.containers.autoupdate=registry" + caddy: + image: docker.io/library/caddy:latest + depends_on: + - site + networks: + - am-d-model-network + ports: + - "80:80" + - "443:443" + volumes: + - caddy_data:/data + - ./caddy:/etc/caddy + restart: unless-stopped + labels: + - "io.containers.autoupdate=registry" - repo-placeholder: - image: docker.io/nginx:alpine - networks: - - am-d-model-network - expose: - - "80" - volumes: - - ./repo:/usr/share/nginx/html + repo-placeholder: + image: docker.io/nginx:alpine + networks: + - am-d-model-network + expose: + - "80" + volumes: + - ./repo:/usr/share/nginx/html networks: - am-d-model-network: - name: am-d-model-network - + am-d-model-network: + name: am-d-model-network volumes: - caddy_data: + caddy_data: diff --git a/jsconfig.json b/jsconfig.json index 1394d6c..e05ccee 100644 --- a/jsconfig.json +++ b/jsconfig.json @@ -1,12 +1,12 @@ { - "extends": "./.svelte-kit/tsconfig.json", - "compilerOptions": { - "esModuleInterop": true, - "forceConsistentCasingInFileNames": true, - "resolveJsonModule": true, - "skipLibCheck": true, - "sourceMap": true, - "module": "NodeNext", - "moduleResolution": "NodeNext" - } + "extends": "./.svelte-kit/tsconfig.json", + "compilerOptions": { + "esModuleInterop": true, + "forceConsistentCasingInFileNames": true, + "resolveJsonModule": true, + "skipLibCheck": true, + "sourceMap": true, + "module": "NodeNext", + "moduleResolution": "NodeNext" + } } diff --git a/package.json b/package.json index fdc4cae..a57fb52 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "autoprefixer": "^10.4.20", "globals": "^15.14.0", "publint": "^0.2.12", + "prettier": "^3.4.2", "sass": "^1.83.1", "svelte": "^5.17.3", "svelte-preprocess": "^5.1.4", diff --git a/postcss.config.js b/postcss.config.js index ba80730..49c0612 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,6 +1,6 @@ export default { - plugins: { - tailwindcss: {}, - autoprefixer: {} - } + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, }; diff --git a/prettier.config.js b/prettier.config.js new file mode 100644 index 0000000..e18157b --- /dev/null +++ b/prettier.config.js @@ -0,0 +1,8 @@ +const config = { + singleQuote: false, + tabWidth: 4, + trailingComma: "all", + printWidth: 100, +}; + +export default config; diff --git a/repo/index.html b/repo/index.html index f731cb0..928146d 100644 --- a/repo/index.html +++ b/repo/index.html @@ -1,6 +1,6 @@

This is a placeholder page

Please wait patiently while I set up the data repository

- The data repository will be deployed as soon as possible, we just - need to figure out some details first before deployment happens. + The data repository will be deployed as soon as possible, we just need to figure out some + details first before deployment happens.

diff --git a/src/app.css b/src/app.css index 6c8f99f..76fcadc 100644 --- a/src/app.css +++ b/src/app.css @@ -1,3 +1,3 @@ -@import 'tailwindcss/base'; -@import 'tailwindcss/components'; -@import 'tailwindcss/utilities' +@import "tailwindcss/base"; +@import "tailwindcss/components"; +@import "tailwindcss/utilities"; diff --git a/src/app.html b/src/app.html index 17df014..ad4a082 100644 --- a/src/app.html +++ b/src/app.html @@ -1,15 +1,13 @@ + + + + + %sveltekit.head% + - - - - - %sveltekit.head% - - - -
%sveltekit.body%
- - + +
%sveltekit.body%
+ diff --git a/src/lib/navigation.js b/src/lib/navigation.js index 09e6804..fbdde4d 100644 --- a/src/lib/navigation.js +++ b/src/lib/navigation.js @@ -1,10 +1,12 @@ import { goto } from "$app/navigation"; -import { error } from '@sveltejs/kit'; +import { error } from "@sveltejs/kit"; export const navigation = { toHome: () => goto("/"), toAbout: () => goto("/about"), toContact: () => goto("/contact"), toRepository: () => goto("/repo"), - to404: () => { throw error(404, 'Page not found') }, + to404: () => { + throw error(404, "Page not found"); + }, }; diff --git a/src/lib/styles/ContactForm.scss b/src/lib/styles/ContactForm.scss index 88ab0b2..4b3bd79 100644 --- a/src/lib/styles/ContactForm.scss +++ b/src/lib/styles/ContactForm.scss @@ -1,64 +1,65 @@ .form-container { + input, + textarea { + transition: + border-color 0.2s ease, + box-shadow 0.2s ease; - input, - textarea { - transition: border-color 0.2s ease, box-shadow 0.2s ease; + &:focus { + outline: none; + box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2); + } - &:focus { - outline: none; - box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2); + &.error { + border-color: #ef4444; + + &:focus { + box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2); + } + } } - &.error { - border-color: #ef4444; + .submit-button { + width: auto; + padding: 0.5rem 1rem; + background-color: var(--background); + color: white; + border-radius: 0.375rem; + display: flex; + align-items: center; + justify-content: center; + gap: 0.5rem; + transition: background-color 0.2s ease; - &:focus { - box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2); - } - } - } + &:hover:not(:disabled) { + background-color: var(--cpalettemedium); + } - .submit-button { - width: auto; - padding: 0.5rem 1rem; - background-color: var(--background); - color: white; - border-radius: 0.375rem; - display: flex; - align-items: center; - justify-content: center; - gap: 0.5rem; - transition: background-color 0.2s ease; + &:focus { + outline: none; + box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2); + } - &:hover:not(:disabled) { - background-color: var(--cpalettemedium); + &:disabled { + background-color: #93c5fd; + cursor: not-allowed; + } } - &:focus { - outline: none; - box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2); + // Add subtle animation for success message + .success-message { + animation: fadeIn 0.3s ease-in-out; } - &:disabled { - background-color: #93c5fd; - cursor: not-allowed; - } - } + @keyframes fadeIn { + from { + opacity: 0; + transform: translateY(-10px); + } - // Add subtle animation for success message - .success-message { - animation: fadeIn 0.3s ease-in-out; - } - - @keyframes fadeIn { - from { - opacity: 0; - transform: translateY(-10px); + to { + opacity: 1; + transform: translateY(0); + } } - - to { - opacity: 1; - transform: translateY(0); - } - } } diff --git a/src/lib/styles/NavigationFooter.scss b/src/lib/styles/NavigationFooter.scss index 3b3594e..edfa13a 100644 --- a/src/lib/styles/NavigationFooter.scss +++ b/src/lib/styles/NavigationFooter.scss @@ -1,142 +1,142 @@ .navigation-footer { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-between; - background: #ffffff; - width: 100%; - height: 240px; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + background: #ffffff; + width: 100%; + height: 240px; } .navigation-footer-column { - display: flex; - flex-direction: column; - flex-wrap: wrap; - position: relative; - height: 100%; - width: 33%; - padding: 32px; - justify-content: center; + display: flex; + flex-direction: column; + flex-wrap: wrap; + position: relative; + height: 100%; + width: 33%; + padding: 32px; + justify-content: center; } .navigation-footer-column-left { - @extend .navigation-footer-column; - justify-content: space-between; + @extend .navigation-footer-column; + justify-content: space-between; } .navigation-footer-column-mid { - @extend .navigation-footer-column; - align-items: center; + @extend .navigation-footer-column; + align-items: center; } .navigation-footer-column-right { - @extend .navigation-footer-column; - align-items: center; + @extend .navigation-footer-column; + align-items: center; } .navigation-footer-site-name { - color: #000000; - text-align: left; - font-family: "Assistant", sans-serif; - font-size: 24px; - position: relative; - padding: 8px; + color: #000000; + text-align: left; + font-family: "Assistant", sans-serif; + font-size: 24px; + position: relative; + padding: 8px; } .navigation-footer-topic-column { - display: flex; - flex-direction: column; - flex-wrap: wrap; - position: relative; + display: flex; + flex-direction: column; + flex-wrap: wrap; + position: relative; } .navigation-footer-topic { - color: #000000; - font-family: "Assistant", sans-serif; - font-size: 28px; - font-weight: 600; - position: relative; + color: #000000; + font-family: "Assistant", sans-serif; + font-size: 28px; + font-weight: 600; + position: relative; } .navigation-footer-link { - color: #454545; - font-family: "Assistant", sans-serif; - font-size: 24px; - text-decoration: underline; - position: relative; + color: #454545; + font-family: "Assistant", sans-serif; + font-size: 24px; + text-decoration: underline; + position: relative; } .navigation-footer-social-icon { - width: 24px; - height: 24px; - position: relative; + width: 24px; + height: 24px; + position: relative; } .navigation-footer-social-media { - // display: flex; # temporarily disable - display: none; - flex-direction: row; - gap: var(--spacing-xs, 8px); - align-items: flex-start; - justify-content: flex-start; - position: relative; + // display: flex; # temporarily disable + display: none; + flex-direction: row; + gap: var(--spacing-xs, 8px); + align-items: flex-start; + justify-content: flex-start; + position: relative; } .navigation-footer-buttons-icon { - border-radius: 4px; - padding: 8px; - width: 42px; - height: 42px; - position: relative; + border-radius: 4px; + padding: 8px; + width: 42px; + height: 42px; + position: relative; } .navigation-footer-return { - color: rgba(70, 70, 70, 0.5); - font-family: "Assistant", sans-serif; - font-size: 16px; - position: relative; + color: rgba(70, 70, 70, 0.5); + font-family: "Assistant", sans-serif; + font-size: 16px; + position: relative; } @media (max-width: 820px) { - .navigation-footer { - height: 100%; - flex-direction: column-reverse; - } + .navigation-footer { + height: 100%; + flex-direction: column-reverse; + } - .navigation-footer-column { - width: 100%; - } + .navigation-footer-column { + width: 100%; + } - .navigation-footer-column-left { - flex-direction: row; - justify-content: space-between; - } + .navigation-footer-column-left { + flex-direction: row; + justify-content: space-between; + } - .navigation-footer-column-mid { - align-items: center; - } + .navigation-footer-column-mid { + align-items: center; + } - .navigation-footer-column-right { - align-items: center; - } + .navigation-footer-column-right { + align-items: center; + } - .navigation-footer-topic-column { - flex-direction: row; - width: 100%; - justify-content: space-between; - } + .navigation-footer-topic-column { + flex-direction: row; + width: 100%; + justify-content: space-between; + } } @media (max-width: 620px) { - .navigation-footer-column-left { - flex-direction: column; - align-items: center; - justify-content: center; - } + .navigation-footer-column-left { + flex-direction: column; + align-items: center; + justify-content: center; + } - .navigation-footer-topic-column { - flex-direction: column; - align-items: center; - justify-content: center; - } + .navigation-footer-topic-column { + flex-direction: column; + align-items: center; + justify-content: center; + } } diff --git a/src/lib/styles/NavigationHeader.scss b/src/lib/styles/NavigationHeader.scss index b36dc7f..071fb85 100644 --- a/src/lib/styles/NavigationHeader.scss +++ b/src/lib/styles/NavigationHeader.scss @@ -1,81 +1,80 @@ .navigation-header { - display: flex; - flex-direction: row-reverse; - width: 100%; - justify-content: space-between; + display: flex; + flex-direction: row-reverse; + width: 100%; + justify-content: space-between; } .navigation-header { - position: relative; - height: 128px; - width: 100%; - padding-bottom: 120px; + position: relative; + height: 128px; + width: 100%; + padding-bottom: 120px; } .navigation-header-items { - gap: 48px; - align-items: center; - position: relative; - padding-top: 28px; - padding-right: 96px; - padding-left: 32px; + gap: 48px; + align-items: center; + position: relative; + padding-top: 28px; + padding-right: 96px; + padding-left: 32px; } .navigation-header-link { - color: #000000; - font-family: var(--navigation-header-font-family); - text-align: left; - font-size: var(--navigation-header-font-size); - position: relative; - display: flex; - align-items: center; - justify-content: flex-start; + color: #000000; + font-family: var(--navigation-header-font-family); + text-align: left; + font-size: var(--navigation-header-font-size); + position: relative; + display: flex; + align-items: center; + justify-content: flex-start; } .navigation-header-button { - background: #000000; - border-radius: 8px; - padding: 14px 24px 14px 24px; - display: flex; - flex-direction: row; - gap: 8px; - align-items: center; - justify-content: center; - flex-shrink: 0; - position: relative; - box-shadow: var(--button-shadow-box-shadow, - 0px 1px 2px 0px rgba(0, 0, 0, 0.05)); + background: #000000; + border-radius: 8px; + padding: 14px 24px 14px 24px; + display: flex; + flex-direction: row; + gap: 8px; + align-items: center; + justify-content: center; + flex-shrink: 0; + position: relative; + box-shadow: var(--button-shadow-box-shadow, 0px 1px 2px 0px rgba(0, 0, 0, 0.05)); } .navigation-header-button-text { - @extend .navigation-header-link; - color: var(--cpalettecomplimentary); - text-decoration: none; + @extend .navigation-header-link; + color: var(--cpalettecomplimentary); + text-decoration: none; } .navigation-header-site-name { - color: #000000; - text-align: left; - font-family: "Assistant", sans-serif; - font-size: 24px; - position: relative; - padding: 8px; + color: #000000; + text-align: left; + font-family: "Assistant", sans-serif; + font-size: 24px; + position: relative; + padding: 8px; } .flexrow-right { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: flex-end; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-end; } .flexrow-left { - @extend .flexrow-right; - justify-content: flex-start; + @extend .flexrow-right; + justify-content: flex-start; } @media (max-width: 750px) { - .navigation-header-items { - display: none; - } + .navigation-header-items { + display: none; + } } diff --git a/src/lib/styles/vars.css b/src/lib/styles/vars.css index d5b91a5..84dc054 100644 --- a/src/lib/styles/vars.css +++ b/src/lib/styles/vars.css @@ -45,5 +45,4 @@ --contact-corner-round: 28px; /* Effects */ - } diff --git a/src/routes/BottomCall.scss b/src/routes/BottomCall.scss index 51d645a..a845396 100644 --- a/src/routes/BottomCall.scss +++ b/src/routes/BottomCall.scss @@ -1,96 +1,96 @@ .btmcall { - display: flex; - flex-direction: row; - align-items: center; - align-content: left; - background: #f7f7f7; - width: 100%; - position: relative; - padding: 86px 0 86px 32px; + display: flex; + flex-direction: row; + align-items: center; + align-content: left; + background: #f7f7f7; + width: 100%; + position: relative; + padding: 86px 0 86px 32px; } .btmcall-buttons { - display: flex; - flex-direction: row; - flex-wrap: wrap; - height: 100%; - max-width: 50%; - gap: 24px; - align-items: center; - justify-content: center; - position: relative; - padding: 0 32px 0 32px; + display: flex; + flex-direction: row; + flex-wrap: wrap; + height: 100%; + max-width: 50%; + gap: 24px; + align-items: center; + justify-content: center; + position: relative; + padding: 0 32px 0 32px; } @media (max-width: 640px) { - .btmcall { - flex-direction: column; - } + .btmcall { + flex-direction: column; + } - .btmcall-buttons { - max-width: 100%; - padding-top: 32px - } + .btmcall-buttons { + max-width: 100%; + padding-top: 32px; + } } .btmcall-text { - color: var(--background); - text-align: left; - font-family: var(--bottom-call-font-family); - font-size: var(--bottom-call-font-size-large); - line-height: 72px; - padding-right: 32px; - position: relative; + color: var(--background); + text-align: left; + font-family: var(--bottom-call-font-family); + font-size: var(--bottom-call-font-size-large); + line-height: 72px; + padding-right: 32px; + position: relative; } .btmcall-button1 { - background: var(--background); - border-radius: 8px; - padding: 20px 32px 20px 32px; - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - flex-shrink: 0; - position: relative; + background: var(--background); + border-radius: 8px; + padding: 20px 32px 20px 32px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + flex-shrink: 0; + position: relative; } .btmcall-button2 { - background: var(--cpalettecomplimentary, #ffffff); - border-radius: 8px; - padding: 20px 32px 20px 32px; - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - flex-shrink: 0; - position: relative; + background: var(--cpalettecomplimentary, #ffffff); + border-radius: 8px; + padding: 20px 32px 20px 32px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + flex-shrink: 0; + position: relative; } .btmcall-get-involved { - color: var(--cpalettecomplimentary, #ffffff); - text-align: left; - font-family: "Assistant", sans-serif; - font-size: 24px; - position: relative; - display: flex; - align-items: center; - justify-content: flex-start; + color: var(--cpalettecomplimentary, #ffffff); + text-align: left; + font-family: "Assistant", sans-serif; + font-size: 24px; + position: relative; + display: flex; + align-items: center; + justify-content: flex-start; } .btmcall-contact-us { - color: var(--background); - text-align: left; - font-family: "Assistant", sans-serif; - font-size: 24px; - position: relative; - display: flex; - align-items: center; - justify-content: flex-start; + color: var(--background); + text-align: left; + font-family: "Assistant", sans-serif; + font-size: 24px; + position: relative; + display: flex; + align-items: center; + justify-content: flex-start; } @media (max-width: 380px) { - .btmcall-text { - font-size: var(--bottom-call-font-size-small); - } + .btmcall-text { + font-size: var(--bottom-call-font-size-small); + } } diff --git a/src/routes/InfoScroll.scss b/src/routes/InfoScroll.scss index f5df4ce..0d9b40b 100644 --- a/src/routes/InfoScroll.scss +++ b/src/routes/InfoScroll.scss @@ -1,90 +1,90 @@ .infscr { - width: 100%; - position: relative; - padding-top: var(--infscr-vpad); - padding-bottom: var(--infscr-vpad); - padding-left: var(--infscr-hpad); - padding-right: var(--infscr-hpad); - display: flex; - flex-direction: column; - gap: var(--infscr-cardgap-size); + width: 100%; + position: relative; + padding-top: var(--infscr-vpad); + padding-bottom: var(--infscr-vpad); + padding-left: var(--infscr-hpad); + padding-right: var(--infscr-hpad); + display: flex; + flex-direction: column; + gap: var(--infscr-cardgap-size); } .infscr-title { - color: var(--cpalettelight); - width: 100%; - text-align: left; - font-family: var(--infscr-title-font-family); - font-size: var(--infscr-title-font-size); - font-weight: var(--infscr-title-font-weight); - position: relative; + color: var(--cpalettelight); + width: 100%; + text-align: left; + font-family: var(--infscr-title-font-family); + font-size: var(--infscr-title-font-size); + font-weight: var(--infscr-title-font-weight); + position: relative; } .infscr-subtitle { - color: var(--cpalettelight); - text-align: left; - font-family: var(--infscr-subtitle-font-family); - font-size: var(--infscr-subtitle-font-size); - font-weight: var(--infscr-subtitle-font-weight); - position: relative; - padding-top: 8px; + color: var(--cpalettelight); + text-align: left; + font-family: var(--infscr-subtitle-font-family); + font-size: var(--infscr-subtitle-font-size); + font-weight: var(--infscr-subtitle-font-weight); + position: relative; + padding-top: 8px; } .infscr-body { - color: var(--cpalettecomplimentary); - text-align: left; - font-family: var(--infscr-body-font-family); - font-size: var(--infscr-body-font-size); - font-weight: var(--infscr-body-font-weight); - position: relative; - display: flex; - align-items: center; - justify-content: flex-start; + color: var(--cpalettecomplimentary); + text-align: left; + font-family: var(--infscr-body-font-family); + font-size: var(--infscr-body-font-size); + font-weight: var(--infscr-body-font-weight); + position: relative; + display: flex; + align-items: center; + justify-content: flex-start; } .infscr-image-div { - display: flex; - min-width: 50%; - justify-content: center; + display: flex; + min-width: 50%; + justify-content: center; } .infscr-image { - border-radius: var(--infscr-corner-round); - width: 100%; - max-width: var(--infscr-img-size); - max-height: var(--infscr-img-size); - position: relative; + border-radius: var(--infscr-corner-round); + width: 100%; + max-width: var(--infscr-img-size); + max-height: var(--infscr-img-size); + position: relative; } .infscr-row, .infscr-row-reverse { - display: flex; - flex-direction: column; - width: 100%; - justify-content: space-evenly; - align-items: center; - gap: var(--infscr-cardgap-size); + display: flex; + flex-direction: column; + width: 100%; + justify-content: space-evenly; + align-items: center; + gap: var(--infscr-cardgap-size); } @media (orientation: landscape) and (min-width: 1200px) { - .infscr-row { - flex-direction: row; - } + .infscr-row { + flex-direction: row; + } - .infscr-row-reverse { - flex-direction: row-reverse; - } + .infscr-row-reverse { + flex-direction: row-reverse; + } } .infscr-textcol { - display: flex; - flex-direction: column; - justify-content: space-evenly; - gap: var(--infscr-titlegap-size); + display: flex; + flex-direction: column; + justify-content: space-evenly; + gap: var(--infscr-titlegap-size); } .infscr-subcol { - display: flex; - flex-direction: column; - gap: var(--infscr-textgap-size); + display: flex; + flex-direction: column; + gap: var(--infscr-textgap-size); } diff --git a/src/routes/LandingPage.scss b/src/routes/LandingPage.scss index 52b7ecc..2b0b6ce 100644 --- a/src/routes/LandingPage.scss +++ b/src/routes/LandingPage.scss @@ -1,54 +1,52 @@ .landing-page, .landing-page * { - box-sizing: border-box; + box-sizing: border-box; } .landing-page { - background: var(--background); - width: 100vw; - min-width: 250px; - position: absolute; - display: flex; - flex-direction: column; + background: var(--background); + width: 100vw; + min-width: 250px; + position: absolute; + display: flex; + flex-direction: column; } .landing-zone-outer { - position: relative; - min-height: 100vh; - height: fit-content; - width: 100%; - - // Blend out the background image into the plain bg color - &::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; + position: relative; + min-height: 100vh; + height: fit-content; width: 100%; - height: 128px; - background: linear-gradient(to bottom, - #00000000 0%, - var(--background) 100%); - z-index: 1; - } + + // Blend out the background image into the plain bg color + &::after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 128px; + background: linear-gradient(to bottom, #00000000 0%, var(--background) 100%); + z-index: 1; + } } .landing-zone { - position: relative; - top: 0; - left: 0; - width: 100%; - min-height: 100vh; - height: fit-content; - z-index: 2; + position: relative; + top: 0; + left: 0; + width: 100%; + min-height: 100vh; + height: fit-content; + z-index: 2; } .background { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - object-fit: cover; - z-index: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + z-index: 0; } diff --git a/src/routes/NavigationHeader.scss b/src/routes/NavigationHeader.scss index caf9153..f8b0746 100644 --- a/src/routes/NavigationHeader.scss +++ b/src/routes/NavigationHeader.scss @@ -1,48 +1,47 @@ .splash-navigation-header { - position: relative; - height: 128px; - width: 100%; - padding-bottom: 120px; - - .navigation-header-items { - gap: 48px; - align-items: center; position: relative; - padding-top: 28px; - padding-right: 96px; - } + height: 128px; + width: 100%; + padding-bottom: 120px; - .navigation-header-link { - color: var(--cpalettelight); - font-family: var(--navigation-header-font-family); - text-align: left; - font-size: var(--navigation-header-font-size); - font-weight: var(--navigation-header-font-weight); - text-decoration: underline; - position: relative; - display: flex; - align-items: center; - justify-content: flex-start; - } + .navigation-header-items { + gap: 48px; + align-items: center; + position: relative; + padding-top: 28px; + padding-right: 96px; + } - .navigation-header-button { - background: var(--cpalettelight); - border-radius: 8px; - padding: 14px 24px 14px 24px; - display: flex; - flex-direction: row; - gap: 8px; - align-items: center; - justify-content: center; - flex-shrink: 0; - position: relative; - box-shadow: var(--button-shadow-box-shadow, - 0px 1px 2px 0px rgba(0, 0, 0, 0.05)); - } + .navigation-header-link { + color: var(--cpalettelight); + font-family: var(--navigation-header-font-family); + text-align: left; + font-size: var(--navigation-header-font-size); + font-weight: var(--navigation-header-font-weight); + text-decoration: underline; + position: relative; + display: flex; + align-items: center; + justify-content: flex-start; + } - .navigation-header-button-text { - @extend .navigation-header-link; - color: var(--background); - text-decoration: none; - } + .navigation-header-button { + background: var(--cpalettelight); + border-radius: 8px; + padding: 14px 24px 14px 24px; + display: flex; + flex-direction: row; + gap: 8px; + align-items: center; + justify-content: center; + flex-shrink: 0; + position: relative; + box-shadow: var(--button-shadow-box-shadow, 0px 1px 2px 0px rgba(0, 0, 0, 0.05)); + } + + .navigation-header-button-text { + @extend .navigation-header-link; + color: var(--background); + text-decoration: none; + } } diff --git a/src/routes/Splash.scss b/src/routes/Splash.scss index ec40892..c417898 100644 --- a/src/routes/Splash.scss +++ b/src/routes/Splash.scss @@ -1,80 +1,79 @@ .splash { - position: relative; - max-width: 95%; - bottom: 0; - padding-top: 128px; - padding-bottom: 128px; - padding-right: 32px; - z-index: 3; + position: relative; + max-width: 95%; + bottom: 0; + padding-top: 128px; + padding-bottom: 128px; + padding-right: 32px; + z-index: 3; } .splash-copy { - display: flex; - flex-direction: column; - align-items: flex-start; - max-width: 920px; - position: relative; - left: 5%; + display: flex; + flex-direction: column; + align-items: flex-start; + max-width: 920px; + position: relative; + left: 5%; } .splash-title { - color: var(--cpalettecomplimentary); - max-width: 100%; - text-align: left; - font-family: var(--splash-title-font-family); - font-size: var(--splash-title-font-size-large); - line-height: 125%; - font-weight: var(--splash-title-font-weight); - position: relative; - padding-bottom: 16px; + color: var(--cpalettecomplimentary); + max-width: 100%; + text-align: left; + font-family: var(--splash-title-font-family); + font-size: var(--splash-title-font-size-large); + line-height: 125%; + font-weight: var(--splash-title-font-weight); + position: relative; + padding-bottom: 16px; } .splash-body { - color: var(--cpalettecomplimentary); - max-width: 100%; - word-wrap: break-word; - word-break: break-word; - overflow-wrap: break-word; - hyphens: auto; - text-align: left; - font-family: var(--splash-body-font-family); - font-size: var(--splash-body-font-size); - font-weight: var(--splash-body-font-weight); - padding-bottom: 32px; - position: relative; + color: var(--cpalettecomplimentary); + max-width: 100%; + word-wrap: break-word; + word-break: break-word; + overflow-wrap: break-word; + hyphens: auto; + text-align: left; + font-family: var(--splash-body-font-family); + font-size: var(--splash-body-font-size); + font-weight: var(--splash-body-font-weight); + padding-bottom: 32px; + position: relative; } .splash-button { - background: var(--background); - outline-style: solid; - outline-width: 2px; - outline-color: var(--cpalettemedium); - border-radius: 8px; - padding: 18px 32px 18px 32px; - position: relative; + background: var(--background); + outline-style: solid; + outline-width: 2px; + outline-color: var(--cpalettemedium); + border-radius: 8px; + padding: 18px 32px 18px 32px; + position: relative; } .splash-get-involved { - color: var(--cpalettelight); - font-family: "Assistant"; - font-size: 32px; - font-weight: 700; - position: relative; + color: var(--cpalettelight); + font-family: "Assistant"; + font-size: 32px; + font-weight: 700; + position: relative; } @media (max-width: 720px) { - .splash { - padding-top: 120px; - } + .splash { + padding-top: 120px; + } - .splash-title { - font-size: var(--splash-title-font-size-small); - } + .splash-title { + font-size: var(--splash-title-font-size-small); + } } - @media (max-width: 380px) { - .splash-title { - font-size: var(--splash-title-font-size-tiny); - } + .splash-title { + font-size: var(--splash-title-font-size-tiny); + } } diff --git a/src/routes/about/AboutPage.scss b/src/routes/about/AboutPage.scss index 5961807..cbeeae3 100644 --- a/src/routes/about/AboutPage.scss +++ b/src/routes/about/AboutPage.scss @@ -1,17 +1,17 @@ .about-page, .about-page * { - box-sizing: border-box; + box-sizing: border-box; } .about-page { - background: var(--cpalettecomplimentary); - width: 100vw; - min-width: 250px; - position: absolute; - display: flex; - flex-direction: column; + background: var(--cpalettecomplimentary); + width: 100vw; + min-width: 250px; + position: absolute; + display: flex; + flex-direction: column; } .copy { - padding: 5% 5% 5% 5%; + padding: 5% 5% 5% 5%; } diff --git a/src/routes/contact/ContactPage.scss b/src/routes/contact/ContactPage.scss index 62b8c83..040077d 100644 --- a/src/routes/contact/ContactPage.scss +++ b/src/routes/contact/ContactPage.scss @@ -1,83 +1,83 @@ .contact-page, .contact-page * { - box-sizing: border-box; + box-sizing: border-box; } .contact-page { - background: var(--cpalettecomplimentary); - width: 100vw; - min-width: 250px; - position: absolute; - display: flex; - flex-direction: column; + background: var(--cpalettecomplimentary); + width: 100vw; + min-width: 250px; + position: absolute; + display: flex; + flex-direction: column; } .contact-content { - display: flex; - flex-direction: row; - width: 100%; - padding: 5% 5% 5% 5%; + display: flex; + flex-direction: row; + width: 100%; + padding: 5% 5% 5% 5%; } .contact-form-column { - display: flex; - flex-direction: column; - width: 50%; + display: flex; + flex-direction: column; + width: 50%; } .contact-form { - position: relative; - padding-top: 32px; + position: relative; + padding-top: 32px; } .contact-image-column { - position: relative; - width: 50%; - top: 0; - bottom: 0; - padding: 32px 0 32px 48px; + position: relative; + width: 50%; + top: 0; + bottom: 0; + padding: 32px 0 32px 48px; } .contact-image-pane { - position: sticky; - border-radius: var(--contact-corner-round); - width: 100%; - top: 64px; - max-width: var(--contact-img-size); - justify-items: center; + position: sticky; + border-radius: var(--contact-corner-round); + width: 100%; + top: 64px; + max-width: var(--contact-img-size); + justify-items: center; } .contact-image { - border-radius: var(--contact-corner-round); - width: 100%; - max-width: var(--contact-img-size); - max-height: var(--contact-img-size); + border-radius: var(--contact-corner-round); + width: 100%; + max-width: var(--contact-img-size); + max-height: var(--contact-img-size); } .contact-image-subtitle { - font: "Assistant"; - font-size: 24px; - color: #d9d9d9; - text-align: center; + font: "Assistant"; + font-size: 24px; + color: #d9d9d9; + text-align: center; } @media (orientation: landscape) and (min-width: 1200px) { - .contact-form-column { - width: 67%; - } + .contact-form-column { + width: 67%; + } } @media (orientation: portrait) and (max-width: 1080px) { - .contact-content { - flex-direction: column-reverse; - } + .contact-content { + flex-direction: column-reverse; + } - .contact-form-column { - width: 100%; - } + .contact-form-column { + width: 100%; + } - .contact-image-column { - width: 100%; - justify-content: center; - } + .contact-image-column { + width: 100%; + justify-content: center; + } } diff --git a/src/routes/health/+server.js b/src/routes/health/+server.js index 74759c1..e6b9b2e 100644 --- a/src/routes/health/+server.js +++ b/src/routes/health/+server.js @@ -1,3 +1,3 @@ export function GET() { - return new Response('OK', { status: 200 }); + return new Response("OK", { status: 200 }); } diff --git a/svelte.config.js b/svelte.config.js index 0248230..1421d2a 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -1,5 +1,5 @@ import preprocess from "svelte-preprocess"; -import adapter from '@sveltejs/adapter-node'; +import adapter from "@sveltejs/adapter-node"; /** @type {import('@sveltejs/kit').Config} */ const config = { @@ -8,28 +8,28 @@ const config = { }), kit: { paths: { - base: '', + base: "", }, adapter: adapter({ - out: 'build', + out: "build", precompress: true, // Pre-compresses files - polyfill: true + polyfill: true, }), csrf: { checkOrigin: false }, prerender: { - entries: ['*'], - handleMissingId: 'warn' + entries: ["*"], + handleMissingId: "warn", }, csp: { - mode: 'auto', + mode: "auto", directives: { - 'script-src': ['self'] - } + "script-src": ["self"], + }, }, version: { - name: Date.now().toString() - } - } + name: Date.now().toString(), + }, + }, }; export default config; diff --git a/tailwind.config.js b/tailwind.config.js index de6a268..1515084 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,11 +1,11 @@ -import forms from '@tailwindcss/forms'; +import forms from "@tailwindcss/forms"; /** @type {import('tailwindcss').Config} */ export default { - content: ['./src/**/*.{html,js,svelte,ts}'], + content: ["./src/**/*.{html,js,svelte,ts}"], theme: { - extend: {} + extend: {}, }, plugins: [forms], diff --git a/vite.config.js b/vite.config.js index b55c11b..e1613cc 100644 --- a/vite.config.js +++ b/vite.config.js @@ -1,36 +1,36 @@ -import { defineConfig } from 'vite'; -import { sveltekit } from '@sveltejs/kit/vite' -import viteCompression from 'vite-plugin-compression' +import { defineConfig } from "vite"; +import { sveltekit } from "@sveltejs/kit/vite"; +import viteCompression from "vite-plugin-compression"; export default defineConfig({ plugins: [ sveltekit(), viteCompression({ - algorithm: 'brotli', + algorithm: "brotli", threshold: 1024, compressionOptions: { level: 11 }, exclude: [/\.(br|gz)$/, /\.(jpe?g|png|gif|webp|zip)$/i], - filter: /\.(js|css|html|svg)$/i + filter: /\.(js|css|html|svg)$/i, }), viteCompression({ - algorithm: 'gzip', + algorithm: "gzip", threshold: 1024, compressionOptions: { level: 9 }, exclude: [/\.(br|gz)$/, /\.(jpe?g|png|gif|webp|zip)$/i], - filter: /\.(js|css|html|svg)$/i - }) + filter: /\.(js|css|html|svg)$/i, + }), ], build: { - minify: 'terser', + minify: "terser", terserOptions: { compress: { drop_console: true, - drop_debugger: true - } + drop_debugger: true, + }, }, reportCompressedSize: true, cssMinify: true, - cssCodeSplit: true + cssCodeSplit: true, }, server: { host: "0.0.0.0",