Removed webRoot variable as it's now automatic

.github/workflows/run-spec-on-push.yaml

@@ -1,11 +1,12 @@
-name: build
+name: Build and Run Specifications
+
 on: [push]
+
 jobs:
   build:
-    name: Run Specifications
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4    #see: https://github.com/actions/checkout/releases
+      - uses: actions/setup-node@v4  #see: https://github.com/actions/setup-node/releases
       - run: npm install
       - run: npm test

README.md

@@ -6,7 +6,7 @@ _The one-click backup utility_
 [![License:GPLv3](https://img.shields.io/badge/License-GPL%20v3-blue.svg)](https://github.com/snap-backup/snapbackup/blob/main/LICENSE.txt)
  
  
-[![Build](https://github.com/snap-backup/snapbackup/workflows/build/badge.svg)](https://github.com/snap-backup/snapbackup/actions/workflows/run-spec-on-push.yaml)
+[![Build](https://github.com/snap-backup/snapbackup/actions/workflows/run-spec-on-push.yaml/badge.svg)](https://github.com/snap-backup/snapbackup/actions/workflows/run-spec-on-push.yaml)
 
 Snap Backup ([snapbackup.org](https://snapbackup.org)) is a utility for individual computer users
 who need a simple and convenient way to backup their valuable files.

package.json

@@ -63,9 +63,9 @@
    },
    "devDependencies": {
       "@fortawesome/fontawesome-free": "~6.5",
-      "add-dist-header": "~1.3",
+      "add-dist-header": "~1.4",
       "browser-sync": "~3.0",
-      "copy-file-util": "~1.1",
+      "copy-file-util": "~1.2",
       "copy-folder-util": "~1.1",
       "dna-engine": "~3.1",
       "hamburger-menu": "~0.6",
@@ -76,7 +76,7 @@
       "rimraf": "~5.0",
       "run-scripts-util": "~1.2",
       "uglify-js": "~3.17",
-      "w3c-html-validator": "~1.6",
+      "w3c-html-validator": "~1.7",
       "web-ignition": "~2.1"
    }
 }

website/root/about/index.html

@@ -1,5 +1,4 @@
-{% assign webRoot = '..' %}
-{% render 'website/templates/page-begin.html', webRoot: webRoot, pageTitle: 'About' %}
+{% render 'website/templates/page-begin.html', pageTitle: 'About' %}
 
 <main data-menu=about>
 
@@ -58,4 +57,4 @@ <h2>About</h2>
 
 </main>
 
-{% render 'website/templates/page-end.html', webRoot: webRoot %}
+{% render 'website/templates/page-end.html' %}

website/root/download/index.html

@@ -1,5 +1,4 @@
-{% assign webRoot = '..' %}
-{% render 'website/templates/page-begin.html', webRoot: webRoot, pageTitle: 'Download' %}
+{% render 'website/templates/page-begin.html', pageTitle: 'Download' %}
 {% assign releaseUrl    = pkg.homepage | append: '/raw/main/releases' %}
 {% assign macExtension  = '.pkg' %}
 {% assign winExtension  = '.msi' %}
@@ -90,7 +89,7 @@ <h2>Download</h2>
       <aside>
          <b>Languages Included:</b>
          <p class=language-flags>
-            {% render 'website/templates/languages-icons.html', webRoot: webRoot %}
+            {% render 'website/templates/languages-icons.html' %}
          </p>
          <p>
             When you first run Snap<br>Backup, click the flag for<br>the language you desire.
@@ -118,4 +117,4 @@ <h3>Getting started</h3>
 
 </main>
 
-{% render 'website/templates/page-end.html', webRoot: webRoot %}
+{% render 'website/templates/page-end.html' %}

website/root/faq/index.html

@@ -1,5 +1,4 @@
-{% assign webRoot = '..' %}
-{% render 'website/templates/page-begin.html', webRoot: webRoot, pageTitle: 'Frequently Asked Questions (FAQ)' %}
+{% render 'website/templates/page-begin.html', pageTitle: 'Frequently Asked Questions (FAQ)' %}
 
 <main data-menu=faq>
 
@@ -155,7 +154,7 @@ <h2>Can Snap Backup schedule backups to happen automatically?</h2>
       <h2>What languages does Snap Backup support?</h2>
       <p>
          Snap Backup supports
-         {% render 'website/templates/languages-text.html', webRoot: webRoot %}
+         {% render 'website/templates/languages-text.html' %}
          &nbsp;Snap Backup will attempt to detect your default language and
          use that if available.
       </p>
@@ -234,4 +233,4 @@ <h2>How do I upgrade to a new version of Snap Backup?</h2>
 
 </main>
 
-{% render 'website/templates/page-end.html', webRoot: webRoot %}
+{% render 'website/templates/page-end.html' %}

website/root/index.html

@@ -1,5 +1,4 @@
-{% assign webRoot = '.' %}
-{% render 'website/templates/page-begin.html', webRoot: webRoot, pageTitle: pkg.description %}
+{% render 'website/templates/page-begin.html', pageTitle: pkg.description %}
 
 <main data-menu=gateway>
 
@@ -28,7 +27,7 @@ <h3>Supported languages:</h3>
          </figure>
       </aside>
       <p>
-         {% render 'website/templates/languages-icons.html', webRoot: webRoot %}
+         {% render 'website/templates/languages-icons.html' %}
       </p>
       <h3>Snap Backup:</h3>
       <ul>
@@ -54,7 +53,7 @@ <h3>Snap Backup:</h3>
    <section>
       <h2>News</h2>
       <div>
-         {% render 'website/templates/news.html', webRoot: webRoot %}
+         {% render 'website/templates/news.html' %}
       </div>
    </section>
 
@@ -91,7 +90,7 @@ <h2>For everyone</h2>
       <h2>Random</h2>
       <p id=social-buttons></p>
       <div>
-         {% render 'website/templates/comments.html', webRoot: webRoot %}
+         {% render 'website/templates/comments.html' %}
       </div>
    </section>
 
@@ -105,4 +104,4 @@ <h2>More Information</h2>
 
 </main>
 
-{% render 'website/templates/page-end.html', webRoot: webRoot %}
+{% render 'website/templates/page-end.html' %}

website/root/screen/index.html

@@ -1,5 +1,4 @@
-{% assign webRoot = '..' %}
-{% render 'website/templates/page-begin.html', webRoot: webRoot, pageTitle: 'Screenshot (macOS)' %}
+{% render 'website/templates/page-begin.html', pageTitle: 'Screenshot (macOS)' %}
 
 <main data-menu=preview>
 
@@ -26,4 +25,4 @@ <h2>Preview</h2>
 
 </main>
 
-{% render 'website/templates/page-end.html', webRoot: webRoot %}
+{% render 'website/templates/page-end.html' %}

website/root/screen/ubuntu.html

@@ -1,5 +1,4 @@
-{% assign webRoot = '..' %}
-{% render 'website/templates/page-begin.html', webRoot: webRoot, pageTitle: 'Screenshot (Ubuntu)' %}
+{% render 'website/templates/page-begin.html', pageTitle: 'Screenshot (Ubuntu)' %}
 
 <main data-menu=preview>
 
@@ -26,4 +25,4 @@ <h2>Preview</h2>
 
 </main>
 
-{% render 'website/templates/page-end.html', webRoot: webRoot %}
+{% render 'website/templates/page-end.html' %}

website/root/screen/windows.html

@@ -1,5 +1,4 @@
-{% assign webRoot = '..' %}
-{% render 'website/templates/page-begin.html', webRoot: webRoot, pageTitle: 'Screenshot (Windows)' %}
+{% render 'website/templates/page-begin.html', pageTitle: 'Screenshot (Windows)' %}
 
 <main data-menu=preview>
 
@@ -26,4 +25,4 @@ <h2>Preview</h2>
 
 </main>
 
-{% render 'website/templates/page-end.html', webRoot: webRoot %}
+{% render 'website/templates/page-end.html' %}

website/root/translate/index.html

@@ -1,5 +1,4 @@
-{% assign webRoot = '..' %}
-{% render 'website/templates/page-begin.html', webRoot: webRoot, pageTitle: 'Language Translation' %}
+{% render 'website/templates/page-begin.html', pageTitle: 'Language Translation' %}
 
 <main data-menu=translate>
 
@@ -16,7 +15,7 @@ <h2>Make Snap Backup Work in Your Language</h2>
       <aside>
          <b>Properties file available in:</b>
          <p class=language-flags>
-            {% render 'website/templates/languages-properties.html', webRoot: webRoot %}
+            {% render 'website/templates/languages-properties.html' %}
          </p>
       </aside>
       <ol>
@@ -82,4 +81,4 @@ <h2>Notes About Translating</h2>
 
 </main>
 
-{% render 'website/templates/page-end.html', webRoot: webRoot %}
+{% render 'website/templates/page-end.html' %}

website/snap-backup.less

@@ -183,8 +183,8 @@ nav.hamburger-menu aside ul li >a:hover {
 
 /******************************************************************************/
 
-// Mobile
-@media (max-width: 667px) {  //selects iPhone 6/6s/7/8/SE2/SE3 landscape and anything narrower
+// Responsive design
+.MobileMode({
    body >header {
       padding-top: 60px;
       }
@@ -201,4 +201,9 @@ nav.hamburger-menu aside ul li >a:hover {
    body main >section .indent {
       margin-left: 20px;
       }
+   });
+.MobileMode(@lessRules) {
+   @media (max-width: 667px) {  //selects iPhone 6/6s/7/8/SE2/SE3 landscape and anything narrower
+      @lessRules();
+      }
    }