Feat(SQL, UI): Logic for Get-Many SQL Stored Procedures refactored to use Calc Stored Procedures and Dog Command Links page styling improved.

static/css/pages/core/admin_home.css

@@ -0,0 +1,7 @@
+#pageBody > .card:first-of-type {
+    width: min(80vw, 500px);
+}
+
+.container.row {
+    width: auto;
+}

static/css/pages/core/contact.css

@@ -1,129 +0,0 @@
-
-.contact-section {
-    padding: 2rem 2rem 4rem;
-}
-
-.command {
-    max-width: 60vw;
-    width: fit-content;
-    margin: 0 auto;
-    background: #fff;
-    padding: 2rem;
-    border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-}
-.command textarea {
-    max-width: 40vw;
-}
-
-.form-grid {
-    display: grid;
-    grid-template-columns: 200px 1fr;
-    gap: 1.5rem;
-    margin-bottom: 1rem;
-}
-.form-label {
-    padding-top: 0.5rem;
-    font-weight: 500;
-}
-.form-input {
-    width: 100%;
-    padding: 0.5rem;
-    border: 1px solid #d1d5db;
-    border-radius: 4px;
-    font-size: 1rem;
-}
-textarea.form-input {
-    min-height: 120px;
-}
-
-.marketing-consent input {
-    display: inline-block;
-    margin-left: 20%;
-    margin-bottom: 1.25rem;
-}
-
-.container.captcha > div:first-child > label:first-child {
-    display: flex;
-    justify-content: center;
-    width: fit-content;
-    text-align: center;
-    margin: 0 auto;
-}
-.container.captcha > p:last-child{
-    font-size: 0.9rem;
-    margin: 1vh 0;
-}
-.container.captcha .altcha-main {
-    padding-left: 1rem;
-    padding-top: 0.75rem;
-    padding-bottom: 0;
-}
-.container.captcha .altcha-main > :last-child {
-    display: none;
-}
-.container.captcha .altcha,
-altcha-widget > div:first-child,
-.container.captcha > div > .altcha-widget > div {
-    width: fit-content;
-    display: flex;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-input[type="submit"] {
-    margin-left: 40%;
-    padding: 0.75rem 1.5rem;
-    background: #2563eb;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 1rem;
-}
-
-input[type="submit"]:hover {
-    background: #1d4ed8;
-}
-
-.data-notice {
-    margin-top: 3rem;
-    padding: 1.5rem;
-    background: #f3f4f6;
-    border-radius: 4px;
-    font-size: 0.95rem;
-}
-
-.data-notice h3 {
-    margin-bottom: 1rem;
-    font-size: 1.1rem;
-}
-
-.data-notice ul li {
-    list-style-position: inside;
-}
-
-@media (max-width: 768px) {
-    .command {
-        max-width: 80vw;
-    }
-    .command textarea {
-        max-width: 60vw;
-    }
-    .form-grid {
-        grid-template-columns: 1fr;
-        gap: 0.5rem;
-    }
-
-    .form-label {
-        padding-top: 0;
-    }
-
-    .submit-button {
-        margin-left: 0;
-        width: 100%;
-    }
-}
-
-@media (max-width: 400px) {
-}

static/css/pages/core/home.css

@@ -1,25 +1,32 @@
 
 /* Hero Section */
-.hero {
+.home-hero {
     padding: 8rem 0 4rem;
-    background: linear-gradient(45deg, #f8fafc, #eff6ff);
+    align-self: center;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 .hero-content {
     max-width: 600px;
 }
 
-.hero h1 {
+.home-hero h2 {
     font-size: 3rem;
     line-height: 1.2;
     margin-bottom: 1.5rem;
-    color: var(--text);
+    color: var(--colour-text);  
+    margin-left: auto;
+    margin-right: auto;
 }
 
-.hero p {
+.home-hero a {
     font-size: 1.25rem;
     margin-bottom: 2rem;
-    color: var(--subheading);
+    color: var(--colour-text-background);
+    cursor: pointer;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 /* Services Section */