added proper styling for website images

dev.toml

@@ -2,4 +2,4 @@
 Port = 1234
 
 [Template]
-ActiveCard = "stores"
+ActiveCard = "websites"

frontend/assets/style.css

@@ -76,6 +76,7 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
+    justify-content: space-around;
     color: black;
     gap: 1em;
     padding: 1em;
@@ -91,6 +92,10 @@ body {
     background-color: rgba(125, 255, 125, 0.5);
 }
 
+.card h3 {
+    margin: 0;
+}
+
 
 .card-image {
     width: 100%;

frontend/index.html

@@ -36,6 +36,17 @@
                 {{- end }}
             </div>
             {{ end }}
+
+            {{ if eq .ActiveCard "websites" }}
+            <div class="cards" id="websites">
+                {{range $Website := .Websites }}
+                <a target="_blank" href="{{ $Website.Url }}" class="card">
+                    <h3>{{ $Website.Name }}</h3>
+                    <img class="card-image" src="{{ $Website.ImageUrl }}" alt="{{ $Website.Name }} picture">
+                </a>
+                {{- end }}
+            </div>
+            {{ end }}
         </form>
 
         <script>