Remove dead template/asset files; fix licence.php full-width layout

- Delete templates/header.php and templates/head.php — both were legacy
  partials from a previous design iteration (lang="en", broken nav markup)
  that were never included anywhere in the current codebase.

- Delete public/assets/icons.svg — the full TrumboWYG icon sprite (~15 KB)
  referenced nowhere; the only active WYSIWYG editor (EasyMDE in
  pages-edit.php) loads its own assets from CDN.

- Fix licence.php layout: the page was borrowing the two-column
  .apropos-layout grid but leaving the right column always empty, wasting
  ~40% of the viewport. Removed the grid wrapper and the empty .apropos-right
  div. Added .apropos-single utility class to apropos.css (max-width: 720px)
  so licence content now spans the full available width with a readable
  line length.
This commit is contained in:
Pontoporeia
2026-03-28 16:42:18 +01:00
parent 61ac3c002d
commit 764edf9121
6 changed files with 16 additions and 97 deletions

10
TODO.md
View File

@@ -463,12 +463,12 @@ Goal: rename the tables and column to the canonical M2M pattern (`tags`, `thesis
`apropos.php`, `licence.php`, `templates/admin/head.php` all contain the same 6-line
`(function poll(){…})()` block. Consolidate into the shared head partials.
- [ ] **`templates/header.php` and `templates/head.php` are dead files** — neither is `include`d
- [x] **`templates/header.php` and `templates/head.php` are dead files** — neither is `include`d
anywhere in the codebase. Both contain outdated markup from a previous design iteration
(`lang="en"`, empty author meta, a broken nav with double-quoted `href` attributes inside
`href`). Delete both to remove confusion.
- [ ] **`public/assets/icons.svg` is dead** — it is the full TrumboWYG editor icon sprite (40+
- [x] **`public/assets/icons.svg` is dead** — it is the full TrumboWYG editor icon sprite (40+
symbols) referenced **nowhere** in the codebase. The only WYSIWYG editor in use (EasyMDE
in `pages-edit.php`) loads from CDN. Delete `icons.svg` (~15 KB of noise).
@@ -525,10 +525,10 @@ Goal: rename the tables and column to the canonical M2M pattern (`tags`, `thesis
require a code deploy to change. Either move them into the `about` page Markdown (admin-
editable) or extract to a config array so they are in one place.
- [ ] **`licence.php` wastes half the viewport with an always-empty right column** — the page
- [x] **`licence.php` wastes half the viewport with an always-empty right column** — the page
reuses the two-column `.apropos-layout` but `<div class="apropos-right"></div>` is always
empty. Add a `.apropos-layout--single` variant (or just `grid-template-columns:1fr` when
the right child is empty) to use the full width for content.
empty. Added `.apropos-single` class + removed layout wrapper; content now uses full width
(max-width: 720px) without an empty right column.
### G — Accessibility & semantics

View File

@@ -29,6 +29,11 @@ html, body {
max-width: 1200px;
}
/* Single-column layout — used by licence.php (no right column) */
.apropos-single {
max-width: 720px;
}
/* Left col — main description text in big monospace */
.apropos-left {}

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 31 KiB

View File

@@ -47,17 +47,12 @@ $html = $pd->text($content);
<?php include APP_ROOT . '/templates/search-bar.php'; ?>
<main class="apropos-main" id="main-content">
<div class="apropos-layout">
<div class="apropos-left">
<div class="apropos-description apropos-page-content">
<?php if (!empty(trim($content))): ?>
<?= $html ?>
<?php else: ?>
<p>Contenu à venir.</p>
<?php endif; ?>
</div>
</div>
<div class="apropos-right"></div>
<div class="apropos-description apropos-page-content apropos-single">
<?php if (!empty(trim($content))): ?>
<?= $html ?>
<?php else: ?>
<p>Contenu à venir.</p>
<?php endif; ?>
</div>
</main>

View File

@@ -1,32 +0,0 @@
<!-- head.php - Shared HTML head section -->
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="">
<meta name="description" content="">
<title><?= isset($pageTitle) ? htmlspecialchars($pageTitle) . ' - Posterg' : 'Posterg' ?></title>
<link rel="icon" type="image/svg+xml" href="/assets/admin_favicon.svg">
<link rel="stylesheet" href="assets/modern-normalize.min.css">
<link rel="stylesheet" href="assets/common.css">
<?php if (isset($additionalCSS)): ?>
<?php foreach ((array)$additionalCSS as $css): ?>
<link rel="stylesheet" href="<?= htmlspecialchars($css) ?>">
<?php endforeach; ?>
<?php endif; ?>
<?php if (php_sapi_name() === 'cli-server'): ?>
<!-- Live reload for development -->
<script>
(function poll() {
fetch('/live-reload.php')
.then(r => r.json())
.then(d => {
if (d.changed) location.reload();
else setTimeout(poll, 1000);
})
.catch(() => setTimeout(poll, 2000));
})();
</script>
<?php endif; ?>
</head>

View File

@@ -1,48 +0,0 @@
<!-- header.php -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Posterg</title>
<link rel="stylesheet" href="assets/modern-normalize.min.css">
<link rel="stylesheet" href="assets/common.css">
<link rel="stylesheet" href="assets/main.css">
<?php if (php_sapi_name() === 'cli-server'): ?>
<!-- Live reload for development -->
<script>
(function poll() {
fetch('/live-reload.php')
.then(r => r.json())
.then(d => {
if (d.changed) location.reload();
else setTimeout(poll, 1000);
})
.catch(() => setTimeout(poll, 2000));
})();
</script>
<?php endif; ?>
</head>
<body>
<header>
<a class="title" href="index.php">
<h1>posterg</h1>
</a>
<section>
<p class="apropos">
Ce site archive et valorise les mémoires de l'ERG (Bruxelles). Il expose les projets des diplômé·es pour illustrer la diversité des parcours qui marquent l'histoire centenaire de l'école.
</p>
<p class="colophon">
Design & développement : Olivia Marly, Théo Hennequin & Théophile Gervreau-Mercie
Typographies : Ductus (Amélie Dumont), Hyphont-e
</p>
</section>
<nav role="navigation" aria-label="main navigation">
<button><a href="search.php"">Recherche</a></button>
<button><a href=" search.php"">Partager</a></button>
</nav>
</header>