mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-05-07 03:29:19 +02:00
Redesign UI to match target design images
- Flat purple-gradient nav bar with POSTERG/RÉPERTOIRE/À PROPOS links - Full-width search bar with icon, bottom-border only, below nav - Home: white bg, media card grid (thumbnail + author/title label below) - Répertoire: 4-column index (Années/Catégories/Étudiantes/Mots-clés) - TFE: 2-column layout (large text left, media right) - À Propos: 2-column, large monospace text, new apropos.php page - Admin: dark theme (#1a1a1a), purple gradient nav, bottom-border inputs - New shared partials: templates/nav.php, templates/search-bar.php - Rewrote all CSS: common, main, search, tfe, apropos, admin
This commit is contained in:
92
public/apropos.php
Normal file
92
public/apropos.php
Normal file
@@ -0,0 +1,92 @@
|
||||
<?php
|
||||
require_once __DIR__ . '/../config/bootstrap.php';
|
||||
$currentNav = 'apropos';
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>À Propos – Posterg</title>
|
||||
<link rel="stylesheet" href="assets/modern-normalize.min.css">
|
||||
<link rel="stylesheet" href="assets/common.css">
|
||||
<link rel="stylesheet" href="assets/apropos.css">
|
||||
<?php if (php_sapi_name() === 'cli-server'): ?>
|
||||
<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 class="apropos-body">
|
||||
|
||||
<?php include APP_ROOT . '/templates/nav.php'; ?>
|
||||
<?php include APP_ROOT . '/templates/search-bar.php'; ?>
|
||||
|
||||
<main class="apropos-main">
|
||||
<div class="apropos-layout">
|
||||
|
||||
<!-- LEFT: main text -->
|
||||
<div class="apropos-left">
|
||||
<div class="apropos-description">
|
||||
<p>Ce site POSTERG a été créé pour répertorier et valoriser les mémoires de l'erg – École de Recherches Graphique de Bruxelles.</p>
|
||||
<p>L'objectif est à la fois d'offrir une vitrine aux projets des anciens étudiantes et de mettre en lumière la diversité des disciplines et des parcours qui façonnent l'histoire de l'école à travers les âges, depuis près de 100 ans.</p>
|
||||
</div>
|
||||
|
||||
<div class="apropos-licences">
|
||||
<h2>Licences</h2>
|
||||
<p>Les contenus de ce site sont publiés avec l'accord des auteur·ices et de l'erg. La reproduction des œuvres est soumise à l'autorisation de leurs auteur·ices respectif·ives.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- RIGHT: links, contacts, credits -->
|
||||
<div class="apropos-right">
|
||||
|
||||
<div>
|
||||
<h2 class="apropos-section-title">
|
||||
<a href="https://erg.be" target="_blank" rel="noopener">Site de l'erg</a>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h2 class="apropos-section-title">Contacts</h2>
|
||||
|
||||
<div class="apropos-contact">
|
||||
<span class="apropos-contact-name">Laurent Leprince</span>
|
||||
<span class="apropos-contact-role">Bibliothèque d'architecture, d'ingénierie architecturale, d'urbanisme (BAIU) :</span>
|
||||
<span class="apropos-contact-email">laurent.leprince@uclouvain.be</span>
|
||||
</div>
|
||||
|
||||
<div class="apropos-contact">
|
||||
<span class="apropos-contact-name">Xavier Gorgol</span>
|
||||
<span class="apropos-contact-role">Responsable des mémoires de l'ERG :</span>
|
||||
<span class="apropos-contact-email">xavier.gorgol@erg.be</span>
|
||||
</div>
|
||||
|
||||
<div class="apropos-contact">
|
||||
<span class="apropos-contact-name">Brigitte Ledune</span>
|
||||
<span class="apropos-contact-role">Cours de suivi de mémoire :</span>
|
||||
<span class="apropos-contact-email">brigitte.ledune@erg.be</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h2 class="apropos-section-title">Crédits</h2>
|
||||
<p class="apropos-credits-text">
|
||||
Design & développement : Olivia Marly, Théophile Gerveau-Mercie & Théo Hennequin
|
||||
</p>
|
||||
<p class="apropos-credits-text">
|
||||
Typographies : Ductus (Amélie Dumont) & BBB DM Sans
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user