From 01c8eb3b27a3d0e3a0b45f1bc50c9e0c9b0acdea Mon Sep 17 00:00:00 2001
From: sadorowo <me@sador.me>
Date: Wed, 8 May 2024 20:44:13 +0200
Subject: [PATCH] add: `desktop` command

---
 assets/{ => desktop_screenshots}/1.png | Bin
 assets/{ => desktop_screenshots}/2.png | Bin
 assets/{ => desktop_screenshots}/3.png | Bin
 css/style.css                          |  13 +++++++++++++
 js/commands.js                         |  20 ++++++++++++++++++++
 5 files changed, 33 insertions(+)
 rename assets/{ => desktop_screenshots}/1.png (100%)
 rename assets/{ => desktop_screenshots}/2.png (100%)
 rename assets/{ => desktop_screenshots}/3.png (100%)

diff --git a/assets/1.png b/assets/desktop_screenshots/1.png
similarity index 100%
rename from assets/1.png
rename to assets/desktop_screenshots/1.png
diff --git a/assets/2.png b/assets/desktop_screenshots/2.png
similarity index 100%
rename from assets/2.png
rename to assets/desktop_screenshots/2.png
diff --git a/assets/3.png b/assets/desktop_screenshots/3.png
similarity index 100%
rename from assets/3.png
rename to assets/desktop_screenshots/3.png
diff --git a/css/style.css b/css/style.css
index 693dd74..a31eeb4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -77,4 +77,17 @@ input {
 #switch_theme {
     text-decoration: underline;
     cursor: pointer;
+}
+
+.image-grid {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    gap: 5px;
+}
+
+.image-grid > * {
+    max-width: 50%;
+    max-height: 50%;
 }
\ No newline at end of file
diff --git a/js/commands.js b/js/commands.js
index b309f84..391d202 100644
--- a/js/commands.js
+++ b/js/commands.js
@@ -150,6 +150,26 @@ const COMMANDS = [
 
             return ''
         }
+    },
+    {
+        name: 'desktop',
+        description: 'Show some desktop screenshots',
+        usage: '',
+        usage_examples: [],
+        arguments: [],
+        output: () => {
+            let result = [];
+
+            for (let i = 0; i < 3;) {
+                result.push(`<img src="assets/desktop_screenshots/${++i}.png" alt="Desktop screenshot"/>`)
+            }
+
+            return `
+                <div class="image-grid">
+                    ${result.join('\n')}
+                </div>
+            `
+        }
     }
 ]