chore: vendor all CDN assets locally; reorganise assets into css/ and js/

All third-party assets are now self-hosted — zero external requests at runtime. CSS (assets/css/): - modern-normalize.min.css (was assets/) - common.css, admin.css, main.css, search.css, tfe.css, apropos.css (was assets/) - easymde.min.css 2.20.0 (was cdn.jsdelivr.net) - font-awesome.min.css 4.7.0 (was maxcdn.bootstrapcdn.com; injected at runtime by EasyMDE) JS (assets/js/): - easymde.min.js 2.20.0 (was cdn.jsdelivr.net) Fonts (assets/fonts/fontawesome/): - fontawesome-webfont.{eot,woff2,woff,ttf,svg}, FontAwesome.otf 4.7.0 Path fixes: - common.css @font-face: ./fonts/ -> ../fonts/ (one level deeper) - font-awesome.min.css @font-face: ../fonts/ -> ../fonts/fontawesome/ (dedicated subdir) - pages-edit.php: autoDownloadFontAwesome:false added to EasyMDE init to suppress the runtime CDN injection that was still present inside easymde.min.js Reference updates (all now absolute /assets/css/* or /assets/js/*): - templates/public/head.php: modern-normalize + common - templates/admin/head.php: modern-normalize + admin - public/admin/login.php: modern-normalize + admin (standalone head) - public/index.php, tfe.php, search.php, apropos.php, licence.php: extraCss paths - public/admin/pages-edit.php: extraCss + extraJs (font-awesome, easymde CSS/JS) Nginx static-file location already covers .css/.js/.woff/.woff2/.ttf/.otf with 30-day cache headers — no nginx config change needed.
2026-05-06 19:19:19 +02:00 · 2026-03-31 15:35:03 +02:00
parent 986945a347
commit 338782947c
19 changed files with 76 additions and 21 deletions
--- a/public/assets/css/common.css
+++ b/public/assets/css/common.css
@@ -0,0 +1,185 @@
+@font-face {
+  font-family: "police1";
+  src: url("../fonts/Combinedd.otf");
+  font-display: swap;
+}
+
+/* ============================================================
+   SHARED VARIABLES & RESET
+   ============================================================ */
+:root {
+  --purple: #9557b5;
+  --purple-dark: #7b3fa0;
+  --purple-light: rgba(149, 87, 181, 0.12);
+  --black: #111;
+  --white: #fff;
+  --grey-light: #f5f5f5;
+  --border-color: #ddd;
+  --text-muted: #666;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  background: var(--white);
+  color: var(--black);
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: none;
+}
+
+/* ============================================================
+   NAV BAR (shared across all public pages)
+   ============================================================ */
+.site-nav {
+  background: linear-gradient(to bottom, var(--purple) 0%, rgba(149, 87, 181, 0.0) 100%);
+  padding: 0.55rem 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
+}
+
+.site-nav__logo {
+  font-family: "police1", sans-serif;
+  font-size: 0.95rem;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--white);
+  text-decoration: none;
+  font-weight: 400;
+}
+
+.site-nav ul {
+  display: flex;
+  gap: 3rem;
+  align-items: center;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.site-nav ul a {
+  font-size: 0.85rem;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--white);
+  text-decoration: none;
+  font-weight: 400;
+  transition: opacity 0.15s;
+}
+
+.site-nav ul a:hover {
+  opacity: 1;
+}
+
+.site-nav ul a[aria-current="page"] {
+  opacity: 1;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
+  padding-bottom: 1px;
+}
+
+/* ============================================================
+   SEARCH BAR (shared)
+   ============================================================ */
+.site-search {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 1.5rem;
+  border-bottom: 1px solid var(--border-color);
+  background: var(--white);
+  flex-shrink: 0;
+}
+
+.site-search__icon {
+  color: var(--text-muted);
+  flex-shrink: 0;
+  width: 16px;
+  height: 16px;
+}
+
+.site-search__input {
+  flex: 1;
+  border: none;
+  font-size: 0.95rem;
+  color: var(--black);
+  background: transparent;
+  padding: 0.15rem 0;
+  font-family: inherit;
+}
+
+.site-search__input::placeholder {
+  color: #767676;
+}
+
+/* ============================================================
+   ACCESSIBILITY UTILITIES
+   ============================================================ */
+
+/* Visually-hidden but screen-reader-accessible */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+/* Skip-to-content link (visible only on keyboard focus) */
+.skip-link {
+  position: absolute;
+  top: -999px;
+  left: 1rem;
+  z-index: 9999;
+  padding: 0.5rem 1rem;
+  background: var(--purple);
+  color: var(--white);
+  font-size: 0.9rem;
+  font-weight: 600;
+  text-decoration: none;
+  border-radius: 0 0 4px 4px;
+}
+
+.skip-link:focus {
+  top: 0;
+}
+
+/* Consistent keyboard-focus outline for all interactive elements */
+:focus-visible {
+  outline: 2px solid var(--purple);
+  outline-offset: 2px;
+}
+
+/* Respect user motion preferences */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    transition-duration: 0.01ms !important;
+    animation-duration: 0.01ms !important;
+  }
+}