Update Build, Icons and Nav Padding

.github/workflows/build.yaml → .github/workflows/pages.yaml

@@ -1,8 +1,9 @@
-name: 'Pages'
+name: "Pages"
 
 on:
   push:
-    branches: ['master']
+    branches:
+      - master
     paths:
       - src/**
   repository_dispatch:
@@ -16,34 +17,34 @@ permissions:
   id-token: write
 
 concurrency:
-  group: 'pages'
+  group: "pages"
   cancel-in-progress: false
 
 jobs:
   build:
-    name: 'Build'
+    name: "Build"
     runs-on: ubuntu-latest
     timeout-minutes: 5
 
     steps:
-      - name: 'Checkout'
+      - name: "Checkout"
         uses: actions/checkout@v4
 
-      - name: 'Configure Pages'
+      - name: "Configure Pages"
         uses: actions/configure-pages@v5
 
-      - name: 'Jekyll Build Pages'
+      - name: "Jekyll Build Pages"
         uses: actions/jekyll-build-pages@v1
         with:
-          source: './src'
+          source: "./src"
 
-      - name: 'Upload Pages Artifact'
-        uses: actions/upload-pages-artifact@v2
+      - name: "Upload Pages Artifact"
+        uses: actions/upload-pages-artifact@v3
         with:
           path: _site/
 
   deploy:
-    name: 'Deploy'
+    name: "Deploy"
     runs-on: ubuntu-latest
     timeout-minutes: 5
     needs: build
@@ -53,8 +54,8 @@ jobs:
       url: ${{ steps.deployment.outputs.page_url }}
 
     steps:
-      - name: 'Deploy Pages'
+      - name: "Deploy Pages"
         id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v4
         with:
           artifact_name: github-pages

.prettierrc.json

@@ -5,13 +5,13 @@
   "singleQuote": true,
   "overrides": [
     {
-      "files": ["**/*.html"],
+      "files": ["**/*.json", "**/*.yaml", "**/*.yml"],
       "options": {
         "singleQuote": false
       }
     },
     {
-      "files": ["**/*.json", "**/*.yaml"],
+      "files": ["**/*.json", "**/*.yaml", "**/*.yml"],
       "options": {
         "tabWidth": 2
       }

README.md

@@ -2,11 +2,13 @@
 [![Mozilla Add-on Users](https://img.shields.io/amo/users/link-extractor?logo=mozilla&label=mozilla%20users)](https://addons.mozilla.org/addon/link-extractor)
 [![Chrome Web Store Rating](https://img.shields.io/chrome-web-store/rating/ifefifghpkllfibejafbakmflidjcjfp?logo=google&logoColor=white)](https://chromewebstore.google.com/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
 [![Mozilla Add-on Rating](https://img.shields.io/amo/rating/link-extractor?logo=mozilla&logoColor=white)](https://addons.mozilla.org/addon/link-extractor)
+[![GitHub Repo stars](https://img.shields.io/github/stars/cssnr/link-extractor?style=flat&logo=github&logoColor=white)](https://github.com/cssnr/link-extractor/stargazers)
 [![Chrome Web Store Version](https://img.shields.io/chrome-web-store/v/ifefifghpkllfibejafbakmflidjcjfp?label=chrome&logo=googlechrome)](https://chrome.google.com/webstore/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
 [![Mozilla Add-on Version](https://img.shields.io/amo/v/link-extractor?label=firefox&logo=firefox)](https://addons.mozilla.org/addon/link-extractor)
 [![GitHub Release Version](https://img.shields.io/github/v/release/cssnr/link-extractor?logo=github)](https://github.com/cssnr/link-extractor/releases/latest)
-[![Pages](https://github.com/cssnr/link-extractor.cssnr.com/actions/workflows/build.yaml/badge.svg)](https://github.com/cssnr/link-extractor.cssnr.com/actions/workflows/build.yaml)
+[![Pages](https://img.shields.io/github/actions/workflow/status/cssnr/link-extractor-site/pages.yaml?logo=github&logoColor=white&label=pages)](https://github.com/cssnr/link-extractor-site/actions/workflows/pages.yaml)
 [![Discord](https://img.shields.io/discord/899171661457293343?logo=discord&logoColor=white&label=discord&color=7289da)](https://discord.gg/wXy6m2X8wY)
+
 # Link Extractor Site
 
 * Website: https://link-extractor.cssnr.com
@@ -15,8 +17,8 @@
 
 # Install
 
-*   [Google Chrome Web Store](https://chrome.google.com/webstore/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
-*   [Mozilla Firefox Add-ons](https://addons.mozilla.org/addon/link-extractor)
+* [Google Chrome Web Store](https://chrome.google.com/webstore/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
+* [Mozilla Firefox Add-ons](https://addons.mozilla.org/addon/link-extractor)
 
 [![Chrome](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/chrome_48.png)](https://chromewebstore.google.com/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
 [![Firefox](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/firefox_48.png)](https://addons.mozilla.org/addon/link-extractor)
@@ -25,7 +27,7 @@
 [![Opera](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/opera_48.png)](https://chromewebstore.google.com/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
 [![Chromium](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/chromium_48.png)](https://chromewebstore.google.com/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
 [![Yandex](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/yandex_48.png)](https://chromewebstore.google.com/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp)
-  
+
 All **Chromium** Based Browsers can install the extension from the
 [Chrome Web Store](https://chrome.google.com/webstore/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp).
 

src/_layouts/default.html

@@ -87,15 +87,15 @@
 <footer class="footer mt-auto px-1 flex-shrink-0 bg-body-tertiary">
     <div class="container-fluid py-2">
         <div class="d-flex flex-column flex-md-row">
-            <div class="me-md-auto">
+            <div class="me-md-auto mb-1 mb-md-0">
                 <a class="text-decoration-none link-body-emphasis" href="{{ site.github_url }}" target="_blank" rel="noopener">
                     <i class="fab fa-github"></i> {{ site.site_name }}</a>
             </div>
             <div class="ms-md-auto">
                 <nav aria-label="Secondary Navigation">
                     <ol class="list-inline mb-1 d-flex flex-column flex-sm-row">
                         {% for item in site.menu %}
-                            <li class="list-inline-item">
+                            <li class="list-inline-item mb-1 mb-sm-0">
                                 <a class="text-decoration-none link-body-emphasis {% if page.title == item.name %}fw-bold{% endif %}"
                                    href="{{ item.link | relative_url }}" {% if item.external %}target="_blank"{% endif %}>
                                     {{ item.name }}{% if item.external %} <i class="fa-solid fa-arrow-up-right-from-square fa-sm"></i>{% endif %}</a>

src/html/docs.html

@@ -40,7 +40,6 @@ <h2 id="configure">Configure</h2>
         <span class="d-none edge">clicking the Eye icon.</span>
         <span class="d-none chromium">clicking the Pin icon.</span>
     </p>
-
     <p class="d-inline-flex gap-1">
         <a class="link-body-emphasis text-decoration-none animate__animated animate__headShake animate__delay-1s" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
             <i class="fa-solid fa-angles-down"></i>
@@ -66,8 +65,8 @@ <h4>Host Permissions</h4>
         <kbd>Ctrl</kbd> key and select additional tabs; then use Link Extractor as normal to extract from all selected tabs.
     </p>
     <p>
-        Note: This extension does NOT inject a content-script into every site and only injects a script when you extract links.
-        Therefore, granting host permissions does not reduce overall performance in any way.
+        Note: This extension only injects a content script when you extract links; therefore,
+        granting host permissions does not reduce performance in any way.
     </p>
 
     <h2 id="usage">Usage</h2>
@@ -173,7 +172,6 @@ <h5><i class="fa-solid fa-code"></i> Regex Flags</h5>
 
     <h2 id="links">Link Results</h2>
     <hr class="mt-0">
-
     <p>
         The Link Results Page utilizes <a href="https://datatables.net/" class="link-body-emphasis" target="_blank" rel="noopener">
             DataTables.net</a> to display, sort, page, and filter the results.
@@ -207,7 +205,6 @@ <h5><i class="fa-solid fa-i-cursor"></i> Filter</h5>
         <b>not</b> support <code>$</code> or <code>^</code> in regular expressions
         (a custom search will be added in a future release).
     </p>
-
     <p>
         <i class="fa-regular fa-lightbulb text-warning-emphasis"></i>
         Tip: You can exclude results by adding a <code>!</code> to your filter term.
@@ -218,7 +215,6 @@ <h5><i class="fa-solid fa-i-cursor"></i> Filter</h5>
         Tip: Additional Data, Number of Links Shown, and Column Sorting options will be saved
         across sessions if you enable the <code>Save Links Page Options</code> Option.
     </p>
-
     <p>
         For more information view the
         <a href="{{ site.github_url }}?tab=readme-ov-file#readme" class="link-body-emphasis" target="_blank" rel="noopener">README.md</a>

src/html/index.html

@@ -8,23 +8,25 @@
 <div class="container-fluid">
     <h1 class="animate__animated animate__zoomIn"><i class="fa-solid fa-link me-2"></i> {{ site.site_name }}</h1>
 
-    <div class="mb-2" style="min-height: 20px;">
+    <div class="mb-2" style="min-height: 28px;">
         <a href="{{ site.chrome_url }}" title="Google" target="_blank" rel="noopener">
-            <img src="https://img.shields.io/chrome-web-store/users/{{ site.chrome_id }}?logo=google&logoColor=white&label=google%20users" alt="Chrome Web Store Users"></a>
+            <img alt="Chrome Web Store Users" class="mb-1" src="https://img.shields.io/chrome-web-store/users/{{ site.chrome_id }}?style=for-the-badge&logo=google&logoColor=white&label=google%20users"></a>
         <a href="{{ site.firefox_url }}" title="Mozilla" target="_blank" rel="noopener">
-            <img src="https://img.shields.io/amo/users/{{ site.firefox_id }}?logo=mozilla&label=mozilla%20users" alt="Mozilla Add-on Users"></a>
+            <img alt="Mozilla Add-on Users" class="mb-1" src="https://img.shields.io/amo/users/{{ site.firefox_id }}?style=for-the-badge&logo=mozilla&label=mozilla%20users"></a>
         <a href="{{ site.chrome_url }}" title="Google" target="_blank" rel="noopener">
-            <img src="https://img.shields.io/chrome-web-store/rating/{{ site.chrome_id }}?logo=google&logoColor=white" alt="Chrome Web Store Users"></a>
+            <img alt="Chrome Web Store Users" class="mb-1" src="https://img.shields.io/chrome-web-store/rating/{{ site.chrome_id }}?style=for-the-badge&logo=google&logoColor=white"></a>
         <a href="{{ site.firefox_url }}" title="Mozilla" target="_blank" rel="noopener">
-            <img src="https://img.shields.io/amo/rating/{{ site.firefox_id }}?logo=mozilla&logoColor=white" alt="Mozilla Add-on Users"></a>
+            <img alt="Mozilla Add-on Users" class="mb-1" src="https://img.shields.io/amo/rating/{{ site.firefox_id }}?style=for-the-badge&logo=mozilla&logoColor=white"></a>
+        <a href="{{ site.firefox_url }}" title="Mozilla" target="_blank" rel="noopener">
+            <img alt="GitHub Stars" class="mb-1" src="https://img.shields.io/github/stars/{{ site.github_name }}?style=for-the-badge&logo=github&logoColor=white"></a>
         <a href="{{ site.chrome_url }}" title="Google" target="_blank" rel="noopener">
-            <img src="https://img.shields.io/chrome-web-store/v/{{ site.chrome_id }}?label=chrome&logo=googlechrome" alt="Chrome Web Store Version"></a>
+            <img alt="Chrome Web Store Version" class="mb-1" src="https://img.shields.io/chrome-web-store/v/{{ site.chrome_id }}?style=for-the-badge&label=chrome&logo=googlechrome"></a>
         <a href="{{ site.firefox_url }}" title="Mozilla" target="_blank" rel="noopener">
-            <img src="https://img.shields.io/amo/v/{{ site.firefox_id }}?label=firefox&logo=firefox" alt="Mozilla Add-on Version"></a>
+            <img alt="Mozilla Add-on Version" class="mb-1" src="https://img.shields.io/amo/v/{{ site.firefox_id }}?style=for-the-badge&label=firefox&logo=firefox"></a>
         <a href="{{ site.github_url }}/releases/latest" title="GitHub" target="_blank" rel="noopener">
-            <img src="https://img.shields.io/github/v/release/{{ site.github_name }}?logo=github" alt="GitHub Release Version"></a>
+            <img alt="GitHub Release Version" class="mb-1" src="https://img.shields.io/github/v/release/{{ site.github_name }}?style=for-the-badge&logo=github"></a>
         <a href="{{ site.discord_invite }}" title="Discord" target="_blank" rel="noopener">
-            <img src="https://img.shields.io/discord/899171661457293343?logo=discord&logoColor=white&label=discord&color=7289da" alt="Join Discord"></a>
+            <img alt="Join Discord" class="mb-1" src="https://img.shields.io/discord/899171661457293343?style=for-the-badge&logo=discord&logoColor=white&label=discord&color=7289da"></a>
     </div>
 
     <p class="lead">