begin

2025-09-06 20:26:07 -05:00
parent 7194b48b14
commit eff0c160a5
47 changed files with 2470 additions and 254 deletions
--- a/ui/public/index.css
+++ b/ui/public/index.css
@@ -0,0 +1,143 @@
+.card-header {
+    padding: 2vw;
+}
+
+.card-content {
+    padding: 2vw;
+}
+
+.card-footer {
+    padding: 10px 10px 3vw;
+    display: flex;
+    justify-content: center;
+    font-size: 1.2em;
+}
+
+.card a {
+    background: #af936226;
+    margin-right: 10px;
+}
+
+.card-image figure {
+    margin: 0;
+    padding: 0;
+}
+
+p {
+    font-size: 1.2em;
+}
+
+.card {
+    width: 40vw;
+    border: 1px solid var(--green);
+}
+
+
+.card-image img {
+    width: 100%;
+    height: 40vh;
+    object-fit: cover;
+    display: block;
+}
+
+.grid-container {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 5vw;
+    max-width: 90vw;
+    margin-top: 20vh;
+    margin-left: 5vw;
+    margin-bottom: 5vw
+}
+
+@font-face {
+    font-family: 'CrimsonText';
+    src: url('/_/CrimsonText/CrimsonText-Regular.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'CrimsonText';
+    src: url('/_/CrimsonText/CrimsonText-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@media screen and (max-width: 600px){
+    .card a {
+        background: var(--green);
+        margin-right: 10px;
+    }
+
+    body {
+        font-family: 'CrimsonText', sans-serif;
+        background-color: var(--tan);
+        color: var(--green);
+    }
+
+    :root {
+        --green: #0B5538;
+        --tan: #FFDFB4;
+    }
+
+    .card-image img {
+        height: 70vh;
+    }
+
+    .card {
+        margin-bottom: 4vw;
+        padding-bottom: 4vw;
+        width: auto;
+    }
+
+    .content a {
+        background: var(--green);
+        color: var(--tan);
+        border-radius: 6px;
+        padding: 1vw;
+    }
+
+    .card-footer-item {
+        background: var(--green);
+        color: var(--tan);
+        border-radius: 6px;
+        padding: 1vw;
+        margin-right: 1vw;
+        text-decoration: none;
+    }
+
+    .card-header {
+        padding: 2vw;
+    }
+
+    .card-content {
+        padding: 2vw;
+    }
+
+    .card-image {
+        margin: 0; /* Removes spacing around image container */
+        padding: 0;
+    }
+
+    .card-image figure {
+        margin: 0;
+        padding: 0;
+    }
+
+    .card-footer {
+        padding: 10px 10px 10px 2vw;
+        font-size: 1.2em;
+        display: flex;
+        justify-content: center;
+    }
+
+    .grid-container {
+        display: grid;
+        grid-template-columns: repeat(1, 1fr);
+        gap: 5vw;
+        max-width: 90vw;
+        margin-left: auto;
+        margin-right: auto;
+    }
+}