change template

cmd/server/api/templates/index.html

@@ -12,19 +12,22 @@
     <nav class="navbar navbar-light bg-light">
         <span style="margin-left: 1rem;" class="navbar-brand mb-0 h1">DownloadHub</span>
     </nav>
+    <div style="width: 100%; height: 20rem; background-color: #f2f2f2; display: flex; justify-content: center; align-items: center;">
+        <h1>DownloadHub</h1>
+    </div>
     <div class="container" style="margin-top: 1rem;">
-        {{range .}}
-        <div class="row">
-            <div class="col-3">
-                <img width="100%" src="{{index .ScreenshotURLs 0}}" />
+        {{ range . }}
+        <div class="card" style="width: 18rem;">
+            {{ if .ScreenshotURLs }}
+            <img src="{{ index .ScreenshotURLs 0 }}" class="card-img-top">
+            {{ end }}
+            <div class="card-body">
+                <h5 class="card-title">{{ .Name }}</h5>
+                <p class="card-text">{{ .Description }}</p>
+                <a href="/d/{{ .Slug }}" class="btn btn-primary">More info</a>
             </div>
-            <div  class="col">
-                <h2><a href="/d/{{.UUID}}">{{.Name}}</a></h2>
-                <p>{{.Description}}</p>
-            </div>
-            <hr style="margin-top: 1rem;" />
         </div>
-        {{end}}
+        {{ end }}
     </div>
 </body>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"