edit: organize software section, add clear descriptions

docs/software.md

@@ -10,31 +10,63 @@ Though I do prefer free (as in freedom) software, I defer to the standard, popul
 
 More importantly, I only use software that adhere to the industry (usually open-source) standard and actively avoid any software that forces a new/proprietary implementation.
 
+## 1Password
+
+<div class="grid cards" markdown>
+
+- <figure markdown>
+    <p align="center">
+    ![1Password](https://assets.tylernguyen.wiki/logos/1Password-light.svg#only-light){ loading-lazy width=200 }
+    ![1Password](https://assets.tylernguyen.wiki/logos/1Password-dark.svg#only-dark){ loading-lazy width=200 }
+    </p>
+    </figure>
+
+</div>
+
+/// info
+1Password is a <span class="solarized-red">:material-eye-lock-outline: **properitary**</span>, <span class="solarized-green">:material-sync: **subscription**</span>-ware password manager.
+///
+
+1Password is robust, cross-platform, and well integrated. Its ease of use and wide adoption also makes sharing passwords effortless.
+
+1Password also offers various developer functions that I find cannot be matched by other offerings. These include:
+
+- SSH Authentication
+- Git Commit Signing
+- Developer Tokens and Secrets Automation
+- [twpayne/chezmoi](https://www.chezmoi.io/user-guide/password-managers/1password/) integration for managing dotfiles
+- [Visual Studio Code](https://developer.1password.com/docs/vscode/) integration for editing secrets
+
+/// success | Security
+1Password is [audited](https://support.onepassword.com/security-assessments/) on a regular basis and also documents their security in the [security white paper](https://1passwordstatic.com/files/security/1password-white-paper.pdf).
+///
+
+[:octicons-link-external-16: Homepage](https://1password.com/){ .md-button }
+[:fontawesome-solid-money-bill:](https://1password.com/sign-up/){ .card-link title=Pricing }
+[:fontawesome-regular-eye:](https://support.onepassword.com/1password-privacy/){ .card-link title="Privacy Policy" }
+[:octicons-markdown-16:](https://developer.onepassword.com/){ .card-link title="Developer Documentation" }
+
 ## Firefox
 
 <div class="grid cards" markdown>
 
 - <figure markdown>
     <p align="center">
-    ![Firefox](https://assets.tylernguyen.wiki/logos/Firefox-light.svg#only-light){ width=200 }
+    ![Firefox](https://assets.tylernguyen.wiki/logos/Firefox-light.svg#only-light){ loading-lazy width=200 }
-    ![Firefox](https://assets.tylernguyen.wiki/logos/Firefox-dark.svg#only-dark){ width=200 }
+    ![Firefox](https://assets.tylernguyen.wiki/logos/Firefox-dark.svg#only-dark){ loading-lazy width=200 }
     </p>
     </figure>
 
 </div>
 
-Firefox is open-source, privacy oriented, and customizable[^1].
+/// info
-
+Firefox is an <span class="solarized-orange">:material-source-branch: **open source**</span> web browser.
-[^1]: [Reddit: /r/FirefoxCSS](https://www.reddit.com/r/FirefoxCSS/top/?sort=top&t=all)
+///
-
-uBlock Origin also works best on Firefox. [^2]
-
-[^2]: [gorhill/uBlock: uBlock Origin Works Best on Firefox](https://github.com/gorhill/uBlock/wiki/uBlock-Origin-works-best-on-Firefox)
 
 /// extension | Extensions
 <div class="grid cards" markdown>
 
-- :simple-ublockorigin:{ .ublockorigin } [uBlock Origin](https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/)
+- :simple-ublockorigin:{ .ublockorigin } [uBlock Origin](https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/) [^1]
 - ![SponsorBlock](https://assets.tylernguyen.wiki/logos/Firefox_SponsorBlock.png){ .twemoji } [SponsorBlock](https://addons.mozilla.org/en-US/firefox/addon/sponsorblock/)
 - ![TTV LOL Pro](https://assets.tylernguyen.wiki/logos/Firefox_TTV-LOL-Pro.png){ .twemoji } [TTV LOL Pro](https://github.com/younesaassila/ttv-lol-pro)
 - :simple-1password:{ .onepassword } [1Password](https://1password.com/)
@@ -42,6 +74,8 @@ uBlock Origin also works best on Firefox. [^2]
 </div>
 ///
 
+[^1]: [gorhill/uBlock: uBlock Origin Works Best on Firefox](https://github.com/gorhill/uBlock/wiki/uBlock-Origin-works-best-on-Firefox)
+
 [:octicons-link-external-16: Homepage](https://firefox.com){ .md-button }
 [:fontawesome-regular-eye:](https://www.mozilla.org/privacy/firefox/){ .card-link title="Privacy Policy" }
 [:octicons-markdown-16:](https://firefox-source-docs.mozilla.org/){ .card-link title=Documentation}
@@ -54,8 +88,8 @@ uBlock Origin also works best on Firefox. [^2]
 
 - <figure markdown>
     <p align="center">
-    ![Visual Studio Code](https://assets.tylernguyen.wiki/logos/VSCode.svg#only-light){ width=100 }
+    ![Visual Studio Code](https://assets.tylernguyen.wiki/logos/VSCode.svg#only-light){ loading-lazy width=100 }
-    ![Visual Studio Code](https://assets.tylernguyen.wiki/logos/VSCode-dark.svg#only-dark){ width=100 }
+    ![Visual Studio Code](https://assets.tylernguyen.wiki/logos/VSCode-dark.svg#only-dark){ loading-lazy width=100 }
     </p>
     </figure>
 
@@ -94,28 +128,7 @@ I use Visual Studio Code is mainly for extensions and remote capabilities.
 [:octicons-markdown-16:](https://code.visualstudio.com/docs){ .card-link title=Documentation}
 [:fontawesome-regular-file-code:](https://github.com/microsoft/vscode){ .card-link title="Source Code" }
 
-## Media
+## Material for MkDocs
-
-<div class="grid cards" markdown>
-
-- ![NetNewsWire](https://assets.tylernguyen.wiki/logos/NetNewsWire.png){ .twemoji } [NetNewsWire](https://netnewswire.com/)
-- ![Aidoku](https://assets.tylernguyen.wiki/logos/Aidoku.png){ .twemoji } [Aidoku](https://aidoku.app/)
-- ![Plexamp](https://assets.tylernguyen.wiki/logos/Plexamp.png){ .twemoji } [Plexamp](https://plexamp.com/)
-- :simple-vlcmediaplayer:{ .vlc } [VLC Media Player](https://www.videolan.org/vlc/)
-- ![OBS](https://assets.tylernguyen.wiki/logos/OBS.svg){ .twemoji } [OBS Studio](https://obsproject.com/)
-
-</div>
-
-## Files
-
-<div class="grid cards" markdown>
-
-- ![Cryptomator](https://assets.tylernguyen.wiki/logos/Cryptomator.svg){ .twemoji } [Cryptomator](https://cryptomator.org/)
-- ![Syncthing](https://assets.tylernguyen.wiki/logos/Syncthing.svg){ .twemoji } [Syncthing](https://syncthing.net/)
-
-</div>
-
-## Static Site Generator
 
 <div class="grid cards" markdown>
 
@@ -126,12 +139,12 @@ I use Visual Studio Code is mainly for extensions and remote capabilities.
 
 </div>
 
-/// example
+/// info
-This website is created using Material for MkDocs Insiders.
+Material for MkDocs is a <span class="solarized-green">:material-sync: **sponsor**</span>-ware, <span class="solarized-orange">:material-source-branch: **open source**</span> static site generator intended for documentation. Sponsoring the project grants access to a private development fork called Insiders.
 ///
 
-/// info
+/// example
-Material for MkDocs has a private development fork called Insiders. The subscription starts at $10 a month and gives access to early developments and features.
+This website is created using Material for MkDocs Insiders.
 ///
 
 ## Virtualization and Containers
@@ -144,3 +157,24 @@ Material for MkDocs has a private development fork called Insiders. The subscrip
 [:fontawesome-solid-money-bill:](https://orbstack.dev/pricing){ .card-link title="Pricing" }
 
 </div>
+
+## Media
+
+<div class="grid cards" markdown>
+
+- ![NetNewsWire](https://assets.tylernguyen.wiki/logos/NetNewsWire.png){ .twemoji } [NetNewsWire](https://netnewswire.com/)
+- ![Plexamp](https://assets.tylernguyen.wiki/logos/Plexamp.png){ .twemoji } [Plexamp](https://plexamp.com/)
+- :simple-vlcmediaplayer:{ .vlc } [VLC Media Player](https://www.videolan.org/vlc/)
+- ![OBS](https://assets.tylernguyen.wiki/logos/OBS.svg){ .twemoji } [OBS Studio](https://obsproject.com/)
+
+</div>
+
+## Files
+
+<div class="grid cards" markdown>
+
+- ![Mountain Duck](https://assets.tylernguyen.wiki/logos/Mountain-Duck.png){ .twemoji } [Mountain Duck](https://mountainduck.io/)
+- ![Cryptomator](https://assets.tylernguyen.wiki/logos/Cryptomator.svg){ .twemoji } [Cryptomator](https://cryptomator.org/)
+- ![Syncthing](https://assets.tylernguyen.wiki/logos/Syncthing.svg){ .twemoji } [Syncthing](https://syncthing.net/)
+
+</div>