add licenses and attribution

Author: ReenigneArcher

_data/licenses.yml

@@ -0,0 +1,50 @@
+---
+gamepad-helper:
+  name: LizardByte/gamepad-helper
+  version: '2025.501.232754'
+  url: https://github.com/LizardByte/gamepad-helper/
+  license: MIT
+shared-web:
+  name: LizardByte/shared-web
+  version: '2025.326.11214'
+  url: https://github.com/LizardByte/shared-web/
+  license: AGPL-3.0
+beautiful-jekyll:
+  name: Beautiful Jekyll
+  url: https://github.com/daattali/beautiful-jekyll/
+  license: MIT
+bootstrap:
+  name: Bootstrap
+  url: https://getbootstrap.com/
+  license: MIT
+bundler:
+  name: Bundler
+  url: https://bundler.io/
+  license: MIT
+button-icons:
+  name: Button Icons and Controls
+  url: https://zacksly.itch.io/
+  license: CC BY 3.0
+chartjs:
+  name: Chart.js
+  version: '4.4.9'
+  url: https://www.chartjs.org/
+  license: MIT
+giscus:
+  name: Giscus
+  url: https://giscus.app/
+  license: MIT
+jekyll:
+  name: Jekyll
+  url: https://jekyllrb.com/
+  license: MIT
+jquery:
+  name: jQuery
+  version: '3.7.1'
+  url: https://jquery.com/
+  license: MIT
+marked:
+  name: Marked
+  version: '15.0.8'
+  url: https://marked.js.org/
+  license: MIT

_includes/footer-extra.html

@@ -3,3 +3,5 @@
 <a title="Privacy Policy" href="{{ '/privacy' | relative_url }}" class="text_muted">Privacy</a>
 &nbsp;&bull;&nbsp;
 <a title="Terms and Conditions" href="{{ '/terms' | relative_url }}" class="text_muted">Terms</a>
+&nbsp;&bull;&nbsp;
+<a title="Licenses and Attribution" href="{{ '/licenses' | relative_url }}" class="text_muted">Licenses</a>

_includes/license-entry.html

@@ -0,0 +1,12 @@
+<li class="list-group-item bg-dark text-white">
+    <div class="d-flex justify-content-between align-items-center">
+        <div>
+            <strong>{{ include.item.name }}</strong>
+            {% if include.item.version %}<span class="ms-2 badge bg-secondary">{{ include.item.version }}</span>{% endif %}
+            <small class="d-block text-muted">
+                <a href="{{ include.item.url }}" target="_blank" class="text-info">{{ include.item.url }}</a>
+            </small>
+        </div>
+        <span class="badge bg-primary">{{ include.item.license }}</span>
+    </div>
+</li>

_sass/styles.scss

@@ -143,3 +143,19 @@ img.invert {
 table tr:nth-child(2n) {
   background-color: var(--footer-col);
 }
+
+.list-group-item.bg-dark {
+  border-color: var(--navbar-col);
+}
+
+.list-group-item.bg-dark .text-muted {
+  color: var(--text-col);
+}
+
+.list-group-item.bg-dark a {
+  text-decoration: none;
+}
+
+.list-group-item.bg-dark a:hover {
+  text-decoration: underline;
+}

assets/js/gamepad-tester.js

@@ -1,6 +1,6 @@
 document.addEventListener('DOMContentLoaded', function() {
     const gamepadHelper = new GamepadHelper()
-    const gamepadHelperVersion = '2025.501.232754'
+    const gamepadHelperVersion = window.gamepadHelperVersion;
     let gamepads = {};
     let activeGamepadIndex = null;
     let animationFrameId = null;
@@ -17,20 +17,6 @@ document.addEventListener('DOMContentLoaded', function() {
         return;
     }
 
-    // Initialize button colors for various states
-    const buttonColors = {
-        'standard': {
-            'inactive': 'btn-outline-primary',
-            'active': 'btn-primary'
-        },
-    };
-
-    // Axis names mapping
-    const axisNames = [
-        'Left Stick X', 'Left Stick Y',
-        'Right Stick X', 'Right Stick Y'
-    ];
-
     // Setup gamepad event listeners
     window.addEventListener("gamepadconnected", function(e) {
         gamepads[e.gamepad.index] = e.gamepad;

gamepad-tester.html

@@ -5,11 +5,14 @@
 css:
   - /assets/css/hide-heading.css
 ext-js:
-  - https://cdn.jsdelivr.net/npm/chart.js@4.4.3/dist/chart.umd.min.js
+  - https://cdn.jsdelivr.net/npm/chart.js@4.4.9/dist/chart.umd.min.js
   - https://cdn.jsdelivr.net/npm/@lizardbyte/gamepad-helper@2025.501.232754/dist/gamepad-helper.js
 js:
   - /assets/js/gamepad-tester.js
 ---
+<script>
+    window.gamepadHelperVersion = "{{ site.data.licenses.gamepad-helper.version }}";
+</script>
 
 <!-- Gamepad Tester section -->
 <section class="py-0" id="GamepadTester">

licenses.html

@@ -0,0 +1,27 @@
+---
+title: Licenses & Attributions
+layout: page
+css:
+  - /assets/css/hide-heading.css
+---
+
+<div class="container py-4">
+    <h2 class="mb-4">Licenses & Attributions</h2>
+
+    <p class="lead">This website makes use of the following third-party tools, libraries, and resources.</p>
+
+    <div class="card bg-dark text-white mb-4">
+        <div class="card-header">
+            <h5 class="card-title mb-0">Dependencies</h5>
+        </div>
+        <div class="card-body">
+            <ul class="list-group list-group-flush">
+                {% for license in site.data.licenses %}
+                {% assign key = license[0] %}
+                {% assign item = license[1] %}
+                {% include license-entry.html item=item %}
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
+</div>