Implermented front page and set public

src/templates/layout/main.php

@@ -41,7 +41,7 @@ $resource = $resources->getResource($resourceEntry);
 
         <?= $this->section('modal') ?>
 
-        <div class="position-absolute bottom-0 start-50 opacity-25 text-center translate-middle-x">
+        <div class="position-fixed bottom-0 start-50 opacity-25 text-center translate-middle-x">
             <span class="h1">PROTOTYPE / POC</span>
         </div>
 

src/templates/pages/index.php

@@ -5,5 +5,11 @@ $this->layout('layout/main', [ 'resourceEntry' => 'index' ]);
 ?>
 
 <h1>
-    Hello
-</h1>
+    Games
+</h1>
+
+<table id="keyTable" class="w-100 table table-striped">
+    <thead>
+    <th>Name</th>
+    </thead>
+</table>

src/templates/pages/key-manager.php

@@ -87,8 +87,7 @@ $this->layout('layout/main', [ 'resourceEntry' => 'keys' ]);
                 <thead>
                     <tr>
                         <th>Column</th>
-                        <th>Header</th>
-                        <th>Attribute</th>
+                        <th>Header</th>                        <th>Attribute</th>
                     </tr>
                 </thead>
                 <tbody></tbody>
@@ -103,18 +102,25 @@ $this->layout('layout/main', [ 'resourceEntry' => 'keys' ]);
             Share your list
         </h2>
 
-        <label for="share-user-search">Search for a user...</label>
-        <div class="input-group mb-3">
-            <input type="text" class="form-control" id="share-user-search" placeholder="">
-            <button class="btn btn-primary js--adds-user">+ Add</button>
+        <div class="form-check form-switch">
+            <input class="form-check-input" type="checkbox" role="switch" id="public-switch" <?= $list->isPublic() ? "checked" : "" ?>>
+            <label class="form-check-label" for="public-switch">Is public</label>
         </div>
 
-        <h3>Users shared to</h3>
-        <table id="shared-users-table" class="table table-striped w-100">
-            <thead>
-            </thead>
-            <tbody></tbody>
-        </table>
+        <div class="share-content">
+            <label for="share-user-search">Search for a user...</label>
+            <div class="input-group mb-3">
+                <input type="text" class="form-control" id="share-user-search" placeholder="">
+                <button class="btn btn-primary js--adds-user">+ Add</button>
+            </div>
+
+            <h3>Users shared to</h3>
+            <table id="shared-users-table" class="table table-striped w-100">
+                <thead>
+                </thead>
+                <tbody></tbody>
+            </table>
+        </div>
 
     </div>
 </div>