Squashed commit of the following:

commit 41e5111
Author: black-backdoor <[email protected]>
Date:   Sat Jan 4 15:05:42 2025 +0100

    Update .eleventy.js

commit 0d31828
Author: black-backdoor <[email protected]>
Date:   Sat Jan 4 15:03:09 2025 +0100

    htaccess (#136)

commit 0b1572c
Author: black-backdoor <[email protected]>
Date:   Sat Jan 4 12:41:59 2025 +0100

    fix component `<taskbar-clock>` text align (#148)

commit 11166af
Author: black-backdoor <[email protected]>
Date:   Sat Jan 4 12:32:14 2025 +0100

    Update console-related scripts (#140)

commit 8df4725
Author: black-backdoor <[email protected]>
Date:   Fri Jan 3 14:29:30 2025 +0100

    fix css lint errors (#146)

commit 85a8830
Author: black-backdoor <[email protected]>
Date:   Fri Jan 3 09:13:58 2025 +0100

    default CSS in `partials/head.njk` (#144)

commit f7e91d8
Author: black-backdoor <[email protected]>
Date:   Fri Jan 3 09:06:42 2025 +0100

    simplify `/update/` page (HTML, CSS, JS) (#135)

commit fc15a99
Author: black-backdoor <[email protected]>
Date:   Fri Jan 3 08:58:25 2025 +0100

    Lock screen (#132)

commit 4a23d92
Author: black-backdoor <[email protected]>
Date:   Fri Jan 3 08:50:52 2025 +0100

    Update `taskbar` CSS (#129)

commit 1d0bae1
Author: black-backdoor <[email protected]>
Date:   Fri Jan 3 08:43:44 2025 +0100

    simplifyed CSS for 404, 501, 520 Error Page (#131)

commit a4b715d
Author: black-backdoor <[email protected]>
Date:   Fri Jan 3 08:43:12 2025 +0100

    Update  `menu-bar` CSS (#130)

commit 9533d18
Author: black-backdoor <[email protected]>
Date:   Fri Jan 3 08:39:18 2025 +0100

    updated components & component file structure (#145)

commit 09418fd
Author: black-backdoor <[email protected]>
Date:   Thu Jan 2 21:03:59 2025 +0100

    Update package-lock.json

commit a512697
Author: black-backdoor <[email protected]>
Date:   Thu Jan 2 20:53:29 2025 +0100

    Update .eleventy.js

commit 3f34437
Author: black-backdoor <[email protected]>
Date:   Thu Jan 2 12:34:04 2025 +0100

    Update .stylelintrc.json (#143)

commit 4eff517
Author: black-backdoor <[email protected]>
Date:   Thu Jan 2 12:29:34 2025 +0100

    Devices (#133)

commit 7157625
Author: black-backdoor <[email protected]>
Date:   Thu Jan 2 11:57:35 2025 +0100

    Update components\windows.js (#137)

.eleventy.js

@@ -8,6 +8,7 @@ module.exports = function (config) {
     config.addPassthroughCopy("src/**/*.js");
     config.addPassthroughCopy("src/**/*.svg");
     config.addPassthroughCopy("src/**/*.json");
+    config.addPassthroughCopy("src/.htaccess");
 
     config.addGlobalData("urlOrigin", process.env.URL_ORIGIN || "http://localhost:8080");
 
@@ -20,8 +21,6 @@ module.exports = function (config) {
         "templateFormats": ['njk', 'html'],
         "htmlTemplateEngine": "njk",
         "markdownTemplateEngine": "njk",
-        "javascriptTemplateEngine": "njk",
-        "dataTemplateEngine": "njk",
         "passthroughFileCopy": true,
     };
 };

.stylelintrc.json

@@ -7,6 +7,6 @@
         "block-no-empty": true,
         "unit-no-unknown": true,
         "property-no-unknown": true,
-        "no-duplicate-selectors": null
+        "selector-class-pattern": null
     }
 }

docs/README.md

@@ -6,4 +6,4 @@
 - [serviceWorker](serviceWorker.md)
 
 * [Taskbar](taskbar.md)
-* [Menu Bar](menu-bar.md)
+* [Menubar](menubar.md)

docs/components/README.md

@@ -1,5 +1,32 @@
 # Components
 
+## Applets `/components/applet`
+* [`<applet-battery></applet-battery>` | applet-battery.js](applet/applet-battery.md)
+* `<applet-cpu></applet-cpu>` | applet-cpu.js
+* [`<applet-network-down></applet-network-down>` | applet-network-down.js](applet/applet-network-down.md)
+* [`<applet-network-rtt></applet-network-rtt>` | applet-network-rtt.js](applet/applet-network-rtt.md)
+* `<applet-network></applet-network>` | applet-network.js
+* `<applet-ram></applet-ram>` | applet-ram.js
+* `<applet-sound></applet-sound>` | applet-sound.js
+
+## Elements `/components/element`
+* `<element-link-copy></element-link-copy>` | element-link-copy.js
+
+## Taskbar `/components/taskbar`
+* `<taskbar-app></taskbar-app>` | taskbar-app.js
+* `<taskbar-clock></taskbar-clock>` | taskbar-clock.js
+
+## Widgets `/components/widget`
+* `<widget-clock></widget-clock>` | widget-clock.js
+* `<widget-weather></widget-weather>` | widget-weather.js
+
+# UI `/components/ui`
+* [`<ui-progress></ui-progress>` | ui-progress.js](ui/ui-progress.md)
+* [`<ui-switch></ui-switch>` | ui-switch.js](ui/ui-switch.md)
+
+## Other `/components`
+* [`<desktop-popup></desktop-popup>` | popup.js](popup.md)
+
 
 ## Naming Convention
 
@@ -33,29 +60,12 @@ File Name: `applet-network-connection.js`
 <!-- KEEP ALPHABETICAL ORDER -->
 
 ### UI
-* [`<desktop-popup></desktop-popup>` | popup.js](popup.md)
-- [`<ui-progress></ui-progress>` | ui-progress.js](ui-progress.md)
-- [`<ui-switch></ui-switch>` | ui-switch.js](ui-switch.md)
-
 * [`<calendar-widget></calendar-widget>` | calendar.js](calendar.md)
 
 - [`<chart-square></chart-square>` | chart-square.js](chart-square.md)
 * `<button-power></button-power>` | power.js
 
 
-### Applets `/components/applet`
-* [`<applet-battery></applet-battery>` | applet-battery.js](applet-battery.md)
+### Other
 * `<applet-clock></applet-clock>` | clock.js
-* `<applet-cpu></applet-cpu>` | applet-cpu.js
-* `<applet-date></applet-date>` | date.js
-* [`<applet-network-down></applet-network-down>` | applet-network-down.js](applet-network-down.md)
-* [`<applet-network-rtt></applet-network-rtt>` | applet-network-rtt.js](applet-network-rtt.md)
-* `<applet-ram></applet-ram>` | applet-ram.js
-* `<applet-sound></applet-sound>` | applet-sound.js
-* `<applet-weather></applet-weather>` | weather.js
-* `<applet-network></applet-network>` | applet-network.js
-
-
-
-## Naming
-Ensure that the Markdown documentation file has the identical name to the script.
+* `<applet-date></applet-date>` | date.js

docs/components/applet-battery.md → docs/components/applet/applet-battery.md

@@ -5,7 +5,7 @@
 
 ### Script
 ```html
-<script src="/components/applet-battery.js" type="module"></script>
+<script src="/components/applet/applet-battery.js" type="module"></script>
 ```
 
 

docs/components/applet-network-down.md → docs/components/applet/applet-network-down.md

@@ -5,7 +5,7 @@ This applet uses the navigation.connection API to get downlink speed and display
 
 ### Script
 ```html
-<script src="/components/applet-network-down.js" type="module"></script>
+<script src="/components/applet/applet-network-down.js" type="module"></script>
 ```
 
 

docs/components/applet-network-rtt.md → docs/components/applet/applet-network-rtt.md

@@ -5,7 +5,7 @@ This applet uses the navigation.connection API to get the round-trip time and di
 
 ### Script
 ```html
-<script src="/components/applet-network-rtt.js" type="module"></script>
+<script src="/components/applet/applet-network-rtt.js" type="module"></script>
 ```
 
 ### Body

docs/components/popup.md

@@ -33,13 +33,12 @@
 
 
 ## CSS Variables
-- `--ok-color`: Color of the OK button
-- `--cancel-color`: Color of the Cancel button
-- `--text-color`: Color of the text
-- `--bg-color`: Background color of the popup
-* `--ok-text-color`: Text color of the OK button
-* `--cancel-text-color`: Text color of the Cancel button
-
+- `--color-ok`: Color of the OK button
+- `--color-cancel`: Color of the Cancel button
+- `--color-background`: Background color of the popup
+* `--color-text`: Color of the text
+* `--color-text--ok`: Text color of the OK button
+* `--color-text--cancel`: Text color of the Cancel button
 
 ## Attributes
 * `position`: positions the popup in the window center
@@ -49,9 +48,9 @@
 ```
 
 
-# Child Components
-- `desktop-popup_yes_no`
-- `desktop-popup_ok`
-- `desktop-popup_info`
-- `desktop-popup_warning`
-- `desktop-popup_error`
+# Variants
+- `desktop-popup--yes-no`
+- `desktop-popup--ok`
+- `desktop-popup--info`
+- `desktop-popup--warning`
+- `desktop-popup--error`

docs/components/ui-progress.md → docs/components/ui/ui-progress.md

@@ -7,7 +7,7 @@
 
 ### Script
 ```html
-<script src="/components/ui-progress.js" type="module"></script>
+<script src="/components/ui/ui-progress.js" type="module"></script>
 ```
 
 

docs/components/ui-switch.md → docs/components/ui/ui-switch.md

@@ -5,7 +5,7 @@
 
 ### Script
 ```html
-<script src="/components/ui-switch.js" type="module"></script>
+<script src="/components/ui/ui-switch.js" type="module"></script>
 ```
 
 
@@ -19,12 +19,12 @@
 ## Properties
 
 ### CSS
-- `--on-color`: Color of the switch when checked
-- `--off-color`: Color of the switch when unchecked
-- `--knob-color`: Color of the knob
-* `--disabled-on-color`: Color of the switch when checked and disabled
-* `--disabled-off-color`: Color of the switch when unchecked and disabled
-* `--disabled-knob-color`: Color of the knob when disabled
+- `--color-on`: Color of the switch when checked
+- `--color-off`: Color of the switch when unchecked
+- `--color-knob`: Color of the knob
+* `--color-on--disabled`: Color of the switch when checked and disabled
+* `--color-off--disabled`: Color of the switch when unchecked and disabled
+* `--color-knob--disabled`: Color of the knob when disabled
 
 
 ### Attributes

docs/menubar.md

@@ -0,0 +1,20 @@
+# Menubar
+The menubar is a horizontal bar located at the top of the screen.
+
+
+## Components
+The menubar is composed of the following components:
+
+* HTML in `index.html`
+* CSS in `/css/menubar.css`
+
+
+
+## Properties
+
+### Variants
+The menubar variant can be changed by adding the following classes to the menubar element:
+
+* `menubar--minimal` - A minimal menubar
+* `menubar--floating` - A floating menubar
+* `menubar--none` - No menubar

docs/taskbar.md

@@ -13,6 +13,12 @@ The taskbar is composed of the following components:
 
 ## Properties
 
+### Variants
+The menubar variant can be changed by adding the following classes to the menubar element:
+
+* `taskbar--floating` - A floating taskbar
+
+
 ### Position
 The taskbar can be positioned by setting the `position` property in the HTML.