Add genshots.js and Update screenshots

Author: smashedr

genshots.js

@@ -0,0 +1,19 @@
+const baseDir = './screenshots'
+
+const fs = require('fs')
+const files = []
+fs.readdirSync(baseDir).forEach((file) => {
+    files.push(file)
+})
+console.log(files)
+
+const file = fs.createWriteStream('./js/vars.js')
+file.on('error', function (err) {
+    console.error('err', err)
+})
+file.write('const screenShots = [\n')
+files.forEach(function (x) {
+    file.write(`    '${x}',\n`)
+})
+file.write(']\n')
+file.end()

js/main.js

@@ -1,12 +1,12 @@
-$(document).ready(function () {
-
-    // // Open Links in New Window
-    // $('a').each(function() {
-    //     $(this).click(function (event) {
-    //         event.preventDefault();
-    //         event.stopPropagation();
-    //         window.open(this.href, '_blank');
-    //     });
-    // });
-
-})
+// $(document).ready(function () {
+//
+//     // // Open Links in New Window
+//     // $('a').each(function() {
+//     //     $(this).click(function (event) {
+//     //         event.preventDefault();
+//     //         event.stopPropagation();
+//     //         window.open(this.href, '_blank');
+//     //     });
+//     // });
+//
+// })

js/screenshots.js

@@ -1,31 +1,6 @@
 // JS for screenshots.html
 
 const baseDir = 'screenshots/'
-const screenShots = [
-    '01_Login.png',
-    '02_Home.png',
-    '03_Stats.png',
-    '04_Gallery.png',
-    '05_Upload.png',
-    '06_Files.png',
-    '07_Files-delete-click.png',
-    '08_Files-delete-deleted.png',
-    '09_Shorts.png',
-    '10_Shorts-create.png',
-    '11_Shorts-delete-click.png',
-    '12_Shorts-delete-deleted.png',
-    '13_Settings.png',
-    '14_Settings-save-settings.png',
-    '15_Settings-flush-cache.png',
-    '16_Preview-gps2.jpg.png',
-    '17_Raw-gps2.jpg.png',
-    '18_Preview-README.md.png',
-    '19_Preview-requirements.txt.png',
-    '20_Preview-main.html.png',
-    '21_Preview-home_tags.py.png',
-    '22_Preview-an225.jpg.png',
-    '23_logout.png',
-]
 
 const shotsEl = document.getElementById('swiper-shots')
 const thumbsEl = document.getElementById('swiper-thumbs')

js/vars.js

@@ -0,0 +1,27 @@
+const screenShots = [
+    '01_Login.png',
+    '02_Home.png',
+    '04_Files.png',
+    '05_Files-file-context-dropdown.png',
+    '06_Files-delete-click.png',
+    '07_Shorts.png',
+    '08_Shorts-create.png',
+    '09_Shorts-delete-click.png',
+    '10_Shorts-delete-deleted.png',
+    '11_Stats.png',
+    '12_Settings-User.png',
+    '13_Settings-User-save-settings.png',
+    '14_Settings-delete-click.png',
+    '15_Settings-delete-deleted.png',
+    '16_Public-disabled-redirect.png',
+    '17_Settings-Site-save-settings.png',
+    '18_Settings-Site-flush-cache.png',
+    '20_Public-enabled.png',
+    '21_Preview-gps2.jpg.png',
+    '23_Preview-README.md.png',
+    '27_Preview-an225.jpg.png',
+    '29_Site Settings with Global Quota Near Full.png',
+    '30_Upload Failed by Global Quota.png',
+    '31_File-password.png',
+    '32_Logout.png',
+]

screenshots.html

@@ -39,6 +39,7 @@
 </div>
 
 <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
+<script type="text/javascript" src="/js/vars.js"></script>
 <script type="text/javascript" src="/js/screenshots.js"></script>
 
 </body>