swiperfy all posts

up-n-atom · Nov 30, 2024 · 1fcc377 · 1fcc377
1 parent 216c8a7
commit 1fcc377
Show file tree

Hide file tree

Showing 10 changed files with 251 additions and 41 deletions.
diff --git a/docs/javascripts/swiper.js b/docs/javascripts/swiper.js
@@ -11,17 +11,32 @@ const swiper = new Swiper('.swiper', {
   navigation: true,
   on: {
     afterInit: function (swiper) {
+      const zip = (...arrays) => {
+        const length = Math.min(...arrays.map(arr => arr.length));
+        return Array.from({ length }, (value, index) => arrays.map((array => array[index])));
+      };
+
       let stepsElement = this.el.nextElementSibling;
+
       while (!(stepsElement instanceof HTMLOListElement)) {
         stepsElement = stepsElement.nextElementSibling || stepsElement.nextSibling;
       }
-      this.slides.map((el, i) => el.hasAttribute('step') ? el.getAttribute('step') - 1 : i).forEach(function (index) {
+
+      let stepElements = stepsElement.querySelectorAll(':scope > li');
+
+      let steps = this.slides.map((el, i) => el.hasAttribute('step') ? el.getAttribute('step') - 1 : i);
+
+      zip(steps, stepElements).forEach(function (step) {
+        ['click', 'mouseover'].forEach((e) => step[1].addEventListener(e, () => swiper.slideTo(step[0])));
+      });
+
+      /*this.slides.map((el, i) => el.hasAttribute('step') ? el.getAttribute('step') - 1 : i).forEach(function (index) {
         if (index < stepsElement.children.length && stepsElement.children[index] instanceof HTMLLIElement) {
           ['click', 'mouseover'].forEach(function (e) {
             stepsElement.children[index].addEventListener(e, () => swiper.slideTo(index));
           });
         }
-      });
+      });*/
     },
   },
 });
diff --git a/docs/posts/install-8311-community-firmware-on-the-bfw-solutions-was-110.md b/docs/posts/install-8311-community-firmware-on-the-bfw-solutions-was-110.md
@@ -216,12 +216,24 @@ configurations based on your network setup:
 
     === ":simple-ubiquiti: UniFi Dream Machine"
 
+        <div class="swiper" markdown>
+
+        <div class="swiper-slide" markdown>
+
         ![Ubiquity WAN](install-8311-community-firmware-on-the-bfw-solutions-was-110/ubiquity_wan_full.webp)
 
-        1. Set the SFP port as the WAN interface. This is under **Network > Settings > Internet**.
+        </div>
+
+        <div class="swiper-slide" markdown>
 
         ![Ubiquity Static Route](install-8311-community-firmware-on-the-bfw-solutions-was-110/ubiquity_routes_full.webp)
 
+        </div>
+
+        </div>
+
+        1. Set the SFP port as the WAN interface. This is under **Network > Settings > Internet**.
+
         2. Create a static route pointing at the WAN interface. This is under **Network > Settings > Routing > Static Routes**
 
 === "Source NAT"
@@ -429,14 +441,26 @@ The extracted `local-upgrade.tar` includes a <ins>safer</ins> upgrade script in
 
 SSH must be enabled from the web UI prior to running the shell commands.
 
+<div class="swiper" markdown>
+
+<div class="swiper-slide" markdown>
+
 ![WAS-110 login](install-8311-community-firmware-on-the-bfw-solutions-was-110/was_110_azores_login.webp)
 
+</div>
+
+<div class="swiper-slide" markdown>
+
+![WAS-110 services](install-8311-community-firmware-on-the-bfw-solutions-was-110/was_110_azores_services.webp)
+
+</div>
+
+</div>
+
 1. Within a web browser, navigate to
    <https://192.168.11.1/html/main.html#service/servicecontrol>
    and, if asked, input the *admin* [web credentials]{ target="_blank" }.
 
-![WAS-110 services](install-8311-community-firmware-on-the-bfw-solutions-was-110/was_110_azores_services.webp)
-
 2. From the __Service Control__ page, check the __SSH__ checkbox and click __Save__.
 
 ### Upgrade firmware
@@ -511,16 +535,28 @@ Once rebooted, enjoy the labor of love of the 8311 community. As a first step, i
 
     Alternatively, jump to the <ins>safer</ins> [shell upgrade](#shell-upgrade) within this guide.
 
+<div class="swiper" markdown>
+
+<div class="swiper-slide" markdown>
+
 ![WAS-110 login](install-8311-community-firmware-on-the-bfw-solutions-was-110/was_110_azores_login.webp)
 
-1. Within a web browser, navigate to
-   <https://192.168.11.1/html/main.html#admin/upgrade>
-   and, if asked, input the *admin* [web credentials]{ target="_blank" }.
+</div>
+
+<div class="swiper-slide" markdown>
 
 ![WAS-110 firmware upgrade](install-8311-community-firmware-on-the-bfw-solutions-was-110/was_110_azores_upgrade.webp)
 
+</div>
+
+</div>
+
 !!! danger "50/50 chance of soft-bricking the [WAS-110] if proceeded!"
 
+1. Within a web browser, navigate to
+   <https://192.168.11.1/html/main.html#admin/upgrade>
+   and, if asked, input the *admin* [web credentials]{ target="_blank" }.
+
 2. From the __Firmware Upgrade__ page, browse for `local-upgrade.img` from the extracted download, and click
    __Upgrade__.
 

diff --git a/...rade-as-the-att-inc-bgw320-500-505-on-xgs-pon-with-the-bfw-solutions-was-110.md b/...rade-as-the-att-inc-bgw320-500-505-on-xgs-pon-with-the-bfw-solutions-was-110.md
@@ -73,8 +73,28 @@ identifiers are available on the bottom label of the BGW320-500/505, color-coord
 
 ### from the web UI <small>recommended</small> { #from-the-web-ui data-toc-label="from the web UI"}
 
+<div class="swiper" markdown>
+
+<div class="swiper-slide" markdown>
+
 ![WAS-110 login](shared-assets/was_110_luci_login.webp)
 
+</div>
+
+<div class="swiper-slide" markdown>
+
+![WAS-110 8311 configuration](shared-assets/was_110_luci_config.webp)
+
+</div>
+
+<div class="swiper-slide" markdown>
+
+![WAS-110 8311 configuration ISP Fixes](shared-assets/was_110_luci_config_fixes.webp)
+
+</div>
+
+</div>
+
 1. Within a web browser, navigate to
    <https://192.168.11.1/cgi-bin/luci/admin/8311/config>
    and, if asked, input your <em>root</em> password.
@@ -83,8 +103,6 @@ identifiers are available on the bottom label of the BGW320-500/505, color-coord
         All `http://` URLs will redirect to `https://` unless the `8311_https_redirect` environment variable is set to
         0 or false.
 
-![WAS-110 8311 configuration](shared-assets/was_110_luci_config.webp)
-
 2. From the __8311 Configuration__ page, on the __PON__ tab, fill in the configuration with the following values:
 
     !!! reminder
@@ -115,8 +133,6 @@ identifiers are available on the bottom label of the BGW320-500/505, color-coord
         | Software Version B         | BGW320_4.27.7           |              | [Version listing]       |
         | MIB File                   | /etc/mibs/prx300_1U.ini | :check_mark: | PPTP i.e. default value |
 
-![WAS-110 8311 configuration ISP Fixes](shared-assets/was_110_luci_config_fixes.webp)
-
 3. From the __8311 Configuration__ page, on the __ISP Fixes__ tab, enable __Fix VLANs__ from the drop-down.
 
 4. __Save__ changes and reboot from the __System__ menu.

diff --git a/...masquerade-as-the-bce-inc-giga-hub-on-xgs-pon-with-the-bfw-solutions-was-110.md b/...masquerade-as-the-bce-inc-giga-hub-on-xgs-pon-with-the-bfw-solutions-was-110.md
@@ -29,17 +29,29 @@ and the more comprehensive [XMO API client](#with-a-xmo-client).
 
 ### with the web UI <small>recommended</small> { #with-the-web-ui data-toc-label="with the web UI" }
 
+<div class="swiper" markdown>
+
+<div class="swiper-slide" markdown>
+
 ![Giga Hub Administrator login prompt](masquerade-as-the-bce-inc-giga-hub-on-xgs-pon-with-the-bfw-solutions-was-110/giga_hub_login.webp)
 
+</div>
+
+<div class="swiper-slide" markdown>
+
+![Giga Hub WAN mode](masquerade-as-the-bce-inc-giga-hub-on-xgs-pon-with-the-bfw-solutions-was-110/giga_hub_wan_mode.webp)
+
+</div>
+
+</div>
+
 1. Within a web browser, navigate to
    <https://home/?c=advancedtools/wan>
    and, if asked, input your Administrator password. (1)
    { .annotate }
 
     1. The default Administrator password is located on the back [label] of the Giga Hub.
 
-![Giga Hub WAN mode](masquerade-as-the-bce-inc-giga-hub-on-xgs-pon-with-the-bfw-solutions-was-110/giga_hub_wan_mode.webp)
-
 2. From the __WAN__ page, verify the displayed __current mode__ is XGS-PON.
 
 ### with a XMO client
@@ -108,8 +120,28 @@ identifiers are available on the back label of the Giga Hub, color-coordinated i
 
 ### from the web UI <small>recommended</small> { #from-the-web-ui data-toc-label="from the web UI"}
 
+<div class="swiper" markdown>
+
+<div class="swiper-slide" markdown>
+
 ![WAS-110 login](shared-assets/was_110_luci_login.webp)
 
+</div>
+
+<div class="swiper-slide" markdown>
+
+![WAS-110 8311 configuration](shared-assets/was_110_luci_config.webp)
+
+</div>
+
+<div class="swiper-slide" markdown>
+
+![WAS-110 8311 configuration ISP Fixes](shared-assets/was_110_luci_config_fixes.webp)
+
+</div>
+
+</div>
+
 1. Within a web browser, navigate to
    <https://192.168.11.1/cgi-bin/luci/admin/8311/config>
    and, if asked, input your <em>root</em> password.
@@ -118,8 +150,6 @@ identifiers are available on the back label of the Giga Hub, color-coordinated i
         All `http://` URLs will redirect to `https://` unless the `8311_https_redirect` environment variable is set to
         0 or false.
 
-![WAS-110 8311 configuration](shared-assets/was_110_luci_config.webp)
-
 2. From the __8311 Configuration__ page, on the __PON__ tab, fill in the configuration with the following values:
 
     !!! reminder
@@ -137,8 +167,6 @@ identifiers are available on the back label of the Giga Hub, color-coordinated i
     | MIB File                   | /etc/mibs/prx300_1V_bell.ini | :check_mark: | VEIP and more                   |
     | IP Host MAC Address        | 40:65:A3:FF:A7:B1            |              | :purple_circle: @MAC + 1        |
 
-![WAS-110 8311 configuration ISP Fixes](shared-assets/was_110_luci_config_fixes.webp)
-
 3. From the __8311 Configuration__ page, on the __ISP Fixes__ tab, enable __Fix VLANs__ from the drop-down.
 
 4. __Save__ changes and reboot from the __System__ menu.

diff --git a/...erade-as-the-bce-inc-home-hub-4000-on-xgs-pon-with-the-bfw-solutions-was-110.md b/...erade-as-the-bce-inc-home-hub-4000-on-xgs-pon-with-the-bfw-solutions-was-110.md
@@ -35,17 +35,29 @@ switcheroo and the more comprehensive [XMO API client](#with-a-xmo-client).
 
 !!! info "Firmware version __1.7.11__ removed the helpful auto-detected mode output"
 
+<div class="swiper" markdown>
+
+<div class="swiper-slide" markdown>
+
 ![Home Hub 4000 Administrator login prompt](masquerade-as-the-bce-inc-home-hub-4000-on-xgs-pon-with-the-bfw-solutions-was-110/home_hub_4000_login.webp)
 
+</div>
+
+<div class="swiper-slide" markdown>
+
+![Home Hub 4000 WAN mode](masquerade-as-the-bce-inc-home-hub-4000-on-xgs-pon-with-the-bfw-solutions-was-110/home_hub_4000_wan_mode.webp)
+
+</div>
+
+</div>
+
 1. Within a web browser, navigate to
    <https://home/?c=advancedtools/wan>
    and, if asked, input your Administrator password. (1)
    { .annotate }
 
     1. The default Administrator password is located on the back [label] of the Home Hub 4000.
 
-![Home Hub 4000 WAN mode](masquerade-as-the-bce-inc-home-hub-4000-on-xgs-pon-with-the-bfw-solutions-was-110/home_hub_4000_wan_mode.webp)
-
 2. From the __WAN mode__ drop-down, switch from `AUTO` to `XGS-PON` and click __Save__.
 
 If your internet access doesn't drop out, you're subscribed on XGS-PON.
@@ -116,8 +128,28 @@ identifiers are available on the back label of the Home Hub 4000, color-coordina
 
 ### from the web UI <small>recommended</small> { #from-the-web-ui data-toc-label="from the web UI"}
 
+<div class="swiper" markdown>
+
+<div class="swiper-slide" markdown>
+
 ![WAS-110 login](shared-assets/was_110_luci_login.webp)
 
+</div>
+
+<div class="swiper-slide" markdown>
+
+![WAS-110 8311 configuration](shared-assets/was_110_luci_config.webp)
+
+</div>
+
+<div class="swiper-slide" markdown>
+
+![WAS-110 8311 configuration ISP Fixes](shared-assets/was_110_luci_config_fixes.webp)
+
+</div>
+
+</div>
+
 1. Within a web browser, navigate to
    <https://192.168.11.1/cgi-bin/luci/admin/8311/config>
    and, if asked, input your <em>root</em> password.
@@ -126,8 +158,6 @@ identifiers are available on the back label of the Home Hub 4000, color-coordina
         All `http://` URLs will redirect to `https://` unless the `8311_https_redirect` environment variable is set to
         0 or false.
 
-![WAS-110 8311 configuration](shared-assets/was_110_luci_config.webp)
-
 2. From the __8311 Configuration__ page, on the __PON__ tab, fill in the configuration with the following values:
 
     !!! reminder
@@ -145,8 +175,6 @@ identifiers are available on the back label of the Home Hub 4000, color-coordina
     | MIB File                   | /etc/mibs/prx300_1V_bell.ini | :check_mark: | VEIP and more                   |
     | IP Host MAC Address        | 40:65:A3:FF:A7:B1            |              | :purple_circle: @MAC + 1        |
 
-![WAS-110 8311 configuration ISP Fixes](shared-assets/was_110_luci_config_fixes.webp)
-
 3. From the __8311 Configuration__ page, on the __ISP Fixes__ tab, enable __Fix VLANs__ from the drop-down.
 
 4. __Save__ changes and reboot from the __System__ menu.

diff --git a/...erade-as-the-frontier-comms-inc-fox222-frx523-with-the-bfw-solutions-was-110.md b/...erade-as-the-frontier-comms-inc-fox222-frx523-with-the-bfw-solutions-was-110.md
@@ -50,8 +50,22 @@ identifiers are available on the back label of the FOX222 or FRX523, color-coord
 
 ### from the web UI <small>recommended</small> { #from-the-web-ui data-toc-label="from the web UI"}
 
+<div class="swiper" markdown>
+
+<div class="swiper-slide" markdown>
+
 ![WAS-110 login](shared-assets/was_110_luci_login.webp)
 
+</div>
+
+<div class="swiper-slide" markdown>
+
+![WAS-110 8311 configuration](shared-assets/was_110_luci_config.webp)
+
+</div>
+
+</div>
+
 1. Within a web browser, navigate to
    <https://192.168.11.1/cgi-bin/luci/admin/8311/config>
    and, if asked, input your <em>root</em> password.
@@ -60,8 +74,6 @@ identifiers are available on the back label of the FOX222 or FRX523, color-coord
         All `http://` URLs will redirect to `https://` unless the `8311_https_redirect` environment variable is set to
         0 or false.
 
-![WAS-110 8311 configuration](shared-assets/was_110_luci_config.webp)
-
 2. From the __8311 Configuration__ page, on the __PON__ tab, fill in the configuration with the following values:
 
     !!! reminder

diff --git a/...querade-as-the-orange-sa-livebox-7-on-xgs-pon-with-the-bfw-solutions-was-110.md b/...querade-as-the-orange-sa-livebox-7-on-xgs-pon-with-the-bfw-solutions-was-110.md
@@ -62,8 +62,22 @@ identifiers are available from the web UI or the bottom label of the Livebox 7.
 
 ### from the web UI <small>recommended</small> { #from-the-web-ui data-toc-label="from the web UI"}
 
+<div class="swiper" markdown>
+
+<div class="swiper-slide" markdown>
+
 ![WAS-110 login](shared-assets/was_110_luci_login.webp)
 
+</div>
+
+<div class="swiper-slide" markdown>
+
+![WAS-110 8311 configuration](shared-assets/was_110_luci_config.webp)
+
+</div>
+
+</div>
+
 1. Within a web browser, navigate to
    <https://192.168.11.1/cgi-bin/luci/admin/8311/config>
    and, if asked, input your <em>root</em> password.
@@ -72,8 +86,6 @@ identifiers are available from the web UI or the bottom label of the Livebox 7.
         All `http://` URLs will redirect to `https://` unless the `8311_https_redirect` environment variable is set to
         0 or false.
 
-![WAS-110 8311 configuration](shared-assets/was_110_luci_config.webp)
-
 2. From the __8311 Configuration__ page, on the __PON__ tab, fill in the configuration with the following values:
 
     !!! reminder