Cian-H/am-d-model.eu
1
0
Fork 0
mirror of https://github.com/Cian-H/am-d-model.eu.git synced 2026-03-22 12:52:45 +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/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 */
}