Cian-H/am-d-model.eu
1
0
Fork 0
mirror of https://github.com/Cian-H/am-d-model.eu.git synced 2026-02-04 00:12:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prettier install & format

Browse Source
This commit is contained in:
Cian Hughes
2025-01-24 14:17:23 +00:00
parent ecff0a202c
commit 683151d591
27 changed files with 616 additions and 613 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app.css
View File

@@ -1,3 +1,3 @@
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities'
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

20
src/app.html
View File

@@ -1,15 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div>%sveltekit.body%</div>
</body>
<body data-sveltekit-preload-data="hover">
<div>%sveltekit.body%</div>
</body>
</html>

6
src/lib/navigation.js
View File

@@ -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");
},
};

99
src/lib/styles/ContactForm.scss
View File

@@ -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);
}
}
}

184
src/lib/styles/NavigationFooter.scss
View File

@@ -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;
}
}

103
src/lib/styles/NavigationHeader.scss
View File

@@ -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;
}
}

1
src/lib/styles/vars.css
View File

@@ -45,5 +45,4 @@
--contact-corner-round: 28px;
/* Effects */
}

138
src/routes/BottomCall.scss
View File

@@ -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);
}
}

118
src/routes/InfoScroll.scss
View File

@@ -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);
}

74
src/routes/LandingPage.scss
View File

@@ -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;
}

83
src/routes/NavigationHeader.scss
View File

@@ -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;
}
}

111
src/routes/Splash.scss
View File

@@ -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);
}
}

16
src/routes/about/AboutPage.scss
View File

@@ -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%;
}

96
src/routes/contact/ContactPage.scss
View File

@@ -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;
}
}

2
src/routes/health/+server.js
View File

@@ -1,3 +1,3 @@
export function GET() {
return new Response('OK', { status: 200 });
return new Response("OK", { status: 200 });
}