about and new lib

static/css/styles.css

@@ -3433,7 +3433,7 @@ dialog::backdrop {
   display: none;
 }
 
-.home-footer__author {
+.home-footer__about {
   margin-left: auto;
 }
 
@@ -3574,6 +3574,29 @@ dialog::backdrop {
   margin: 0;
 }
 
+.about-content {
+  display: grid;
+  gap: 16px;
+  color: var(--dialog-text);
+  font-size: .82rem;
+  line-height: 1.55;
+}
+
+.about-content p {
+  margin: 0;
+}
+
+.about-content a {
+  color: var(--accent-text-strong);
+  overflow-wrap: anywhere;
+}
+
+.about-license {
+  display: grid;
+  gap: 10px;
+  padding-top: 2px;
+}
+
 .identity-fields {
   display: grid;
   gap: 14px;
@@ -3642,8 +3665,9 @@ dialog::backdrop {
     text-align: center;
   }
 
-  .home-footer__author {
+  .home-footer__about {
     margin-left: 0;
+    align-self: center;
   }
 
   .identity-panel {

static/home.html

@@ -86,11 +86,35 @@
         <button id="footer-profile" class="footer-action" type="button">Profile</button>
         <button id="footer-logout" class="footer-action" type="button">Log out</button>
       </div>
-      <span class="home-footer__author">Author: <a href="https://www.linuxiarz.pl"
-          rel="author noopener">@linuxiarz.pl</a></span>
+      <button id="footer-about" class="footer-action home-footer__about" type="button">About</button>
     </div>
   </footer>
 
+  <dialog id="about-dialog" class="app-dialog">
+    <div class="dialog-panel identity-panel about-panel">
+      <button id="close-about" class="modal-close" type="button" aria-label="Close dialog">×</button>
+      <header class="identity-panel__header">
+        <h2>About</h2>
+        <p class="dialog-copy">RustPad project information and licensing.</p>
+      </header>
+      <div class="about-content">
+        <p><strong>Author <br>Mateusz Gruszczynski </strong><br><a href="https://www.linuxiarz.pl" rel="author noopener"
+            target="_blank">@linuxiarz.pl</a></p>
+        <p><strong>Git repository</strong><br><a href="https://git.linuxiarz.pl/gru/rustpad" rel="noopener"
+            target="_blank">https://git.linuxiarz.pl/gru/rustpad</a></p>
+        <div class="about-license">
+          <strong>Licence</strong>
+          <p>Copyright (C) 2026 Mateusz Gruszczyński @linuxiarz.pl</p>
+          <p>This program is free software: you can redistribute it and/or modify it under the terms of the GNU General
+            Public License as published by the Free Software Foundation, either version 3 of the License.</p>
+          <p><strong>COMMERCIAL LICENSE NOTICE:</strong> Commercial use in proprietary applications (including by
+            linuxiarz.pl Mateusz Gruszczyński) is not permitted under GPLv3 without an explicit Commercial License
+            Agreement. <br>Contact: linuxiarz&lt;at&gt;linuxiarz.pl</p>
+        </div>
+      </div>
+    </div>
+  </dialog>
+
   <dialog id="identity-dialog" class="app-dialog">
     <form id="identity-form" autocomplete="on" class="dialog-panel identity-panel">
       <button id="close-identity" class="modal-close" type="button" aria-label="Close dialog">×</button>

static/js/home.js

@@ -113,6 +113,7 @@ const resourcesPagination = document.querySelector("#resources-pagination");
 let resourcesPage = 1;
 let resourcesSearchTimer;
 const profileDialog = document.querySelector("#profile-dialog");
+const aboutDialog = document.querySelector("#about-dialog");
 
 const profileForm = document.querySelector("#profile-form");
 let currentSession = null;
@@ -405,6 +406,10 @@ function renderAccount(session) {
   registerLink.hidden = !registrationEnabled;
 }
 
+document.querySelector("#footer-about")?.addEventListener("click", () => aboutDialog?.showModal());
+document.querySelector("#close-about")?.addEventListener("click", () => aboutDialog?.close());
+aboutDialog?.addEventListener("click", event => { if (event.target === aboutDialog) aboutDialog.close(); });
+
 if (identityDialog) {
   const authDialog = bindIdentityDialog({
     dialog: identityDialog,