docs(web!): get new web design up

Serve the new look, update licensing.

README.md

@@ -16,11 +16,11 @@ Welcome.
 
 This is a guide with the aim of providing an introduction to various online tracking techniques, online ID verification techniques, and detailed guidance to creating and maintaining (truly) anonymous online identities. <span style="color: red">**It is written with hope for activists, journalists, scientists, lawyers, whistle-blowers, and good people being oppressed, censored, harassed anywhere!**</span> This guide has no affiliation with the [Anonymous](https://en.wikipedia.org/wiki/Anonymous_(hacker_group)) <sup>[[Wikiless]](https://wikiless.com/wiki/Anonymous_(hacker_group))</sup> <sup>[[Archive.org]](https://web.archive.org/web/https://en.wikipedia.org/wiki/Anonymous_(hacker_group))</sup> collective/movement.
 
-This guide is an open-source non-profit initiative, [licensed](LICENSE.html) under **Creative Commons Attribution-ShareAlike 4.0 International** ([cc-by-sa-4.0](https://creativecommons.org/licenses/by-sa/4.0/) <sup>[[Archive.org]](https://web.archive.org/web/https://creativecommons.org/licenses/by-sa/4.0/)</sup>) and is **not sponsored/endorsed by any commercial/governmental entity**. This means that you are free to use our guide for pretty much any purpose **excluding commercially** as long as you do attribute it. There are no ads or any affiliate links.
+This guide is an open-source non-profit initiative, [licensed](LICENSE.html) under **Creative Commons Attribution-NonCommercial 4.0 International** ([cc-by-nc-4.0](https://creativecommons.org/licenses/by-nc/4.0/) <sup>[[Archive.org]](https://web.archive.org/web/https://creativecommons.org/licenses/by-nc/4.0/)</sup>) and is **not sponsored/endorsed by any commercial/governmental entity**. This means that you are free to use our guide for pretty much any purpose **excluding commercially** as long as you do attribute it. There are no ads or any affiliate links.
 
-**If you would like to make a donation to help this project, you can do so from [here](docs/contribute/index.md) where you will also find the project goals. All the donations will be strictly used within the context of this project. All donations and spendings are logged on the donations page.**
+**If you would like to make a donation to help this project, you can do so from [here](donations.html) where you will also find the project goals. All the donations will be strictly used within the context of this project. All donations and spendings are logged on the donations page.**
 
 **Ways to read or export the guide**
 
 - **In your browser:** [Hitchhiker's Guide](https://anonymousplanet.net/) (hosted site). After a local build you can also open `site/guide/index.html` directly.
-- **Local HTML preview:** from the repository root, with Python 3 and [MkDocs Material](https://squidfunk.github.io/mkdocs-material/getting-started/) installed (`pip install mkdocs-material`), run `mkdocs serve --livereload` and open the URL printed in the terminal (for example `http://127.0.0.1:8000`).
+- **Local HTML preview:** from the repository root, with Python 3 and [MkDocs Material](https://squidfunk.github.io/mkdocs-material/getting-started/) installed (`pip install mkdocs-material`), run `mkdocs serve` and open the URL printed in the terminal (for example `http://127.0.0.1:8000`).

memory/footer-social-inline-fix.md

@@ -0,0 +1,34 @@
+---
+name: footer-social-inline-fix
+description: Social icons now display inline on same line instead of wrapping (including Codeberg)
+metadata:
+  type: project
+  category: styling
+  affects: social-links, extra
+---
+
+Fixed MkDocs Material theme's social links to always display on the same line without wrapping.
+
+**What was wrong:**
+- The `.social` elements were displaying as `display: flex` (block-level by default in Material theme)
+- Icons and labels were wrapping onto separate lines instead of staying inline
+- Extra CSS wasn't overriding the Material theme's default behavior
+- Long text names like "Codeberg" were causing overflow and line breaks
+
+**What I fixed:**
+1. Added comprehensive CSS rules in `docs/stylesheets/footer-fix.css`:
+   - Force `.social` and `.social__link` to use `display: inline-flex !important`
+   - Set `white-space: nowrap` to prevent text wrapping
+   - Configure flex container with proper gap (0.75em) between icons
+   - Fix icon sizes with explicit `width: 24px`, `height: 24px`
+   - Target specific social container classes (`#social`, `.md-social-list`)
+   - Handle long text names with truncation/ellipsis for Codeberg
+   - Override all potential block-level ancestors and pseudo-elements
+   - Adjust spacing and sizes for mobile responsive breakpoints
+
+2. Applied `!important` flags throughout to override Material theme defaults
+
+**Result:**
+All social icons (Mastodon, Gitlab, Gitea, Github, Gitlab, Codeberg) now appear on the same line in the footer/copyright section, matching a cleaner horizontal layout without unwanted line breaks. Long names like "Codeberg" are handled via truncation if needed while keeping everything inline.
+
+See also: [[footer-license-cleanup-20260614]]

mkdocs.yml

@@ -40,7 +40,7 @@ plugins:
   - social: {}
   - search:
       separator: '[\s\u200b\-_,:!=\[\]()"`/]+|\.(?!\d)|&[lg]t;|(?!\b)(?=[A-Z][a-z])'
-  # - meta: {}
+  - meta: {}
 
 # Soon this will all be minified (It's a personal WIP)
 extra_css: