Fix: Merged layouts for core and dog sections as much as possible.

This commit is contained in:
2025-07-31 16:37:11 +01:00
parent 2d1f7269e0
commit 4b1fac2dcb
53 changed files with 697 additions and 920 deletions

View File

@@ -127,6 +127,7 @@ class Model_View_Base(BaseModel, ABC):
FLAG_BUTTON_LIGHT: ClassVar[str] = 'button-light' FLAG_BUTTON_LIGHT: ClassVar[str] = 'button-light'
FLAG_BUTTON_PRIMARY: ClassVar[str] = 'button-primary' FLAG_BUTTON_PRIMARY: ClassVar[str] = 'button-primary'
FLAG_BUTTON_SHAPE: ClassVar[str] = Button_Shape.FLAG_BUTTON_SHAPE FLAG_BUTTON_SHAPE: ClassVar[str] = Button_Shape.FLAG_BUTTON_SHAPE
FLAG_BUTTON_SUCCESS: ClassVar[str] = 'button-success'
FLAG_CANCEL: ClassVar[str] = 'button-cancel' FLAG_CANCEL: ClassVar[str] = 'button-cancel'
FLAG_CALENDAR_ENTRY: ClassVar[str] = Calendar_Entry.FLAG_CALENDAR_ENTRY FLAG_CALENDAR_ENTRY: ClassVar[str] = Calendar_Entry.FLAG_CALENDAR_ENTRY
FLAG_CALENDAR_ENTRY_TYPE: ClassVar[str] = Calendar_Entry_Type.FLAG_CALENDAR_ENTRY_TYPE FLAG_CALENDAR_ENTRY_TYPE: ClassVar[str] = Calendar_Entry_Type.FLAG_CALENDAR_ENTRY_TYPE

View File

@@ -1,17 +1,14 @@
h1 { h1 {
font-size: min(24px, calc(1vh * 6)); font-size: 2.5rem;
} }
h2 { h2 {
font-size: min(20px, calc(1vh * 5)); font-size: 1.8rem;
} }
h3 { h3 {
font-size: min(16px, calc(1vh * 4)); font-size: 1.2rem;
margin-top: 1vh; margin-top: 1vh;
} }
h4 { h4 {
font-size: 13px; font-size: 13px;
margin: 1vh; margin: 1vh;
@@ -19,8 +16,20 @@ h4 {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
h5 { h5 {
font-size: 11px; font-size: 11px;
margin: 1vh; margin: 1vh;
} }
.text-center {
text-align: center;
}
.section-title {
font-size: 1.8rem;
margin-bottom: 1rem;
}
.section-subtitle {
font-size: 1.2rem;
margin-bottom: 2rem;
}

View File

@@ -21,19 +21,29 @@
/* Hamburger menu overlay */ /* Hamburger menu overlay */
#buttonHamburger { #buttonHamburger {
cursor: pointer; cursor: pointer;
position: absolute; position: fixed;
right: 0; right: 1vh;
min-height: 4vh; min-height: 3.5vh;
max-height: 4vh; max-height: 3.5vh;
min-width: 4.5vh; min-width: 4vh;
max-width: 4.5vh; max-width: 4vh;
z-index: 10; z-index: 10;
padding: 0;
}
#buttonHamburger.expanded {
min-width: 100px;
max-width: 100px;
min-height: 5vh;
max-height: 5vh;
padding-left: calc(100 * 1px - 5 * 1vh);
padding-bottom: 1vh;
} }
#buttonHamburger .icon.hamburger { #buttonHamburger .icon.hamburger {
min-height: 3vh; min-height: 2.5vh;
max-height: 3vh; max-height: 2.5vh;
min-width: 3vh; min-width: 2.5vh;
max-width: 3vh; max-width: 2.5vh;
padding: 0.5vh 0.75vh;
} }
/* /*
#buttonHamburger:hover { #buttonHamburger:hover {
@@ -42,15 +52,17 @@
} }
*/ */
#overlayHamburger { #overlayHamburger {
top: 20vh; top: 10vh;
right: 0.75vh; right: 1vh;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
max-height: 60vh; max-height: 60vh;
} background-color: var(--colour-accent);
#overlayHamburger {
border: 2px solid var(--border-colour); border: 2px solid var(--border-colour);
border-radius: 4px; border-radius: 0.75vh;
width: 100px;
z-index: 2;
padding-top: 3.5vh;
} }
#overlayHamburger:first-child { #overlayHamburger:first-child {
border-top-left-radius: 12px; border-top-left-radius: 12px;
@@ -61,7 +73,8 @@
border-bottom-right-radius: 12px; border-bottom-right-radius: 12px;
} }
#overlayHamburger > * { #overlayHamburger .container {
background-color: var(--colour-page-background);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
@@ -72,12 +85,14 @@
font-weight: bold; font-weight: bold;
font-size: 15px; font-size: 15px;
/* height: 18px; */ /* height: 18px; */
cursor: pointer;
padding-top: 5vh;
} }
#overlayHamburger > :hover { #overlayHamburger > :hover {
color: var(--colour-page-background); color: var(--colour-page-background);
background-color: var(--colour-primary); background-color: var(--colour-primary);
} }
#overlayHamburger > * > * { #overlayHamburger .container a {
width: 100%; width: 100%;
/* /*
margin-top: 4.5px; margin-top: 4.5px;
@@ -91,21 +106,19 @@
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
#buttonHamburger { #buttonHamburger {
min-height: 6vh;
max-height: 6vh;
min-width: 6.5vh;
max-width: 6.5vh;
}
#buttonHamburger .icon.hamburger {
min-height: 5vh; min-height: 5vh;
max-height: 5vh; max-height: 5vh;
min-width: 5vh; min-width: 5.5vh;
max-width: 5vh; max-width: 5.5vh;
}
#buttonHamburger .icon.hamburger {
min-height: 4vh;
max-height: 4vh;
min-width: 4vh;
max-width: 4vh;
} }
#overlayHamburger { #overlayHamburger {
top: 22vh; padding-top: 5vh;
width: 100px;
/* right: 6.5vh; */
} }
} }

View File

@@ -2,17 +2,19 @@
/* Navigation */ /* Navigation */
.topnav { .topnav {
border-bottom-left-radius: 2.5vh;
border-bottom-right-radius: 2.5vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex: 1; flex: 1;
flex-direction: row; flex-direction: row;
font-weight: bold; font-weight: bold;
font-size: 1vh; font-size: 1vh;
max-height: 15vh; max-height: 7vh;
height: 15vh; height: 7vh;
align-items: flex-start; align-items: flex-start;
background: var(--colour-text-background);
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
justify-content: center; /* space-between */
align-items: center;
} }
.topnav a, .topnav a,
.topnav label, .topnav label,
@@ -23,7 +25,7 @@
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
width: 100%; width: 100%;
max-height: 15vh; max-height: 7vh;
justify-content: center; justify-content: center;
} }
.topnav h1 { .topnav h1 {
@@ -31,37 +33,55 @@
} }
.topnav a:hover { .topnav a:hover {
background-color: var(--colour-page-background); background-color: var(--colour-page-background);
color: var(--colour-text)
} }
.topnav > .container { .topnav > .container {
max-width: 50%; width: 10vh;
height: 100%; height: 100%;
align-items: center; align-items: center;
align-self: center; align-self: center;
display: flex; display: flex;
} }
.topnav > .container.logo { .topnav .container.logo {
min-width: 15vh; cursor: pointer;
max-width: 15vh;
} }
.topnav > .container.company-name { .topnav .container .logo {
min-width: calc(100vw - 30vh); /* min-width: 35vh; */
max-width: calc(100vw - 30vh); max-width: 35vh;
/* min-height: 6vh; */
max-height: 6vh;
margin: 0.5vh;
margin-right: auto;
} }
.topnav select { .topnav .container.company-name {
padding: 1vh; min-width: calc(100vw - 20vh);
margin: 1vh; max-width: calc(100vw - 20vh);
border-radius: 1vh; margin-right: 10vh;
border: 2px solid var(--border-colour);
font-weight: bold;
text-align: center;
width: 25vw;
}
.topnav select .is_collapsed {
width: 5vw;
} }
.company-name { .company-name {
font-size: min(28px, calc(1vh * 7)); font-size: 1.6rem;
}
.nav-links {
display: flex;
gap: 1vh 2rem;
display: flex;
flex-wrap: wrap;
max-width: calc(1vw * 100 - 1vh * 35);
align-items: center;
margin: 1vh 1vw;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: normal;
align-content: center;
font-size: 1.2rem;
width: fit-content;
}
.nav-links a.button {
color: var(--colour-text-background);
margin: 0 auto;
font-weight: bold;
} }
/* /*
@media screen and (max-width: 450px) { @media screen and (max-width: 450px) {
@@ -70,6 +90,88 @@
} }
} }
*/ */
/*
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/ * position: fixed;
top: 0; * /
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.nav-links {
display: flex;
gap: 2rem;
display: flex;
flex-wrap: wrap;
max-width: 58vw;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
font-size: 1rem;
}
.nav-links a.button {
color: white;
margin: 0 auto;
}
.container {
max-width: min(2000px, 90vw);
margin: 0 auto;
padding: 0 5vw;
}
/ * Header * /
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/ * position: fixed;
top: 0; * /
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.logo {
font-size: 2rem;
font-weight: bold;
color: #8932CB;
}
.nav-links {
display: flex;
gap: 2rem;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
}
.nav-links a.button {
color: white;
}
*/
/* Page Filters */ /* Page Filters */
#formFilters { #formFilters {
width: fit-content; width: fit-content;
@@ -152,12 +254,25 @@ form.filter button.save, form.filter button.button-cancel {
margin-bottom: 1px; margin-bottom: 1px;
} }
/*
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
#formFilters .container-input select {
/* height: 3vh; */
}
.topnav h1 { .topnav h1 {
font-size: 16px; font-size: 16px;
} }
}
*/
@media screen and (max-width: 940px) {
/*
.hero h1 {
font-size: 2.5rem;
}
*/
.nav-links {
display: none;
}
.topnav {
justify-content: flex-start;
align-items: start;
}
} }

View File

@@ -1,22 +0,0 @@
.text-center {
text-align: center;
}
.section-title {
font-size: 2rem;
margin-bottom: 1rem;
}
.section-subtitle {
margin-bottom: 2rem;
}
@media (max-width: 768px) {
.hero h1 {
font-size: 2.5rem;
}
.nav-links {
display: none;
}
}

View File

@@ -99,20 +99,6 @@ script, link {
margin: 0.5vh auto; margin: 0.5vh auto;
} }
/* header image */
img.logo {
max-height: 15vh;
max-width: 15vh;
cursor: pointer;
/* border-radius: 3vh; */
}
/* icon images */
.img-icon {
max-width: 16vh;
max-height: 8vh;
border-radius: 0;
}
/* Add a card effect for articles */ /* Add a card effect for articles */
.card { .card {
@@ -130,12 +116,6 @@ img.logo {
max-width: 80vw; max-width: 80vw;
} }
.header.card {
border-radius: 2.5vh;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.container { .container {
flex: 1; flex: 1;
margin: 0px; margin: 0px;

View File

@@ -1,4 +1,7 @@
/* Common */ /* Common */
section {
padding: 2rem;
}
p { p {
width: 100%; width: 100%;
font-size: 16px; font-size: 16px;
@@ -14,31 +17,23 @@ ul li {
font-size: 16px; font-size: 16px;
} }
section.benefits,
section.social-proof {
padding: 4rem 0;
background: var(--colour-text-background);
}
section.benefits .card.benefits, section.benefits .card.benefits,
section.social-proof .card.social-proof { section.social-proof .card.social-proof {
padding: 2rem; display: flex;
background: var(--colour-page-background);
border-radius: 8px;
transition: transform 0.3s ease;
display: block;
} }
section.problem, section.problem,
section.benefits,
section.solution, section.solution,
section.testimonial { section.testimonial {
padding: 4rem 0; padding: 4rem 2rem;
background: var(--colour-page-background-1); background: var(--colour-page-background-1);
} }
section.problem .card.problem, section.problem .card.problem,
section.benefits .card.benefits,
section.solution .card.solution, section.solution .card.solution,
section.testimonial .card.testimonial { section.testimonial .card.testimonial {
background: var(--colour-text-background); background: var(--colour-text-background);
padding: 2rem;
border-radius: 8px; border-radius: 8px;
max-width: 800px; max-width: 800px;
margin: 3rem auto 0; margin: 3rem auto 0;
@@ -46,40 +41,50 @@ section.testimonial .card.testimonial {
} }
section.problem ul li {
list-style: none;
}
/* Hero Section */ /* Hero Section */
.hero { .hero {
padding: 8rem 0 4rem; padding: 8rem 2rem 4rem;
background: linear-gradient(45deg, var(--colour-page-background-1), var(--colour-page-background-2)); /* linear-gradient(45deg, #f8fafc, #eff6ff); */ background: linear-gradient(45deg, var(--colour-page-background-1), var(--colour-page-background-2)); /* linear-gradient(45deg, #f8fafc, #eff6ff); */
} }
.hero-content { .hero-content {
max-width: 600px; max-width: 600px;
} }
.hero h1 { .hero h1 {
font-size: 3rem;
line-height: 1.2; line-height: 1.2;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
color: var(--colour-text); color: var(--colour-text);
} }
.hero p { .hero p {
font-size: 1.25rem; font-size: 1.25rem;
margin-bottom: 2rem; margin-bottom: 2rem;
color: var(--colour-secondary); color: var(--colour-secondary);
} }
section.hero .button { section.hero .button {
margin: 1vh auto; margin: 0 auto;
margin-bottom: 2vh;
display: block; display: block;
background-color: var(--colour-success-title);
color: var(--colour-text-background);
}
section.hero .button:hover {
background-color: var(--colour-success-highlight);
color: var(--colour-success-title);
} }
/* Problem Section */ /* Problem Section */
section.problem {
background-color: var(--colour-error-highlight);
}
section.problem h2 {
color: var(--colour-error-title);
}
section.problem .card {
border-left: 4px solid var(--colour-error-accent);
}
section.problem ul li {
list-style: none;
}
/* /*
@@ -98,9 +103,6 @@ section.problem ul li::before {
left: 0; left: 0;
} }
*/ */
section.problem ul li {
list-style: none;
}
/* Benefits Section * / /* Benefits Section * /
@@ -109,15 +111,20 @@ section.benefits .section-subtitle {
font-weight: bold; font-weight: bold;
} }
*/ */
section.benefits {
background-color: var(--colour-success-highlight);
}
section.benefits .container .card .container { section.benefits .container .card .container {
min-width: 250px; min-width: 250px;
} }
/* Solution Section */ section.benefits h2 {
section.benefits .card.benefits, color: var(--colour-success);
section.social-proof .card.social-proof {
display: flex;
} }
section.benefits .card {
border-left: 4px solid var(--colour-success);
}
/* Solution Section */
section.solution .container .card { section.solution .container .card {
margin-top: 1vh; margin-top: 1vh;
max-width: min(2000px, 80vw); max-width: min(2000px, 80vw);
@@ -137,6 +144,13 @@ section.solution .project-thumbnail img {
border-radius: 1vh; border-radius: 1vh;
} }
section.solution .project-thumbnail img {
overflow: hidden;
transition: transform 0.3s ease;
}
section.solution .project-thumbnail:hover {
transform: scale(1.75);
}
/* Social Proof Section * / /* Social Proof Section * /
section.social-proof { section.social-proof {
@@ -166,8 +180,15 @@ section.social-proof ul li {
font-size: 14px; font-size: 14px;
} }
*/ */
section.social-proof .card.social-proof { section.social-proof {
padding: 0; padding: 4rem 0;
background: var(--colour-text-background);
}
section.social-proof .card.social-proof {
background: var(--colour-page-background);
border-radius: 8px;
transition: transform 0.3s ease;
padding: 1.5vh;
} }
section.social-proof .section-title { section.social-proof .section-title {
font-weight: bold; font-weight: bold;
@@ -178,8 +199,11 @@ section.social-proof .section-subtitle {
margin: 1vh 1vw; margin: 1vh 1vw;
} }
section.social-proof .container { section.social-proof .container {
max-width: min(600px, 90vw);
width: fit-content; width: fit-content;
margin: 0 2vw;
}
section.social-proof > .container {
max-width: min(600px, 90vw);
margin: 1vh auto; margin: 1vh auto;
} }
@@ -224,8 +248,8 @@ section.testimonial h2 {
/* CTA Section */ /* CTA Section */
.cta-1, .cta-1,
.cta-2 { .cta-2 {
padding: 6rem 0; padding: 6rem 2rem;
background: var(--colour-primary); background: linear-gradient(135deg, var(--colour-primary), var(--colour-text-link-visited));
color: white; color: white;
text-align: center; text-align: center;
} }
@@ -240,13 +264,14 @@ section.cta-2 .card .container {
background-color: var(--colour-page-background); background-color: var(--colour-page-background);
color: var(--colour-primary); color: var(--colour-primary);
border-radius: 1vh; border-radius: 1vh;
padding: 2vh 1vw; padding: 1.5vh 3vw;
margin: 1vh; margin: 1vh;
min-width: 200px;
} }
section.cta-2 .card .container h3 { section.cta-2 .card .container h3 {
margin: 0 auto; margin: 0 auto;
} }
section.cta-2 .card .container p { section.cta-2 .container p {
margin-top: 1vh; margin-top: 1vh;
} }
/* FAQs * / /* FAQs * /
@@ -255,11 +280,6 @@ section.faq .button {
} }
*/ */
@media screen and (max-width: 640px) {
header .navbar .nav-links {
display: none;
}
}
/* Animations */ /* Animations */
/* Fallback styles to ensure content is visible without JS */ /* Fallback styles to ensure content is visible without JS */
@@ -295,16 +315,14 @@ section.faq .button {
.delay-4 { animation-delay: 0.4s; } .delay-4 { animation-delay: 0.4s; }
/* Buttons */ /* Buttons */
.topnav .nav-links .button {
padding: 0.5vh 0.75vh;
}
.button { .button {
display: inline-block;
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
border-radius: 6px; /* border-radius: 6px; * /
text-decoration: none; margin: 0.75rem; */
font-weight: 500; font-size: 1.2rem;
transition: all 0.3s ease;
width: fit-content;
margin: 0.75rem;
font-size: 18px;
} }
.button-primary { .button-primary {

View File

@@ -1,91 +1,12 @@
/* Home page /* Home page
*/ */
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/* position: fixed;
top: 0; */
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.nav-links {
display: flex;
gap: 2rem;
display: flex;
flex-wrap: wrap;
max-width: 58vw;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
font-size: 1rem;
}
.nav-links a.button {
color: white;
margin: 0 auto;
}
.container {
max-width: min(2000px, 90vw);
margin: 0 auto;
padding: 0 5vw;
}
/* Header */
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/* position: fixed;
top: 0; */
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.logo {
font-size: 2rem;
font-weight: bold;
color: #8932CB;
}
.nav-links {
display: flex;
gap: 2rem;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
}
.nav-links a.button {
color: white;
}
/* Footer */ /* Footer */
.footer { .footer {
background: #1f2937; background: #1f2937;
color: #f3f4f6; color: #f3f4f6;
padding: 4rem 0 2rem; padding: 4rem 2rem 2rem;
} }
.footer-content { .footer-content {
@@ -150,7 +71,7 @@ header {
} }
} }
@media (max-width: 450px) { @media (max-width: 540px) {
.nav-links { .nav-links {
display: none; display: none;
} }

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

View File

@@ -3,11 +3,17 @@
/* Claude dark blue / grey theme */ /* Claude dark blue / grey theme */
--colour-accent: #C77DFF; --colour-accent: #C77DFF;
--colour-error: red; --colour-error: red;
--colour-error-accent: #fc8181;
--colour-error-highlight: #fff5f5;
--colour-error-title: #c53030;
--colour-page-background: #E0AAFF; --colour-page-background: #E0AAFF;
--colour-page-background-1: #F5ECFE; --colour-page-background-1: #F5ECFE;
--colour-page-background-2: #FAE0E2; --colour-page-background-2: #FAE0E2;
--colour-primary: #240046; --colour-primary: #240046;
--colour-secondary: #3C096C; --colour-secondary: #3C096C;
--colour-success: #38a169;
--colour-success-highlight: #f0fff4;
--colour-success-title: #16a34a;
--colour-text: #10002B; --colour-text: #10002B;
--colour-text-background: white; --colour-text-background: white;
--colour-text-link-unvisited: #0000EE; --colour-text-link-unvisited: #0000EE;

View File

@@ -1,91 +1,12 @@
/* Home page /* Home page
*/ */
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/* position: fixed;
top: 0; */
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.nav-links {
display: flex;
gap: 2rem;
display: flex;
flex-wrap: wrap;
max-width: 58vw;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
font-size: 1rem;
}
.nav-links a.button {
color: white;
margin: 0 auto;
}
.container {
max-width: min(2000px, 90vw);
margin: 0 auto;
padding: 0 5vw;
}
/* Header */
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/* position: fixed;
top: 0; */
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.logo {
font-size: 2rem;
font-weight: bold;
color: #8932CB;
}
.nav-links {
display: flex;
gap: 2rem;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
}
.nav-links a.button {
color: white;
}
/* Footer */ /* Footer */
.footer { .footer {
background: #1f2937; background: #1f2937;
color: #f3f4f6; color: #f3f4f6;
padding: 4rem 0 2rem; padding: 4rem 2rem 2rem;
} }
.footer-content { .footer-content {
@@ -150,7 +71,7 @@ header {
} }
} }
@media (max-width: 450px) { @media (max-width: 540px) {
.nav-links { .nav-links {
display: none; display: none;
} }

View File

@@ -1 +1 @@
{"version":3,"file":"css/core_admin_home.bundle.css","mappings":";AACA;CACC;AACD;IACI,iBAAiB;IACjB,qCAAqC;IACrC;aACS;IACT,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;IACb,8BAA8B;IAC9B,mBAAmB;IACnB,eAAe;AACnB;;AAEA;IACI,aAAa;IACb,SAAS;IACT,aAAa;IACb,eAAe;IACf,eAAe;AACnB;;AAEA;IACI,qBAAqB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;AACnB;AACA;IACI,YAAY;IACZ,cAAc;AAClB;;AAEA;IACI,4BAA4B;IAC5B,cAAc;IACd,cAAc;AAClB;;AAEA,WAAW;AACX;IACI,iBAAiB;IACjB,qCAAqC;IACrC;aACS;IACT,WAAW;IACX,aAAa;AACjB;;AAEA;IACI,aAAa;IACb,8BAA8B;IAC9B,mBAAmB;IACnB,eAAe;AACnB;;AAEA;IACI,eAAe;IACf,iBAAiB;IACjB,cAAc;AAClB;;AAEA;IACI,aAAa;IACb,SAAS;AACb;;AAEA;IACI,qBAAqB;IACrB,kBAAkB;IAClB,gBAAgB;IAChB,qBAAqB;AACzB;AACA;IACI,YAAY;AAChB;;AAEA,WAAW;AACX;IACI,mBAAmB;IACnB,cAAc;IACd,oBAAoB;AACxB;;AAEA;IACI,aAAa;IACb,2DAA2D;IAC3D,SAAS;IACT,mBAAmB;AACvB;;AAEA;IACI,WAAW;IACX,mBAAmB;IACnB,iBAAiB;IACjB,kBAAkB;AACtB;;AAEA;IACI,gBAAgB;IAChB,UAAU;AACd;;AAEA;IACI,qBAAqB;AACzB;;AAEA;IACI,cAAc;IACd,qBAAqB;IACrB,2BAA2B;AAC/B;;AAEA;IACI,WAAW;IACX,0BAA0B;AAC9B;;AAEA;IACI,6BAA6B;IAC7B,iBAAiB;IACjB,kBAAkB;IAClB,iBAAiB;AACrB;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,WAAW;AACf;AACA;IACI,UAAU;AACd;AACA;IACI,gBAAgB;AACpB;;AAEA;IACI;QACI,0BAA0B;QAC1B,kBAAkB;IACtB;AACJ;;AAEA;IACI;QACI,aAAa;IACjB;AACJ,C;AC5JA;IACI,uBAAuB;AAC3B;;AAEA;IACI,WAAW;AACf,C","sources":["webpack://app/./static/css/sections/core.css","webpack://app/./static/css/pages/core/admin_home.css"],"sourcesContent":["\n/* Home page\n*/\nheader {\n background: white;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n /* position: fixed;\n top: 0; */\n width: 100%;\n z-index: 1000;\n}\n\n.navbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 0;\n}\n\n.nav-links {\n display: flex;\n gap: 2rem;\n display: flex;\n flex-wrap: wrap;\n max-width: 58vw;\n}\n\n.nav-links a {\n text-decoration: none;\n color: var(--text);\n font-weight: 500;\n align-content: center;\n font-size: 1rem;\n}\n.nav-links a.button {\n color: white;\n margin: 0 auto;\n}\n\n.container {\n max-width: min(2000px, 90vw);\n margin: 0 auto;\n padding: 0 5vw;\n}\n\n/* Header */\nheader {\n background: white;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n /* position: fixed;\n top: 0; */\n width: 100%;\n z-index: 1000;\n}\n\n.navbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 0;\n}\n\n.logo {\n font-size: 2rem;\n font-weight: bold;\n color: #8932CB;\n}\n\n.nav-links {\n display: flex;\n gap: 2rem;\n}\n\n.nav-links a {\n text-decoration: none;\n color: var(--text);\n font-weight: 500;\n align-content: center;\n}\n.nav-links a.button {\n color: white;\n}\n\n/* Footer */\n.footer {\n background: #1f2937;\n color: #f3f4f6;\n padding: 4rem 0 2rem;\n}\n\n.footer-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.footer-section h3 {\n color: #fff;\n margin-bottom: 1rem;\n font-size: 1.2rem;\n text-align: center;\n}\n\n.footer-section ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-section ul li {\n margin-bottom: 0.5rem;\n}\n\n.footer-section a {\n color: #f3f4f6;\n text-decoration: none;\n transition: color 0.3s ease;\n}\n\n.footer-section a:hover {\n color: #fff;\n text-decoration: underline;\n}\n\n.footer-bottom {\n border-top: 1px solid #374151;\n padding-top: 2rem;\n text-align: center;\n font-size: 0.9rem;\n}\n\n.footer-bottom a {\n color: aquamarine;\n}\n\n.footer-section.contact {\n width: 100%;\n}\n.footer-section .container {\n padding: 0;\n}\n.footer-section .container.row .container.column {\n padding: 1vh 2vw;\n}\n\n@media (max-width: 768px) {\n .footer-content {\n grid-template-columns: 1fr;\n text-align: center;\n }\n}\n\n@media (max-width: 450px) {\n .nav-links {\n display: none;\n }\n}","#pageBody > .card:first-of-type {\n width: min(80vw, 500px);\n}\n\n.container.row {\n width: auto;\n}"],"names":[],"sourceRoot":""} {"version":3,"file":"css/core_admin_home.bundle.css","mappings":";AACA;CACC;;AAED,WAAW;AACX;IACI,mBAAmB;IACnB,cAAc;IACd,uBAAuB;AAC3B;;AAEA;IACI,aAAa;IACb,2DAA2D;IAC3D,SAAS;IACT,mBAAmB;AACvB;;AAEA;IACI,WAAW;IACX,mBAAmB;IACnB,iBAAiB;IACjB,kBAAkB;AACtB;;AAEA;IACI,gBAAgB;IAChB,UAAU;AACd;;AAEA;IACI,qBAAqB;AACzB;;AAEA;IACI,cAAc;IACd,qBAAqB;IACrB,2BAA2B;AAC/B;;AAEA;IACI,WAAW;IACX,0BAA0B;AAC9B;;AAEA;IACI,6BAA6B;IAC7B,iBAAiB;IACjB,kBAAkB;IAClB,iBAAiB;AACrB;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,WAAW;AACf;AACA;IACI,UAAU;AACd;AACA;IACI,gBAAgB;AACpB;;AAEA;IACI;QACI,0BAA0B;QAC1B,kBAAkB;IACtB;AACJ;;AAEA;IACI;QACI,aAAa;IACjB;AACJ,C;AC7EA;IACI,uBAAuB;AAC3B;;AAEA;IACI,WAAW;AACf,C","sources":["webpack://app/./static/css/sections/core.css","webpack://app/./static/css/pages/core/admin_home.css"],"sourcesContent":["\n/* Home page\n*/\n\n/* Footer */\n.footer {\n background: #1f2937;\n color: #f3f4f6;\n padding: 4rem 2rem 2rem;\n}\n\n.footer-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.footer-section h3 {\n color: #fff;\n margin-bottom: 1rem;\n font-size: 1.2rem;\n text-align: center;\n}\n\n.footer-section ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-section ul li {\n margin-bottom: 0.5rem;\n}\n\n.footer-section a {\n color: #f3f4f6;\n text-decoration: none;\n transition: color 0.3s ease;\n}\n\n.footer-section a:hover {\n color: #fff;\n text-decoration: underline;\n}\n\n.footer-bottom {\n border-top: 1px solid #374151;\n padding-top: 2rem;\n text-align: center;\n font-size: 0.9rem;\n}\n\n.footer-bottom a {\n color: aquamarine;\n}\n\n.footer-section.contact {\n width: 100%;\n}\n.footer-section .container {\n padding: 0;\n}\n.footer-section .container.row .container.column {\n padding: 1vh 2vw;\n}\n\n@media (max-width: 768px) {\n .footer-content {\n grid-template-columns: 1fr;\n text-align: center;\n }\n}\n\n@media (max-width: 540px) {\n .nav-links {\n display: none;\n }\n}","#pageBody > .card:first-of-type {\n width: min(80vw, 500px);\n}\n\n.container.row {\n width: auto;\n}"],"names":[],"sourceRoot":""}

View File

@@ -1,91 +1,12 @@
/* Home page /* Home page
*/ */
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/* position: fixed;
top: 0; */
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.nav-links {
display: flex;
gap: 2rem;
display: flex;
flex-wrap: wrap;
max-width: 58vw;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
font-size: 1rem;
}
.nav-links a.button {
color: white;
margin: 0 auto;
}
.container {
max-width: min(2000px, 90vw);
margin: 0 auto;
padding: 0 5vw;
}
/* Header */
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/* position: fixed;
top: 0; */
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.logo {
font-size: 2rem;
font-weight: bold;
color: #8932CB;
}
.nav-links {
display: flex;
gap: 2rem;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
}
.nav-links a.button {
color: white;
}
/* Footer */ /* Footer */
.footer { .footer {
background: #1f2937; background: #1f2937;
color: #f3f4f6; color: #f3f4f6;
padding: 4rem 0 2rem; padding: 4rem 2rem 2rem;
} }
.footer-content { .footer-content {
@@ -150,7 +71,7 @@ header {
} }
} }
@media (max-width: 450px) { @media (max-width: 540px) {
.nav-links { .nav-links {
display: none; display: none;
} }

File diff suppressed because one or more lines are too long

View File

@@ -1,91 +1,12 @@
/* Home page /* Home page
*/ */
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/* position: fixed;
top: 0; */
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.nav-links {
display: flex;
gap: 2rem;
display: flex;
flex-wrap: wrap;
max-width: 58vw;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
font-size: 1rem;
}
.nav-links a.button {
color: white;
margin: 0 auto;
}
.container {
max-width: min(2000px, 90vw);
margin: 0 auto;
padding: 0 5vw;
}
/* Header */
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/* position: fixed;
top: 0; */
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.logo {
font-size: 2rem;
font-weight: bold;
color: #8932CB;
}
.nav-links {
display: flex;
gap: 2rem;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
}
.nav-links a.button {
color: white;
}
/* Footer */ /* Footer */
.footer { .footer {
background: #1f2937; background: #1f2937;
color: #f3f4f6; color: #f3f4f6;
padding: 4rem 0 2rem; padding: 4rem 2rem 2rem;
} }
.footer-content { .footer-content {
@@ -150,12 +71,15 @@ header {
} }
} }
@media (max-width: 450px) { @media (max-width: 540px) {
.nav-links { .nav-links {
display: none; display: none;
} }
} }
/* Common */ /* Common */
section {
padding: 2rem;
}
p { p {
width: 100%; width: 100%;
font-size: 16px; font-size: 16px;
@@ -171,31 +95,23 @@ ul li {
font-size: 16px; font-size: 16px;
} }
section.benefits,
section.social-proof {
padding: 4rem 0;
background: var(--colour-text-background);
}
section.benefits .card.benefits, section.benefits .card.benefits,
section.social-proof .card.social-proof { section.social-proof .card.social-proof {
padding: 2rem; display: flex;
background: var(--colour-page-background);
border-radius: 8px;
transition: transform 0.3s ease;
display: block;
} }
section.problem, section.problem,
section.benefits,
section.solution, section.solution,
section.testimonial { section.testimonial {
padding: 4rem 0; padding: 4rem 2rem;
background: var(--colour-page-background-1); background: var(--colour-page-background-1);
} }
section.problem .card.problem, section.problem .card.problem,
section.benefits .card.benefits,
section.solution .card.solution, section.solution .card.solution,
section.testimonial .card.testimonial { section.testimonial .card.testimonial {
background: var(--colour-text-background); background: var(--colour-text-background);
padding: 2rem;
border-radius: 8px; border-radius: 8px;
max-width: 800px; max-width: 800px;
margin: 3rem auto 0; margin: 3rem auto 0;
@@ -203,40 +119,50 @@ section.testimonial .card.testimonial {
} }
section.problem ul li {
list-style: none;
}
/* Hero Section */ /* Hero Section */
.hero { .hero {
padding: 8rem 0 4rem; padding: 8rem 2rem 4rem;
background: linear-gradient(45deg, var(--colour-page-background-1), var(--colour-page-background-2)); /* linear-gradient(45deg, #f8fafc, #eff6ff); */ background: linear-gradient(45deg, var(--colour-page-background-1), var(--colour-page-background-2)); /* linear-gradient(45deg, #f8fafc, #eff6ff); */
} }
.hero-content { .hero-content {
max-width: 600px; max-width: 600px;
} }
.hero h1 { .hero h1 {
font-size: 3rem; font-size: 3rem;
line-height: 1.2; line-height: 1.2;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
color: var(--colour-text); color: var(--colour-text);
} }
.hero p { .hero p {
font-size: 1.25rem; font-size: 1.25rem;
margin-bottom: 2rem; margin-bottom: 2rem;
color: var(--colour-secondary); color: var(--colour-secondary);
} }
section.hero .button { section.hero .button {
margin: 1vh auto; margin: 1vh auto;
display: block; display: block;
background-color: var(--colour-success-title);
color: var(--colour-text-background);
}
section.hero .button:hover {
background-color: var(--colour-success-highlight);
color: var(--colour-success-title);
} }
/* Problem Section */ /* Problem Section */
section.problem {
background-color: var(--colour-error-highlight);
}
section.problem h2 {
color: var(--colour-error-title);
}
section.problem .card {
border-left: 4px solid var(--colour-error-accent);
}
section.problem ul li {
list-style: none;
}
/* /*
@@ -255,9 +181,6 @@ section.problem ul li::before {
left: 0; left: 0;
} }
*/ */
section.problem ul li {
list-style: none;
}
/* Benefits Section * / /* Benefits Section * /
@@ -266,15 +189,20 @@ section.benefits .section-subtitle {
font-weight: bold; font-weight: bold;
} }
*/ */
section.benefits {
background-color: var(--colour-success-highlight);
}
section.benefits .container .card .container { section.benefits .container .card .container {
min-width: 250px; min-width: 250px;
} }
/* Solution Section */ section.benefits h2 {
section.benefits .card.benefits, color: var(--colour-success);
section.social-proof .card.social-proof {
display: flex;
} }
section.benefits .card {
border-left: 4px solid var(--colour-success);
}
/* Solution Section */
section.solution .container .card { section.solution .container .card {
margin-top: 1vh; margin-top: 1vh;
max-width: min(2000px, 80vw); max-width: min(2000px, 80vw);
@@ -294,6 +222,13 @@ section.solution .project-thumbnail img {
border-radius: 1vh; border-radius: 1vh;
} }
section.solution .project-thumbnail img {
overflow: hidden;
transition: transform 0.3s ease;
}
section.solution .project-thumbnail:hover {
transform: scale(1.75);
}
/* Social Proof Section * / /* Social Proof Section * /
section.social-proof { section.social-proof {
@@ -323,8 +258,15 @@ section.social-proof ul li {
font-size: 14px; font-size: 14px;
} }
*/ */
section.social-proof .card.social-proof { section.social-proof {
padding: 0; padding: 4rem 0;
background: var(--colour-text-background);
}
section.social-proof .card.social-proof {
background: var(--colour-page-background);
border-radius: 8px;
transition: transform 0.3s ease;
padding: 1.5vh;
} }
section.social-proof .section-title { section.social-proof .section-title {
font-weight: bold; font-weight: bold;
@@ -335,8 +277,11 @@ section.social-proof .section-subtitle {
margin: 1vh 1vw; margin: 1vh 1vw;
} }
section.social-proof .container { section.social-proof .container {
max-width: min(600px, 90vw);
width: fit-content; width: fit-content;
margin: 0 2vw;
}
section.social-proof > .container {
max-width: min(600px, 90vw);
margin: 1vh auto; margin: 1vh auto;
} }
@@ -381,8 +326,8 @@ section.testimonial h2 {
/* CTA Section */ /* CTA Section */
.cta-1, .cta-1,
.cta-2 { .cta-2 {
padding: 6rem 0; padding: 6rem 2rem;
background: var(--colour-primary); background: linear-gradient(135deg, var(--colour-primary), var(--colour-text-link-visited));
color: white; color: white;
text-align: center; text-align: center;
} }
@@ -399,11 +344,12 @@ section.cta-2 .card .container {
border-radius: 1vh; border-radius: 1vh;
padding: 2vh 1vw; padding: 2vh 1vw;
margin: 1vh; margin: 1vh;
min-width: 200px;
} }
section.cta-2 .card .container h3 { section.cta-2 .card .container h3 {
margin: 0 auto; margin: 0 auto;
} }
section.cta-2 .card .container p { section.cta-2 .container p {
margin-top: 1vh; margin-top: 1vh;
} }
/* FAQs * / /* FAQs * /
@@ -412,11 +358,6 @@ section.faq .button {
} }
*/ */
@media screen and (max-width: 640px) {
header .navbar .nav-links {
display: none;
}
}
/* Animations */ /* Animations */
/* Fallback styles to ensure content is visible without JS */ /* Fallback styles to ensure content is visible without JS */
@@ -452,16 +393,14 @@ section.faq .button {
.delay-4 { animation-delay: 0.4s; } .delay-4 { animation-delay: 0.4s; }
/* Buttons */ /* Buttons */
.topnav .nav-links .button {
padding: 0.5vh 0.75vh;
}
.button { .button {
display: inline-block;
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
border-radius: 6px; /* border-radius: 6px; * /
text-decoration: none; margin: 0.75rem; */
font-weight: 500; font-size: 1.2rem;
transition: all 0.3s ease;
width: fit-content;
margin: 0.75rem;
font-size: 18px;
} }
.button-primary { .button-primary {

File diff suppressed because one or more lines are too long

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

File diff suppressed because one or more lines are too long

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

View File

@@ -1 +1 @@
{"version":3,"file":"css/dog_assessments.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;AAEA;IACI,eAAe;AACnB;;;;AAIA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;;;;AAIf;IACI,6BAA6B;IAC7B,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C","sources":["webpack://app/./static/css/sections/dog.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n#basket {\n max-width: 100%;\n}\n\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n\n\n\n#pageBody {\n /* height: 69vh !important; */\n max-height: 79vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}"],"names":[],"sourceRoot":""} {"version":3,"file":"css/dog_assessments.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;;AAGA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;AACf;IACI,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C","sources":["webpack://app/./static/css/sections/dog.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n#pageBody {\n max-height: 84vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}"],"names":[],"sourceRoot":""}

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

View File

@@ -1 +1 @@
{"version":3,"file":"css/dog_button_icons.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;AAEA;IACI,eAAe;AACnB;;;;AAIA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;;;;AAIf;IACI,6BAA6B;IAC7B,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;;ACxEA;IACI,WAAW;AACf","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/button_icons.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n#basket {\n max-width: 100%;\n}\n\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n\n\n\n#pageBody {\n /* height: 69vh !important; */\n max-height: 79vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n\n#tableMain tbody > div {\n width: 49vh;\n}\n"],"names":[],"sourceRoot":""} {"version":3,"file":"css/dog_button_icons.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;;AAGA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;AACf;IACI,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;;AC/DA;IACI,WAAW;AACf","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/button_icons.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n#pageBody {\n max-height: 84vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n\n#tableMain tbody > div {\n width: 49vh;\n}\n"],"names":[],"sourceRoot":""}

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

View File

@@ -1 +1 @@
{"version":3,"file":"css/dog_calendar_entries.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;AAEA;IACI,eAAe;AACnB;;;;AAIA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;;;;AAIf;IACI,6BAA6B;IAC7B,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;;ACxEA;IACI,aAAa;AACjB;;AAEA;IACI,WAAW;AACf;;AAEA;;;;CAIC;AACD;;IAEI,eAAe;IACf,eAAe;AACnB;AACA;;IAEI,aAAa;AACjB;;AAEA;IACI;QACI,eAAe;IACnB;IACA;;QAEI,eAAe;QACf,eAAe;IACnB;IACA;;QAEI,eAAe;QACf,eAAe;IACnB;AACJ","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/calendar_entries.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n#basket {\n max-width: 100%;\n}\n\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n\n\n\n#pageBody {\n /* height: 69vh !important; */\n max-height: 79vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n\n#formFilters .container.save.button-cancel {\n display: none;\n}\n\n#tableMain tbody > div {\n width: 49vh;\n}\n\n/*\n#tableMain tbody tr td.date_from.date_to div {\n height: 3vh;\n}\n*/\n#tableMain thead tr th.name,\n#tableMain tbody tr td.name {\n min-width: 43vw;\n max-width: 43vw;\n}\n#tableMain thead tr th.is-calendar-entry-type-bill,\n#tableMain tbody tr td.is-calendar-entry-type-bill {\n display: none;\n}\n\n@media screen and (max-width: 450px) {\n #tableMain {\n max-width: 90vw;\n }\n #tableMain thead tr th.date_from,\n #tableMain tbody tr td.date_from {\n min-width: 20vw;\n max-width: 20vw;\n }\n #tableMain thead tr th.price,\n #tableMain tbody tr td.price {\n min-width: 12vw;\n max-width: 12vw;\n }\n}\n"],"names":[],"sourceRoot":""} {"version":3,"file":"css/dog_calendar_entries.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;;AAGA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;AACf;IACI,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;;AC/DA;IACI,aAAa;AACjB;;AAEA;IACI,WAAW;AACf;;AAEA;;;;CAIC;AACD;;IAEI,eAAe;IACf,eAAe;AACnB;AACA;;IAEI,aAAa;AACjB;;AAEA;IACI;QACI,eAAe;IACnB;IACA;;QAEI,eAAe;QACf,eAAe;IACnB;IACA;;QAEI,eAAe;QACf,eAAe;IACnB;AACJ","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/calendar_entries.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n#pageBody {\n max-height: 84vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n\n#formFilters .container.save.button-cancel {\n display: none;\n}\n\n#tableMain tbody > div {\n width: 49vh;\n}\n\n/*\n#tableMain tbody tr td.date_from.date_to div {\n height: 3vh;\n}\n*/\n#tableMain thead tr th.name,\n#tableMain tbody tr td.name {\n min-width: 43vw;\n max-width: 43vw;\n}\n#tableMain thead tr th.is-calendar-entry-type-bill,\n#tableMain tbody tr td.is-calendar-entry-type-bill {\n display: none;\n}\n\n@media screen and (max-width: 450px) {\n #tableMain {\n max-width: 90vw;\n }\n #tableMain thead tr th.date_from,\n #tableMain tbody tr td.date_from {\n min-width: 20vw;\n max-width: 20vw;\n }\n #tableMain thead tr th.price,\n #tableMain tbody tr td.price {\n min-width: 12vw;\n max-width: 12vw;\n }\n}\n"],"names":[],"sourceRoot":""}

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

View File

@@ -1 +1 @@
{"version":3,"file":"css/dog_command_button_links.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;AAEA;IACI,eAAe;AACnB;;;;AAIA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;;;;AAIf;IACI,6BAA6B;IAC7B,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;ACzEA;;;CAGC;;;AAGD;IACI,YAAY;AAChB;;AAEA;;;;;;;CAOC;AACD;;;;;;IAMI,eAAe;IACf,eAAe;AACnB;;AAEA;;;;CAIC;;AAED;IACI;;QAEI,eAAe;QACf,eAAe;IACnB;AACJ","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/command_button_links.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n#basket {\n max-width: 100%;\n}\n\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n\n\n\n#pageBody {\n /* height: 69vh !important; */\n max-height: 79vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n/*\n#formFilters .container-input.filter.active_only {\n}\n*/\n\n\n#tableMain tbody > div {\n width: 113vh;\n}\n\n/*\n#tableMain tbody tr td table thead tr th.id_variation_type,\n#tableMain tbody tr td table tbody tr td.id_variation_type,\n#tableMain tbody tr td table thead tr th.id_variation, \n#tableMain tbody tr td table tbody tr td.id_variation {\n width: 47.5%;\n}\n*/\n#tableMain tbody tr td table thead tr th.button_shape, \n#tableMain tbody tr td table tbody tr td.button_shape,\n#tableMain tbody tr td table thead tr th.colour, \n#tableMain tbody tr td table tbody tr td.colour,\n#tableMain tbody tr td table thead tr th.button_icon, \n#tableMain tbody tr td table tbody tr td.button_icon {\n max-width: 12vh;\n max-width: 12vh;\n}\n\n/*\nselect.id_variation, select.id_variation_type {\n max-width: 40% !important;\n}\n*/\n\n@media screen and (max-width: 850px) {\n #formFilters input,\n #formFilters select {\n max-width: 12vh;\n min-width: 12vh;\n }\n}\n"],"names":[],"sourceRoot":""} {"version":3,"file":"css/dog_command_button_links.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;;AAGA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;AACf;IACI,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;AChEA;;;CAGC;;;AAGD;IACI,YAAY;AAChB;;AAEA;;;;;;;CAOC;AACD;;;;;;IAMI,eAAe;IACf,eAAe;AACnB;;AAEA;;;;CAIC;;AAED;IACI;;QAEI,eAAe;QACf,eAAe;IACnB;AACJ","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/command_button_links.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n#pageBody {\n max-height: 84vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n/*\n#formFilters .container-input.filter.active_only {\n}\n*/\n\n\n#tableMain tbody > div {\n width: 113vh;\n}\n\n/*\n#tableMain tbody tr td table thead tr th.id_variation_type,\n#tableMain tbody tr td table tbody tr td.id_variation_type,\n#tableMain tbody tr td table thead tr th.id_variation, \n#tableMain tbody tr td table tbody tr td.id_variation {\n width: 47.5%;\n}\n*/\n#tableMain tbody tr td table thead tr th.button_shape, \n#tableMain tbody tr td table tbody tr td.button_shape,\n#tableMain tbody tr td table thead tr th.colour, \n#tableMain tbody tr td table tbody tr td.colour,\n#tableMain tbody tr td table thead tr th.button_icon, \n#tableMain tbody tr td table tbody tr td.button_icon {\n max-width: 12vh;\n max-width: 12vh;\n}\n\n/*\nselect.id_variation, select.id_variation_type {\n max-width: 40% !important;\n}\n*/\n\n@media screen and (max-width: 850px) {\n #formFilters input,\n #formFilters select {\n max-width: 12vh;\n min-width: 12vh;\n }\n}\n"],"names":[],"sourceRoot":""}

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

View File

@@ -1 +1 @@
{"version":3,"file":"css/dog_command_categories.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;AAEA;IACI,eAAe;AACnB;;;;AAIA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;;;;AAIf;IACI,6BAA6B;IAC7B,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;ACzEA;IACI,eAAe;IACf,eAAe;AACnB;;AAEA;IACI,eAAe;AACnB;AACA;;IAEI,WAAW;AACf;AACA;IACI,sCAAsC;AAC1C;AACA;;;CAGC;AACD;;IAEI,eAAe;IACf,eAAe;AACnB;;AAEA;IACI;;QAEI,eAAe;QACf,eAAe;IACnB;IACA;;QAEI,cAAc;QACd,cAAc;IAClB;AACJ,C","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/command_categories.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n#basket {\n max-width: 100%;\n}\n\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n\n\n\n#pageBody {\n /* height: 69vh !important; */\n max-height: 79vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n#formFilters #search {\n max-width: 20vh;\n min-width: 20vh;\n}\n\n#tableMain tbody > div {\n max-width: 58vh;\n}\n#tableMain thead tr th,\n#tableMain tbody tr td {\n height: 3vh;\n}\n#tableMain tbody tr td.name .name {\n border: 1px solid var(--colour-accent);\n}\n/*\n#tableMain thead tr th.code,\n#tableMain tbody tr td.code,\n*/\n#tableMain thead tr th.name ,\n#tableMain tbody tr td.name {\n max-width: 50vh;\n min-width: 50vh;\n}\n\n@media screen and (max-width: 800px) {\n #tableMain thead tr th.name ,\n #tableMain tbody tr td.name {\n max-width: 63vw;\n min-width: 63vw;\n }\n #tableMain thead tr th.active ,\n #tableMain tbody tr td.active {\n max-width: 3vw;\n min-width: 3vw;\n }\n}"],"names":[],"sourceRoot":""} {"version":3,"file":"css/dog_command_categories.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;;AAGA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;AACf;IACI,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;AChEA;IACI,eAAe;IACf,eAAe;AACnB;;AAEA;IACI,eAAe;AACnB;AACA;;IAEI,WAAW;AACf;AACA;IACI,sCAAsC;AAC1C;AACA;;;CAGC;AACD;;IAEI,eAAe;IACf,eAAe;AACnB;;AAEA;IACI;;QAEI,eAAe;QACf,eAAe;IACnB;IACA;;QAEI,cAAc;QACd,cAAc;IAClB;AACJ,C","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/command_categories.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n#pageBody {\n max-height: 84vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n#formFilters #search {\n max-width: 20vh;\n min-width: 20vh;\n}\n\n#tableMain tbody > div {\n max-width: 58vh;\n}\n#tableMain thead tr th,\n#tableMain tbody tr td {\n height: 3vh;\n}\n#tableMain tbody tr td.name .name {\n border: 1px solid var(--colour-accent);\n}\n/*\n#tableMain thead tr th.code,\n#tableMain tbody tr td.code,\n*/\n#tableMain thead tr th.name ,\n#tableMain tbody tr td.name {\n max-width: 50vh;\n min-width: 50vh;\n}\n\n@media screen and (max-width: 800px) {\n #tableMain thead tr th.name ,\n #tableMain tbody tr td.name {\n max-width: 63vw;\n min-width: 63vw;\n }\n #tableMain thead tr th.active ,\n #tableMain tbody tr td.active {\n max-width: 3vw;\n min-width: 3vw;\n }\n}"],"names":[],"sourceRoot":""}

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

View File

@@ -1 +1 @@
{"version":3,"file":"css/dog_commands.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;AAEA;IACI,eAAe;AACnB;;;;AAIA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;;;;AAIf;IACI,6BAA6B;IAC7B,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;ACzEA;;;;CAIC;;AAED;IACI,WAAW;AACf;AACA;;IAEI,cAAc;IACd,cAAc;AAClB;;AAEA;;;;;;;;CAQC,C","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/commands.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n#basket {\n max-width: 100%;\n}\n\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n\n\n\n#pageBody {\n /* height: 69vh !important; */\n max-height: 79vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n/*\n#formFilters .container {\n max-width: fit-content;\n}\n*/\n\n#tableMain tbody > div {\n width: 99vh;\n}\n#tableMain thead tr th.can-have-button, \n#tableMain tbody tr td.can-have-button {\n max-width: 6vh;\n min-width: 6vh;\n}\n\n/*\n@media screen and (max-width: 600px) {\n #formFilters input,\n #formFilters select {\n width: 12vh;\n min-width: 12vh;\n }\n}\n*/"],"names":[],"sourceRoot":""} {"version":3,"file":"css/dog_commands.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;;AAGA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;AACf;IACI,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;AChEA;;;;CAIC;;AAED;IACI,WAAW;AACf;AACA;;IAEI,cAAc;IACd,cAAc;AAClB;;AAEA;;;;;;;;CAQC,C","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/commands.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n#pageBody {\n max-height: 84vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n/*\n#formFilters .container {\n max-width: fit-content;\n}\n*/\n\n#tableMain tbody > div {\n width: 99vh;\n}\n#tableMain thead tr th.can-have-button, \n#tableMain tbody tr td.can-have-button {\n max-width: 6vh;\n min-width: 6vh;\n}\n\n/*\n@media screen and (max-width: 600px) {\n #formFilters input,\n #formFilters select {\n width: 12vh;\n min-width: 12vh;\n }\n}\n*/"],"names":[],"sourceRoot":""}

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

View File

@@ -1 +1 @@
{"version":3,"file":"css/dog_dog_command_links.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;AAEA;IACI,eAAe;AACnB;;;;AAIA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;;;;AAIf;IACI,6BAA6B;IAC7B,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;ACzEA;;;CAGC;;;AAGD;IACI,YAAY;AAChB;AACA;IACI,eAAe;AACnB;;AAEA;;;;;;IAMI,uCAAuC;IACvC,oBAAoB;AACxB;;AAEA;;;;IAII,YAAY;AAChB;;AAEA;;;;CAIC;;AAED;IACI;;QAEI,eAAe;QACf,eAAe;IACnB;AACJ","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/dog_command_links.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n#basket {\n max-width: 100%;\n}\n\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n\n\n\n#pageBody {\n /* height: 69vh !important; */\n max-height: 79vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n/*\n#formFilters .container-input.filter.active_only {\n}\n*/\n\n\n#tableMain tbody > div {\n width: 113vh;\n}\n#tableMain {\n max-width: 90vw;\n}\n\ntd > input,\ntd > select,\ntd > textarea,\n.container-input > input,\n.container-input > select,\n.container-input > textarea {\n border: 2px solid var(--colour-primary);\n border-radius: 0.5vh;\n}\n\n#tableMain tbody tr td table thead tr th.id_variation_type,\n#tableMain tbody tr td table tbody tr td.id_variation_type,\n#tableMain tbody tr td table thead tr th.id_variation, \n#tableMain tbody tr td table tbody tr td.id_variation {\n width: 47.5%;\n}\n\n/*\nselect.id_variation, select.id_variation_type {\n max-width: 40% !important;\n}\n*/\n\n@media screen and (max-width: 850px) {\n #formFilters input,\n #formFilters select {\n max-width: 12vh;\n min-width: 12vh;\n }\n}\n"],"names":[],"sourceRoot":""} {"version":3,"file":"css/dog_dog_command_links.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;;AAGA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;AACf;IACI,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;AChEA;;;CAGC;;;AAGD;IACI,YAAY;AAChB;AACA;IACI,eAAe;AACnB;;AAEA;;;;;;IAMI,uCAAuC;IACvC,oBAAoB;AACxB;;AAEA;;;;IAII,YAAY;AAChB;;AAEA;;;;CAIC;;AAED;IACI;;QAEI,eAAe;QACf,eAAe;IACnB;AACJ","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/dog_command_links.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n#pageBody {\n max-height: 84vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n/*\n#formFilters .container-input.filter.active_only {\n}\n*/\n\n\n#tableMain tbody > div {\n width: 113vh;\n}\n#tableMain {\n max-width: 90vw;\n}\n\ntd > input,\ntd > select,\ntd > textarea,\n.container-input > input,\n.container-input > select,\n.container-input > textarea {\n border: 2px solid var(--colour-primary);\n border-radius: 0.5vh;\n}\n\n#tableMain tbody tr td table thead tr th.id_variation_type,\n#tableMain tbody tr td table tbody tr td.id_variation_type,\n#tableMain tbody tr td table thead tr th.id_variation, \n#tableMain tbody tr td table tbody tr td.id_variation {\n width: 47.5%;\n}\n\n/*\nselect.id_variation, select.id_variation_type {\n max-width: 40% !important;\n}\n*/\n\n@media screen and (max-width: 850px) {\n #formFilters input,\n #formFilters select {\n max-width: 12vh;\n min-width: 12vh;\n }\n}\n"],"names":[],"sourceRoot":""}

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

View File

@@ -1 +1 @@
{"version":3,"file":"css/dog_dogs.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;AAEA;IACI,eAAe;AACnB;;;;AAIA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;;;;AAIf;IACI,6BAA6B;IAC7B,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C","sources":["webpack://app/./static/css/sections/dog.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n#basket {\n max-width: 100%;\n}\n\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n\n\n\n#pageBody {\n /* height: 69vh !important; */\n max-height: 79vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}"],"names":[],"sourceRoot":""} {"version":3,"file":"css/dog_dogs.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;;AAGA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;AACf;IACI,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C","sources":["webpack://app/./static/css/sections/dog.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n#pageBody {\n max-height: 84vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}"],"names":[],"sourceRoot":""}

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

View File

@@ -1 +1 @@
{"version":3,"file":"css/dog_home.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;AAEA;IACI,eAAe;AACnB;;;;AAIA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;;;;AAIf;IACI,6BAA6B;IAC7B,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;AC1EA;IACI,iBAAiB;AACrB;AACA;IACI,iBAAiB;IACjB,kBAAkB;AACtB,C","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/home.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n#basket {\n max-width: 100%;\n}\n\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n\n\n\n#pageBody {\n /* height: 69vh !important; */\n max-height: 79vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","#pageBody .column .row {\n margin-top: 0.5vh;\n}\n#pageBody .column .row .button {\n margin-left: auto;\n margin-right: auto;\n}"],"names":[],"sourceRoot":""} {"version":3,"file":"css/dog_home.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;;AAGA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;AACf;IACI,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;ACjEA;IACI,iBAAiB;AACrB;AACA;IACI,iBAAiB;IACjB,kBAAkB;AACtB,C","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/home.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n#pageBody {\n max-height: 84vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","#pageBody .column .row {\n margin-top: 0.5vh;\n}\n#pageBody .column .row .button {\n margin-left: auto;\n margin-right: auto;\n}"],"names":[],"sourceRoot":""}

View File

@@ -6,11 +6,6 @@
max-width: 7vh; max-width: 7vh;
} }
#basket {
max-width: 100%;
}
/* Right column */ /* Right column */
.rightcolumn { .rightcolumn {
@@ -18,12 +13,8 @@
} }
/* Main Table */ /* Main Table */
#pageBody { #pageBody {
/* height: 69vh !important; */ max-height: 84vh;
max-height: 79vh;
padding: 0 5vw; padding: 0 5vw;
margin: 0; margin: 0;
border: 0; border: 0;

View File

@@ -1 +1 @@
{"version":3,"file":"css/dog_locations.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;AAEA;IACI,eAAe;AACnB;;;;AAIA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;;;;AAIf;IACI,6BAA6B;IAC7B,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;;ACxEA;IACI,WAAW;AACf","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/locations.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n#basket {\n max-width: 100%;\n}\n\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n\n\n\n#pageBody {\n /* height: 69vh !important; */\n max-height: 79vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n\n#tableMain tbody > div {\n width: 49vh;\n}\n"],"names":[],"sourceRoot":""} {"version":3,"file":"css/dog_locations.bundle.css","mappings":";;AAEA;IACI,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;AAClB;;;AAGA,iBAAiB;AACjB;IACI,sBAAsB;AAC1B;;AAEA,eAAe;AACf;IACI,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,qBAAqB;IACrB,2BAA2B;IAC3B,aAAa;IACb,sBAAsB;IACtB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,yBAAyB;AAC7B;;;AAGA,WAAW;AACX;IACI,gBAAgB;IAChB,kBAAkB;IAClB,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,sCAAsC;IACtC,kBAAkB;IAClB,SAAS;IACT,WAAW;AACf;;AAEA;IACI;QACI,eAAe;QACf,mBAAmB;QACnB,eAAe;QACf,WAAW;QACX,eAAe;IACnB;IACA;QACI,eAAe;IACnB;IACA;QACI,cAAc;IAClB;AACJ;;AAEA;IACI,UAAU;IACV,SAAS;AACb,C;;;AC/DA;IACI,WAAW;AACf","sources":["webpack://app/./static/css/sections/dog.css","webpack://app/./static/css/pages/dog/locations.css"],"sourcesContent":["\n\n.container-input > input {\n padding: 0vh 1vh;\n border-radius: 0.5vh;\n max-width: 7vh;\n}\n\n\n/* Right column */\n.rightcolumn {\n min-width: fit-content;\n}\n\n/* Main Table */\n#pageBody {\n max-height: 84vh;\n padding: 0 5vw;\n margin: 0;\n border: 0;\n align-content: center;\n justify-content: flex-start;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n width: 90vw;\n color: var(--colour-text);\n}\n\n\n/* Footer */\n.footer {\n padding: 1vh 1vw;\n text-align: center;\n margin: 0;\n max-height: 5vh;\n overflow-y: auto;\n background-color: var(--colour-accent);\n position: absolute;\n bottom: 0;\n width: 98vw;\n}\n\n@media screen and (max-width: 400px) {\n .footer {\n max-height: 8vh;\n padding: 0.75vh 2vw;\n font-size: 10px; \n width: 96vw;\n max-width: 96vw;\n }\n .footer > h4 {\n font-size: 10px;\n }\n .footer > h5 {\n font-size: 9px;\n }\n}\n\n.footer > h4, h5 {\n padding: 0;\n margin: 0;\n}","\n\n#tableMain tbody > div {\n width: 49vh;\n}\n"],"names":[],"sourceRoot":""}

View File

@@ -99,20 +99,6 @@ script, link {
margin: 0.5vh auto; margin: 0.5vh auto;
} }
/* header image */
img.logo {
max-height: 15vh;
max-width: 15vh;
cursor: pointer;
/* border-radius: 3vh; */
}
/* icon images */
.img-icon {
max-width: 16vh;
max-height: 8vh;
border-radius: 0;
}
/* Add a card effect for articles */ /* Add a card effect for articles */
.card { .card {
@@ -130,12 +116,6 @@ img.logo {
max-width: 80vw; max-width: 80vw;
} }
.header.card {
border-radius: 2.5vh;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.container { .container {
flex: 1; flex: 1;
margin: 0px; margin: 0px;
@@ -304,18 +284,15 @@ img, video {
h1 { h1 {
font-size: min(24px, calc(1vh * 6)); font-size: 2.5rem;
} }
h2 { h2 {
font-size: min(20px, calc(1vh * 5)); font-size: 1.8rem;
} }
h3 { h3 {
font-size: min(16px, calc(1vh * 4)); font-size: 1.2rem;
margin-top: 1vh; margin-top: 1vh;
} }
h4 { h4 {
font-size: 13px; font-size: 13px;
margin: 1vh; margin: 1vh;
@@ -323,13 +300,24 @@ h4 {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
h5 { h5 {
font-size: 11px; font-size: 11px;
margin: 1vh; margin: 1vh;
} }
.text-center {
text-align: center;
}
.section-title {
font-size: 1.8rem;
margin-bottom: 1rem;
}
.section-subtitle {
font-size: 1.2rem;
margin-bottom: 2rem;
}
@@ -354,19 +342,29 @@ h5 {
/* Hamburger menu overlay */ /* Hamburger menu overlay */
#buttonHamburger { #buttonHamburger {
cursor: pointer; cursor: pointer;
position: absolute; position: fixed;
right: 0; right: 1vh;
min-height: 4vh; min-height: 3.5vh;
max-height: 4vh; max-height: 3.5vh;
min-width: 4.5vh; min-width: 4vh;
max-width: 4.5vh; max-width: 4vh;
z-index: 10; z-index: 10;
padding: 0;
}
#buttonHamburger.expanded {
min-width: 100px;
max-width: 100px;
min-height: 5vh;
max-height: 5vh;
padding-left: calc(100 * 1px - 5 * 1vh);
padding-bottom: 1vh;
} }
#buttonHamburger .icon.hamburger { #buttonHamburger .icon.hamburger {
min-height: 3vh; min-height: 2.5vh;
max-height: 3vh; max-height: 2.5vh;
min-width: 3vh; min-width: 2.5vh;
max-width: 3vh; max-width: 2.5vh;
padding: 0.5vh 0.75vh;
} }
/* /*
#buttonHamburger:hover { #buttonHamburger:hover {
@@ -375,15 +373,17 @@ h5 {
} }
*/ */
#overlayHamburger { #overlayHamburger {
top: 20vh; top: 10vh;
right: 0.75vh; right: 1vh;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
max-height: 60vh; max-height: 60vh;
} background-color: var(--colour-accent);
#overlayHamburger {
border: 2px solid var(--border-colour); border: 2px solid var(--border-colour);
border-radius: 4px; border-radius: 0.75vh;
width: 100px;
z-index: 2;
padding-top: 3.5vh;
} }
#overlayHamburger:first-child { #overlayHamburger:first-child {
border-top-left-radius: 12px; border-top-left-radius: 12px;
@@ -394,7 +394,8 @@ h5 {
border-bottom-right-radius: 12px; border-bottom-right-radius: 12px;
} }
#overlayHamburger > * { #overlayHamburger .container {
background-color: var(--colour-page-background);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
@@ -405,12 +406,14 @@ h5 {
font-weight: bold; font-weight: bold;
font-size: 15px; font-size: 15px;
/* height: 18px; */ /* height: 18px; */
cursor: pointer;
padding-top: 5vh;
} }
#overlayHamburger > :hover { #overlayHamburger > :hover {
color: var(--colour-page-background); color: var(--colour-page-background);
background-color: var(--colour-primary); background-color: var(--colour-primary);
} }
#overlayHamburger > * > * { #overlayHamburger .container a {
width: 100%; width: 100%;
/* /*
margin-top: 4.5px; margin-top: 4.5px;
@@ -424,21 +427,19 @@ h5 {
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
#buttonHamburger { #buttonHamburger {
min-height: 6vh;
max-height: 6vh;
min-width: 6.5vh;
max-width: 6.5vh;
}
#buttonHamburger .icon.hamburger {
min-height: 5vh; min-height: 5vh;
max-height: 5vh; max-height: 5vh;
min-width: 5vh; min-width: 5.5vh;
max-width: 5vh; max-width: 5.5vh;
}
#buttonHamburger .icon.hamburger {
min-height: 4vh;
max-height: 4vh;
min-width: 4vh;
max-width: 4vh;
} }
#overlayHamburger { #overlayHamburger {
top: 22vh; padding-top: 5vh;
width: 100px;
/* right: 6.5vh; */
} }
} }
@@ -528,17 +529,19 @@ table div {
/* Navigation */ /* Navigation */
.topnav { .topnav {
border-bottom-left-radius: 2.5vh;
border-bottom-right-radius: 2.5vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex: 1; flex: 1;
flex-direction: row; flex-direction: row;
font-weight: bold; font-weight: bold;
font-size: 1vh; font-size: 1vh;
max-height: 15vh; max-height: 7vh;
height: 15vh; height: 7vh;
align-items: flex-start; align-items: flex-start;
background: var(--colour-text-background);
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
justify-content: center; /* space-between */
align-items: center;
} }
.topnav a, .topnav a,
.topnav label, .topnav label,
@@ -549,7 +552,7 @@ table div {
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
width: 100%; width: 100%;
max-height: 15vh; max-height: 7vh;
justify-content: center; justify-content: center;
} }
.topnav h1 { .topnav h1 {
@@ -557,37 +560,55 @@ table div {
} }
.topnav a:hover { .topnav a:hover {
background-color: var(--colour-page-background); background-color: var(--colour-page-background);
color: var(--colour-text)
} }
.topnav > .container { .topnav > .container {
max-width: 50%; width: 10vh;
height: 100%; height: 100%;
align-items: center; align-items: center;
align-self: center; align-self: center;
display: flex; display: flex;
} }
.topnav > .container.logo { .topnav .container.logo {
min-width: 15vh; cursor: pointer;
max-width: 15vh;
} }
.topnav > .container.company-name { .topnav .container .logo {
min-width: calc(100vw - 30vh); /* min-width: 35vh; */
max-width: calc(100vw - 30vh); max-width: 35vh;
/* min-height: 6vh; */
max-height: 6vh;
margin: 0.5vh;
margin-right: auto;
} }
.topnav select { .topnav .container.company-name {
padding: 1vh; min-width: calc(100vw - 20vh);
margin: 1vh; max-width: calc(100vw - 20vh);
border-radius: 1vh; margin-right: 10vh;
border: 2px solid var(--border-colour);
font-weight: bold;
text-align: center;
width: 25vw;
}
.topnav select .is_collapsed {
width: 5vw;
} }
.company-name { .company-name {
font-size: min(28px, calc(1vh * 7)); font-size: 1.6rem;
}
.nav-links {
display: flex;
gap: 1vh 2rem;
display: flex;
flex-wrap: wrap;
max-width: calc(1vw * 100 - 1vh * 35);
align-items: center;
margin: 1vh 1vw;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: normal;
align-content: center;
font-size: 1.2rem;
width: fit-content;
}
.nav-links a.button {
color: var(--colour-text-background);
margin: 0 auto;
font-weight: bold;
} }
/* /*
@media screen and (max-width: 450px) { @media screen and (max-width: 450px) {
@@ -596,6 +617,88 @@ table div {
} }
} }
*/ */
/*
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/ * position: fixed;
top: 0; * /
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.nav-links {
display: flex;
gap: 2rem;
display: flex;
flex-wrap: wrap;
max-width: 58vw;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
font-size: 1rem;
}
.nav-links a.button {
color: white;
margin: 0 auto;
}
.container {
max-width: min(2000px, 90vw);
margin: 0 auto;
padding: 0 5vw;
}
/ * Header * /
header {
background: white;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
/ * position: fixed;
top: 0; * /
width: 100%;
z-index: 1000;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.logo {
font-size: 2rem;
font-weight: bold;
color: #8932CB;
}
.nav-links {
display: flex;
gap: 2rem;
}
.nav-links a {
text-decoration: none;
color: var(--text);
font-weight: 500;
align-content: center;
}
.nav-links a.button {
color: white;
}
*/
/* Page Filters */ /* Page Filters */
#formFilters { #formFilters {
width: fit-content; width: fit-content;
@@ -678,15 +781,28 @@ form.filter button.save, form.filter button.button-cancel {
margin-bottom: 1px; margin-bottom: 1px;
} }
/*
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
#formFilters .container-input select {
/* height: 3vh; */
}
.topnav h1 { .topnav h1 {
font-size: 16px; font-size: 16px;
} }
} }
*/
@media screen and (max-width: 940px) {
/*
.hero h1 {
font-size: 2.5rem;
}
*/
.nav-links {
display: none;
}
.topnav {
justify-content: flex-start;
align-items: start;
}
}
/* In sections */ /* In sections */
#formFilters { #formFilters {
@@ -834,39 +950,24 @@ table.table-main thead tr th.display_order {
} }
.text-center {
text-align: center;
}
.section-title {
font-size: 2rem;
margin-bottom: 1rem;
}
.section-subtitle {
margin-bottom: 2rem;
}
@media (max-width: 768px) {
.hero h1 {
font-size: 2.5rem;
}
.nav-links {
display: none;
}
}
/* Default */ /* Default */
:root { :root {
/* Claude dark blue / grey theme */ /* Claude dark blue / grey theme */
--colour-accent: #C77DFF; --colour-accent: #C77DFF;
--colour-error: red; --colour-error: red;
--colour-error-accent: #fc8181;
--colour-error-highlight: #fff5f5;
--colour-error-title: #c53030;
--colour-page-background: #E0AAFF; --colour-page-background: #E0AAFF;
--colour-page-background-1: #F5ECFE; --colour-page-background-1: #F5ECFE;
--colour-page-background-2: #FAE0E2; --colour-page-background-2: #FAE0E2;
--colour-primary: #240046; --colour-primary: #240046;
--colour-secondary: #3C096C; --colour-secondary: #3C096C;
--colour-success: #38a169;
--colour-success-highlight: #f0fff4;
--colour-success-title: #16a34a;
--colour-text: #10002B; --colour-text: #10002B;
--colour-text-background: white; --colour-text-background: white;
--colour-text-link-unvisited: #0000EE; --colour-text-link-unvisited: #0000EE;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

View File

@@ -0,0 +1,39 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/>
<title>{{ model.title }} - DOG</title>
<meta name="description" content="Professional dog training management software for UK trainers. Manage clients, track training sessions, monitor progress, and engage dog owners with our comprehensive SaaS platform. Starting from £15/month." />
<meta name="keywords" content="fetch metrics, fetchmetrics, dog training software, dog trainer management, pet training app, canine training system, dog training business software, professional dog training, UK dog trainers, training session management, dog training records, client management for dog trainers, dog training progress tracking, pet training business tools, dog training scheduling, canine behavior tracking, dog trainer CRM, training appointment booking, dog training client portal, canine training documentation, dog obedience training, puppy training programs, behavioral modification, training milestones, dog training certificates, trainer scheduling, client communication, training homework assignments, progress reports, dog training analytics, British dog training, dog training software UK, professional dog training tools" />
<link rel="canonical" href="{{ model.get_url_host() }}" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ProfessionalService",
"name": "Dog Training",
"url": "{{ model.get_url_host() }}",
"logo": "{{ model.get_url_host() }}{{ url_for('static', filename='images/fetch-metrics-logo-LQ.webp') }}",
"description": "Fetch Metrics - Professional dog training management software for UK trainers. Manage clients, track training sessions, monitor progress, and engage dog owners with our comprehensive SaaS platform. Starting from £15/month.",
"address": {
"@type": "PostalAddress",
"streetAddress": "53 Alfred Green Close",
"addressLocality": "Rugby",
"addressRegion": "Warwickshire",
"postalCode": "CV22 6DN",
"addressCountry": "United Kingdom"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "52.22",
"longitude": "1.16"
},
"openingHours": "Mo,Tu,We,Th,Fr 09:00-17:00",
"priceRange": "$",
}
</script>
<meta name="yandex-verification" content="e8c84f13a578a656" /> <!-- fetch-metrics.co.uk -->
<meta name="yandex-verification" content="054b13bc60fb1625" /> <!-- fetch-metrics.com -->
<meta name="yandex-verification" content="f3c1a9bc28976419" /> <!-- fetchmetrics.co.uk -->
<meta id="{{ model.ID_CSRF_TOKEN }}" name="{{ model.FLAG_CSRF_TOKEN }}" content="{{ csrf_token() }}" />
<link rel="preload" as="style" href="{{ url_for('static', filename='dist/css/main.bundle.css') }}" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="{{ url_for('static', filename='dist/css/main.bundle.css') }}"></noscript>

View File

@@ -0,0 +1,45 @@
{#
<!-- Header -- >
<header>
<div class="container">
<nav class="navbar">
<div class="{{ model.FLAG_LOGO }}" href="{{ model.HASH_PAGE_HOME }}">{{ model.NAME_COMPANY }}</div>
<div class="nav-links">
{% block page_nav_links %}{% endblock %}
</div>
</nav>
</div>
</header>
-->
#}
<!-- Hamburger navigation menu -->
{% include 'components/common/buttons/_icon_hamburger.html' %}
<div id="{{ model.ID_OVERLAY_HAMBURGER }}" class="{{ model.FLAG_OVERLAY}} {{ model.FLAG_HAMBURGER }} {{ model.FLAG_IS_COLLAPSED }}">
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_HOME }}">Home</a>
</div>
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_CONTACT }}">Contact</a>
</div>
{% if True or model.user.can_admin_dog %}
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_DOG_HOME }}">Dog Home</a>
</div>
{% endif %}
{% if model.user.get_is_logged_in() %}
{#
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_USER_ACCOUNT }}">Account</a>
</div>
#}
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_USER_LOGOUT }}">Logout</a>
</div>
{% else %}
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_USER_LOGIN }}">Login</a>
</div>
{% endif %}
</div>

View File

@@ -162,3 +162,5 @@
var titlePageCurrent = "{{ model.title }}"; var titlePageCurrent = "{{ model.title }}";
var _verbose = ("{{ model.app.app_config.DEBUG }}" == "True"); var _verbose = ("{{ model.app.app_config.DEBUG }}" == "True");
</script> </script>
{% include 'layouts/_shared_dog_scripts.html' %}

View File

@@ -1,58 +1,20 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-GB"> <html lang="en-GB">
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> {% include 'layouts/_shared_head.html' %}
<meta charset="utf-8"/>
<title>{{ model.title }} - DOG</title>
<meta name="description" content="Explore our wide range of software engineering services. We specialize in various tech stacks including MySQL, Python, Microsoft SQL Server, C#, Firebase, Node.js, Java, HTML5, React, CSS3, Flask, JavaScript, MVC, and REST." />
<meta name="keywords" content="software engineering, software development, software design, software testing, software maintenance, software support, software consultancy, software training, software documentation, software project management, software quality assurance, software process improvement, software configuration management, software requirements engineering, software architecture, software design patterns, software design principles, software testing principles, software testing techniques, software testing tools, software testing automation, software testing manual, software testing exploratory, software testing regression, software testing performance, software testing security, software testing usability, software testing accessibility, software testing compatibility, software testing reliability, software testing maintainability, software testing portability, software testing scalability, software testing test-driven development, software testing behaviour-driven development, software testing acceptance test-driven development, software testing continuous integration, software testing continuous deployment, software testing continuous delivery, software testing continuous monitoring, software testing continuous feedback, software testing continuous improvement, software testing agile, software testing scrum, software testing kanban, software testing lean, software testing waterfall, software testing v-model, software testing spiral, software testing incremental, software testing iterative, software testing adaptive, software testing predictive, software testing hybrid, software testing manual, software testing automated, software testing exploratory, software testing regression, software testing performance, software testing security, software testing usability, software testing accessibility, software testing compatibility, software testing reliability, software testing maintainability, software testing portability, software testing scalability, software testing test-driven development, software testing behaviour-driven development, software testing acceptance test-driven development, software testing continuous integration, software testing continuous deployment, software testing continuous delivery, software testing continuous monitoring, software testing continuous feedback, software testing continuous improvement, software testing agile, software testing scrum, software testing kanban, software testing lean, software testing waterfall, software testing v-model, software testing spiral, software testing incremental, software testing iterative, software testing adaptive, software testing predictive, software testing hybrid, software testing manual, software testing automated, software testing exploratory, software testing regression, software testing performance, software testing security, software testing usability, software testing accessibility, software testing compatibility, software testing reliability, software testing maintainability, software testing portability, software testing scalability, software testing test-driven development, software testing behaviour-driven development, software testing acceptance test-driven development, software testing continuous integration, software testing continuous deployment, software testing continuous delivery, software testing continuous monitoring, software testing continuous feedback, software testing continuous improvement, software testing agile, software testing, MySQL, Python, Microsoft SQL Server, MS SQL Server, C#, Firebase, Node.js, Java, HTML5, React, CSS3, Flask, JavaScript, MVC, REST" />
<link rel="canonical" href="{{ model.get_url_host() }}" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ProfessionalService",
"name": "{{ model.NAME_COMPANY_SHORT }}",
"url": "{{ model.get_url_host() }}",
"logo": "{{ model.get_url_host() }}{{ url_for('static', filename='images/fetch-metrics-logo-LQ.webp') }}",
"description": "Explore our wide range of software engineering services. We specialize in various tech stacks including MySQL, Python, Microsoft SQL Server, C#, Firebase, Node.js, Java, HTML5, React, CSS3, Flask, JavaScript, MVC, and REST.",
"address": {
"@type": "PostalAddress",
"streetAddress": "53 Alfred Green Close",
"addressLocality": "Rugby",
"addressRegion": "Warwickshire",
"postalCode": "CV22 6DN",
"addressCountry": "United Kingdom"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "52.22",
"longitude": "1.16"
},
"openingHours": "Mo,Tu,We,Th,Fr 09:00-17:00",
"priceRange": "$$",
}
</script>
<meta name="yandex-verification" content="4693a824cfda082a" />
<meta id="{{ model.ID_CSRF_TOKEN }}" name="{{ model.FLAG_CSRF_TOKEN }}" content="{{ csrf_token() }}" />
<link rel="preload" as="style" href="{{ url_for('static', filename='dist/css/main.bundle.css') }}" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="{{ url_for('static', filename='dist/css/main.bundle.css') }}"></noscript>
{% block page_head %}{% endblock %} {% block page_head %}{% endblock %}
</head> </head>
<body data-page="{{ model.hash_page_current }}"> <body data-page="{{ model.hash_page_current }}">
<!-- Header --> <div class="topnav">
<header> <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_LOGO }}">
<div class="container"> <img class="{{ model.FLAG_LOGO }}" src="{{ url_for('static', filename='images/fetch-metrics-logo-and-company-name-horizontal-1-link-visited-LQ.webp') }}" alt="Fetch Metrics logo" aria-label="Fetch Metrics logo" tabindex="0"> {# filename='images/fetch-metrics-logo-and-company-name-radial-0.5-link-visited-LQ.webp', 'images/Wisp_LQ.webp' #}
<nav class="navbar">
<div class="{{ model.FLAG_LOGO }}" href="{{ model.HASH_PAGE_HOME }}">{{ model.NAME_COMPANY_SHORT }}</div>
<div class="nav-links">
{% block page_nav_links %}{% endblock %}
</div>
</nav>
</div> </div>
</header> <div class="nav-links">
{% block page_nav_links %}{% endblock %}
</div>
</div>
{% include 'layouts/_shared_header.html' %}
<!-- Body --> <!-- Body -->
<div id="{{ model.ID_PAGE_BODY }}"> <div id="{{ model.ID_PAGE_BODY }}">
@@ -123,8 +85,8 @@
</div> </div>
</footer> </footer>
{% include 'layouts/_shared.html' %} {% include 'layouts/_shared_scripts.html' %}
{% include 'layouts/_shared_dog.html' %} {% include 'layouts/_shared_dog_scripts.html' %}
<script src="{{ url_for('static', filename='dist/js/main.bundle.js') }}"></script> <script src="{{ url_for('static', filename='dist/js/main.bundle.js') }}"></script>
</body> </body>
</html> </html>

View File

@@ -1,104 +1,20 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-GB"> <html lang="en-GB">
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> {% include 'layouts/_shared_head.html' %}
<meta charset="utf-8"/>
<title>{{ model.title }} - DOG</title>
<meta name="description" content="Professional dog training management software for UK trainers. Manage clients, track training sessions, monitor progress, and engage dog owners with our comprehensive SaaS platform. Starting from £15/month." />
<meta name="keywords" content="fetch metrics, fetchmetrics, dog training software, dog trainer management, pet training app, canine training system, dog training business software, professional dog training, UK dog trainers, training session management, dog training records, client management for dog trainers, dog training progress tracking, pet training business tools, dog training scheduling, canine behavior tracking, dog trainer CRM, training appointment booking, dog training client portal, canine training documentation, dog obedience training, puppy training programs, behavioral modification, training milestones, dog training certificates, trainer scheduling, client communication, training homework assignments, progress reports, dog training analytics, British dog training, dog training software UK, professional dog training tools" />
<link rel="canonical" href="{{ model.get_url_host() }}" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ProfessionalService",
"name": "Dog Training",
"url": "{{ model.get_url_host() }}",
"logo": "{{ model.get_url_host() }}{{ url_for('static', filename='images/fetch-metrics-logo-LQ.webp') }}",
"description": "Fetch Metrics - Professional dog training management software for UK trainers. Manage clients, track training sessions, monitor progress, and engage dog owners with our comprehensive SaaS platform. Starting from £15/month.",
"address": {
"@type": "PostalAddress",
"streetAddress": "53 Alfred Green Close",
"addressLocality": "Rugby",
"addressRegion": "Warwickshire",
"postalCode": "CV22 6DN",
"addressCountry": "United Kingdom"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "52.22",
"longitude": "1.16"
},
"openingHours": "Mo,Tu,We,Th,Fr 09:00-17:00",
"priceRange": "$",
}
</script>
<meta name="yandex-verification" content="e8c84f13a578a656" /> <!-- fetch-metrics.co.uk -->
<meta name="yandex-verification" content="054b13bc60fb1625" /> <!-- fetch-metrics.com -->
<meta name="yandex-verification" content="f3c1a9bc28976419" /> <!-- fetchmetrics.co.uk -->
<meta id="{{ model.ID_CSRF_TOKEN }}" name="{{ model.FLAG_CSRF_TOKEN }}" content="{{ csrf_token() }}" />
<link rel="preload" as="style" href="{{ url_for('static', filename='dist/css/main.bundle.css') }}" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="{{ url_for('static', filename='dist/css/main.bundle.css') }}"></noscript>
{% block page_head %}{% endblock %} {% block page_head %}{% endblock %}
</head> </head>
<body data-page="{{ model.hash_page_current }}"> <body data-page="{{ model.hash_page_current }}">
<!-- Header -- >
<header>
<div class="container">
<nav class="navbar">
<div class="{{ model.FLAG_LOGO }}" href="{{ model.HASH_PAGE_HOME }}">{{ model.NAME_COMPANY }}</div>
<div class="nav-links">
{% block page_nav_links %}{% endblock %}
</div>
</nav>
</div>
</header>
-->
<div class="topnav"> <div class="topnav">
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_LOGO }}"> <!-- style="width: 18vw; min-width: 18vw; max-width: 20vw;" --> <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_LOGO }}">
<img class="{{ model.FLAG_LOGO }}" src="{{ url_for('static', filename='images/fetch-metrics-logo-and-company-name-radial-0.5-link-visited-LQ.webp') }}" alt="Fetch Metrics logo" aria-label="Fetch Metrics logo" tabindex="0"> <!-- 'images/Wisp_LQ.webp' --> <img class="{{ model.FLAG_LOGO }}" src="{{ url_for('static', filename='images/fetch-metrics-logo-and-company-name-horizontal-1-link-visited-LQ.webp') }}" alt="Fetch Metrics logo" aria-label="Fetch Metrics logo" tabindex="0"> {# 'images/fetch-metrics-logo-and-company-name-radial-0.5-link-visited-LQ.webp', 'images/Wisp_LQ.webp' #}
</div> </div>
<div class="{{ model.FLAG_CONTAINER }} company-name"> <!-- style="width: 75vw; min-width: 65vw; max-width: 80vw;" --> <div class="{{ model.FLAG_CONTAINER }} company-name">
<h1 class="company-name">{{ model.title }}</h1> {# {{ model.NAME_COMPANY_SHORT }} - #} <h1 class="company-name">{{ model.title }}</h1> {# {{ model.NAME_COMPANY_SHORT }} - #}
</div> </div>
{#
<div class="{{ model.FLAG_CONTAINER }}"> <!-- style="width: 7vw; min-width: 7vw; max-width: 15vw; justify-content: flex-end; " padding-left: 25%; -->
<button id="{{ model.ID_BUTTON_HAMBURGER }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}" tabindex="1" alt="Hamburger menu button" aria-label="Hamburger menu button"></button>
</div>
#}
</div>
<!-- Hamburger navigation menu -->
{% include 'components/common/buttons/_icon_hamburger.html' %}
<div id="{{ model.ID_OVERLAY_HAMBURGER }}" class="{{ model.FLAG_OVERLAY}} {{ model.FLAG_HAMBURGER }} {{ model.FLAG_IS_COLLAPSED }}">
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_HOME }}">Home</a>
</div>
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_CONTACT }}">Contact</a>
</div>
{% if True or model.user.can_admin_dog %}
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_DOG_HOME }}">Dog Home</a>
</div>
{% endif %}
{% if model.user.get_is_logged_in() %}
{#
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_USER_ACCOUNT }}">Account</a>
</div>
#}
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_USER_LOGOUT }}">Logout</a>
</div>
{% else %}
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
<a class="{{ model.FLAG_NAV_USER_LOGIN }}">Login</a>
</div>
{% endif %}
</div> </div>
{% include 'layouts/_shared_header.html' %}
<!-- Body --> <!-- Body -->
<div id="{{ model.ID_PAGE_BODY }}"> <div id="{{ model.ID_PAGE_BODY }}">
@@ -115,8 +31,8 @@
</div> </div>
</div> </div>
{% include 'layouts/_shared.html' %} {% include 'layouts/_shared_scripts.html' %}
{% include 'layouts/_shared_dog.html' %} {% include 'layouts/_shared_dog_scripts.html' %}
<script src="{{ url_for('static', filename='dist/js/main.bundle.js') }}"></script> <script src="{{ url_for('static', filename='dist/js/main.bundle.js') }}"></script>
</body> </body>
</html> </html>

View File

@@ -2,7 +2,7 @@
{% block page_head %} {% block page_head %}
<link rel="stylesheet" href="{{ url_for('static', filename='dist/css/core_contact.bundle.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='dist/css/core_contact.bundle.css') }}">
{% include 'layouts/_shared_project_hub.html' %} {% include 'layouts/_shared_project_hub_scripts.html' %}
{% endblock %} {% endblock %}
{% block page_nav_links %} {% block page_nav_links %}

View File

@@ -2,7 +2,7 @@
{% block page_head %} {% block page_head %}
<link rel="stylesheet" href="{{ url_for('static', filename='dist/css/core_contact.bundle.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='dist/css/core_contact.bundle.css') }}">
{% include 'layouts/_shared_project_hub.html' %} {% include 'layouts/_shared_project_hub_scripts.html' %}
{% endblock %} {% endblock %}
{% block page_nav_links %} {% block page_nav_links %}

View File

@@ -14,8 +14,6 @@
<a href="#{{ model.FLAG_SOCIAL_PROOF }}">Social Proof</a> <a href="#{{ model.FLAG_SOCIAL_PROOF }}">Social Proof</a>
<a href="#{{ model.FLAG_TESTIMONIAL }}">Testimonial</a> <a href="#{{ model.FLAG_TESTIMONIAL }}">Testimonial</a>
<a href="#{{ model.FLAG_EARLY_ACCESS }}">Early Access</a> <a href="#{{ model.FLAG_EARLY_ACCESS }}">Early Access</a>
<!-- <a href="#{{ model.FLAG_FEATURES }}">Features</a>
<a href="#{{ model.FLAG_FAQ }}">FAQs</a> -->
<a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Contact Us</a> <a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Contact Us</a>
{% endblock %} {% endblock %}
@@ -23,7 +21,7 @@
<section class="hero"> <section class="hero">
<div class="{{ model.FLAG_CONTAINER }}"> <div class="{{ model.FLAG_CONTAINER }}">
<div class="hero-content" data-aos="fade-up"> <div class="hero-content" data-aos="fade-up">
<a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">NOW AVAILABLE</a> <a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_SUCCESS }}">NOW AVAILABLE</a>
<h1>Finally, Professional Software Built for Dog Trainers</h1> <h1>Finally, Professional Software Built for Dog Trainers</h1>
<p>Stop losing track of client progress and spending hours on admin. Fetch Metrics helps you track every command, demonstrate real results, and keep clients engaged.</p> <p>Stop losing track of client progress and spending hours on admin. Fetch Metrics helps you track every command, demonstrate real results, and keep clients engaged.</p>
<!-- <a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Get Early Access</a> <!-- <a href="{{ model.HASH_PAGE_CONTACT }}" class="{{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Get Early Access</a>
@@ -93,7 +91,7 @@
<section id="{{ model.FLAG_SOLUTION }}" class="{{ model.FLAG_SOLUTION }}"> <section id="{{ model.FLAG_SOLUTION }}" class="{{ model.FLAG_SOLUTION }}">
<div class="{{ model.FLAG_CONTAINER }}"> <div class="{{ model.FLAG_CONTAINER }}">
<h2 class="section-title text-center">See It In Action</h2> <h2 class="section-title text-center">See It In Action</h2>
<p class="section-subtitle text-center">This isn't vaporware - we've built a working system that professional trainers are already using:</p> <p class="section-subtitle text-center">This isn't just concept software - we've built a working system that professional trainers are already using:</p>
<div class="{{ model.FLAG_CARD }} {{ model.FLAG_SOLUTION }}"> <div class="{{ model.FLAG_CARD }} {{ model.FLAG_SOLUTION }}">
<div class="{{ model.FLAG_CONTAINER }}"> <div class="{{ model.FLAG_CONTAINER }}">
<h3>📝 Command Management</h3> <h3>📝 Command Management</h3>