Save login for server and view last 20 screenshots

3 files changed, 29 insertions, 7 deletions

diff --git a/assets/index.css b/assets/index.css
index 97845c5..6d21d66 100644
--- a/assets/index.css
+++ b/assets/index.css
@@ -192,12 +192,6 @@ html, body {
 }
 .sidebarItem > .colapse > div > svg {
   margin-right: 4pt;
-  color: magenta;
-}
-
-.sidebarItem > .colapse > div.selected > svg {
-  margin-right:4pt;
-  color: red;
 }
 
 #contentBackground {
@@ -302,3 +296,31 @@ html, body {
 #activity.error {
   color:red;
 }
+#screenshots {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+}
+
+#screenshots > .nothingHere {
+  padding:3pt;
+  margin:6pt;
+  background: rgba(0, 0, 0, 0.6);
+  border-radius: 2pt;
+}
+
+.screenshot {
+  padding:5pt;
+  margin:6pt;
+  border-radius: 5pt;
+  background: rgba(0, 0, 0, 0.6);
+  width: fit-content;
+  box-shadow: 0 0 0 2pt #916d38,
+   0 0 0 3pt #e8c067,
+   0 0 0 4pt #ac7d36;
+}
+
+.screenshot > img {
+  max-width: 150pt;
+  border-radius: 2pt;
+}
diff --git a/assets/index.html b/assets/index.html
index d651178..f1f6a5f 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -29,7 +29,7 @@
         <div class="footer">
           <div id="activity"></div>
           <button id="play">Play</button>
-          <span>Logged in as <b>LawnCable</b></span>
+          <span id="LoginText"></span>
           <progress id="progress" value="0" max="100"></progress>
         </div>
       </div>
diff --git a/assets/media/screenshot.png b/assets/media/screenshot.png
new file mode 100644
index 0000000..0b06bd9
--- /dev/null
+++ b/assets/media/screenshot.png