Updated

Updated random render script.

Added a new render category (miku). Choice is currently hard-coded.

Added 50 renders for miku category.

Bumped v1 & v4 version strings.

public/js/render.js

@@ -1,7 +1,11 @@
 /* global page, swal */
 
-page.renderRoot = 'render/al/'
+page.renderType = 'miku'
-page.renderArray = [
+page.renderConfig = {
+  al: {
+    name: 'ship waifu~',
+    root: 'render/al/',
+    array: [
       'admiral_graf_spee_1.png',
       'admiral_hipper_1.png',
       'akagi_1.png',
@@ -41,6 +45,19 @@ page.renderArray = [
       'yamashiro_3.png',
       'yukikaze_1.png'
     ]
+  },
+  miku: {
+    name: 'miku ❤️~',
+    root: 'render/miku/',
+    array: []
+  }
+}
+
+// miku: Generate an array of file names from 001.png to 050.png
+for (let i = 1; i <= 50; i++)
+  page.renderConfig.miku.array.push(`${('00' + i).slice(-3)}.png`)
+
+page.config = null
 page.render = null
 
 page.doRenderSwal = function () {
@@ -50,7 +67,7 @@ page.doRenderSwal = function () {
       <div class="control">
         <label class="checkbox">
           <input id="swalRender" type="checkbox" ${localStorage.render === '0' ? '' : 'checked'}>
-          Enable random render of ship waifu~
+          Enable random render of ${page.config.name}
         </label>
       </div>
       <p class="help">If disabled, you will still be able to see a small button on the bottom right corner of the screen to re-enable it.</p>
@@ -67,7 +84,7 @@ page.doRenderSwal = function () {
     const newValue = div.querySelector('#swalRender').checked ? undefined : '0'
     if (newValue !== localStorage.render) {
       newValue ? localStorage.render = newValue : localStorage.removeItem('render')
-      swal('Success!', `Render is now ${newValue ? 'disabled' : 'enabled'}.`, 'success')
+      swal('Success!', `Random render is now ${newValue ? 'disabled' : 'enabled'}.`, 'success')
       const element = document.querySelector('body > .render')
       element.remove()
       page.doRender()
@@ -83,21 +100,22 @@ page.getRenderVersion = function () {
 }
 
 page.doRender = function () {
-  if (!page.renderRoot || !page.renderArray || !page.renderArray.length) return
+  page.config = page.renderConfig[page.renderType]
+  if (!page.config || !page.config.array.length) return
 
   let element
   if (localStorage.render === '0') {
     element = document.createElement('a')
     element.className = 'button is-breeze is-hidden-mobile'
-    element.title = 'ship waifu~'
+    element.title = page.config.name
     element.innerHTML = '<i class="icon-picture-1"></i>'
   } else {
     // Let us just allow people to get new render when toggling the option
-    page.render = page.renderArray[Math.floor(Math.random() * page.renderArray.length)]
+    page.render = page.config.array[Math.floor(Math.random() * page.config.array.length)]
     element = document.createElement('img')
-    element.alt = element.title = 'ship waifu~'
+    element.alt = element.title = page.config.name
     element.className = 'is-hidden-mobile'
-    element.src = `${page.renderRoot}${page.render}${page.getRenderVersion()}`
+    element.src = `${page.config.root}${page.render}${page.getRenderVersion()}`
   }
 
   element.classList.add('render')

views/_globals.njk

@@ -16,10 +16,10 @@
   v3: CSS and JS files (libs such as bulma, lazyload, etc).
   v4: Renders in /public/render/* directories (to be used by render.js).
 #}
-{% set v1 = "eM2nmzS5jf" %}
+{% set v1 = "S3TAWpPeFS" %}
 {% set v2 = "hiboQUzAzp" %}
 {% set v3 = "RpD2narcvz" %}
-{% set v4 = "43gxmxi7v8" %}
+{% set v4 = "S3TAWpPeFS" %}
 
 {#
   These will be the links in the homepage and the No-JS uploader.