change templates

kontor-gin/templates/pages/mediaactors.html

@@ -5,10 +5,37 @@
 
     <body>
         {{ template "navbar" . }}
-        <div>
-            <h1>{{ .message }}</h1>
-        </div>
-        {{ template "footer" . }}
+        <main>
+            <div class="row">
+                <div class="col-md-8">
+                    <h1>Media Actors</h1>
+                    <p>Hier steht der wesentliche Inhalt der Seite.</p>
+                </div>
+                <div class="col-md-4">
+                    <aside class="bg-light p-3">
+                        <h3>Seitenbereich</h3>
+                        <p>Optionale Sidebar oder Zusatzinformationen.</p>
+                    </aside>
+                </div>
+            </div>
+            <div class="row">
+                <form class="form-inline" action="/web/actors">
+                    <input type="text" placeholder="Search" name="query">
+                    <button type="submit">Search</button>
+                    <div class="pill-nav"><a href="/web/actors/add">Add Lofi</a></div>
+                </form>
+            </div>
+            <div class="row">
+                {{ range .actors }}
+                    <div class="card shadow p-3 mb-2 bg-body rounded" style="width: 18rem;">
+                        <div class="card-body">
+                            <h5 class="card-title">{{.Name}}</h5>
+                            <a href="/web/actors/{{.ID}}" class="btn btn-primary">Read more</a>
+                        </div>
+                    </div>
+                {{ end }}
+            </div>
+        </main>
     </body>
 </html>
 {{ end }}