Reorganize XerahS screenshots by operating system

Author: McoreD

xerahs/screenshots.html

@@ -14,7 +14,7 @@ <h1>
 
 <div class="container-screenshots">
     <div class="container">
-        <h3>XerahS</h3>
+        <h3><i class="fa-brands fa-windows"></i> Windows</h3>
         <div class="row">
             <div class="col-sm-3">
                 <a class="thumbnail" data-fancybox="gallery" data-caption="Main Window" href="/xerahs/img/xerahs/main-window.png">
@@ -46,10 +46,6 @@ <h3>XerahS</h3>
                     <img src="/xerahs/img/xerahs/color-picker.png" alt="Color Picker">
                 </a>
             </div>
-        </div>
-
-        <h3 class="mt-4">XerahS Editor</h3>
-        <div class="row">
             <div class="col-sm-3">
                 <a class="thumbnail" data-fancybox="gallery" data-caption="Editor View" href="/xerahs/img/editor/editor-main.png">
                     <img src="/xerahs/img/editor/editor-main.png" alt="Editor View">
@@ -62,7 +58,7 @@ <h3 class="mt-4">XerahS Editor</h3>
             </div>
         </div>
 
-        <h3 class="mt-4">macOS</h3>
+        <h3 class="mt-4"><i class="fa-brands fa-apple"></i> macOS</h3>
         <div class="row">
             <div class="col-sm-3">
                 <a class="thumbnail" data-fancybox="gallery" data-caption="Main Window - macOS" href="/xerahs/img/macos/main-window.png">
@@ -85,6 +81,13 @@ <h3 class="mt-4">macOS</h3>
                 </a>
             </div>
         </div>
+
+        <h3 class="mt-4"><i class="fa-brands fa-linux"></i> Linux</h3>
+        <div class="row">
+            <div class="col-sm-12 text-center">
+                <p class="text-muted" style="padding: 40px 0; font-style: italic;">Screenshots coming soon...</p>
+            </div>
+        </div>
     </div>
 </div>