mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-05-06 19:19:19 +02:00
some css changes
This commit is contained in:
Pontoporeia
13
TODO.md
13
TODO.md
@@ -1,6 +1,7 @@
|
|||||||
[x] Audit required fields in both admin and student forms
|
# TODO
|
||||||
[x] Fix: `checkbox-list.php` partial supports `$required` (fieldset gets `required` + `aria-required`)
|
|
||||||
[x] Mark `languages` checkbox list as required in both forms
|
## Fix repertoire.php
|
||||||
[x] Added visual `*` indicator on all required fields (CSS bold labels + red asterisk)
|
- [ ] Fix AP and orientation columns not working like other columns
|
||||||
[x] Added "* Champs obligatoires" note at top of both forms
|
- [ ] Make main element scrollable instead of body
|
||||||
[x] Verified: all server-side required fields match client-side `required` attrs and visual indicators
|
- [ ] Update public.css (general)
|
||||||
|
- [ ] Update repertoire.css (page-specific)
|
||||||
|
|||||||
@@ -8,13 +8,6 @@
|
|||||||
/* Page shell */
|
/* Page shell */
|
||||||
/* ------------------------------------------------------------------ */
|
/* ------------------------------------------------------------------ */
|
||||||
|
|
||||||
.apropos-body {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
min-height: 100vh;
|
|
||||||
background: var(--bg-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.apropos-main {
|
.apropos-main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: var(--space-xl) var(--space-l) var(--space-2xl);
|
padding: var(--space-xl) var(--space-l) var(--space-2xl);
|
||||||
@@ -157,9 +150,15 @@
|
|||||||
margin: 1.5em 0 0.5em 0;
|
margin: 1.5em 0 0.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.prose h1 { font-size: var(--step-3); }
|
.prose h1 {
|
||||||
.prose h2 { font-size: var(--step-2); }
|
font-size: var(--step-3);
|
||||||
.prose h3 { font-size: var(--step-1); }
|
}
|
||||||
|
.prose h2 {
|
||||||
|
font-size: var(--step-2);
|
||||||
|
}
|
||||||
|
.prose h3 {
|
||||||
|
font-size: var(--step-1);
|
||||||
|
}
|
||||||
|
|
||||||
.prose a {
|
.prose a {
|
||||||
color: var(--accent-primary);
|
color: var(--accent-primary);
|
||||||
@@ -177,8 +176,12 @@
|
|||||||
margin-bottom: 0.3em;
|
margin-bottom: 0.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.prose strong { font-weight: 700; }
|
.prose strong {
|
||||||
.prose em { font-style: italic; }
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.prose em {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.prose code {
|
.prose code {
|
||||||
font-family: "Courier New", Courier, monospace;
|
font-family: "Courier New", Courier, monospace;
|
||||||
|
|||||||
@@ -1,45 +1,5 @@
|
|||||||
@import url("./variables.css");
|
@import url("./variables.css");
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "Ductus";
|
|
||||||
src: url("../fonts/DuctusRegular.otf") format("opentype");
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "BBBDMSans";
|
|
||||||
src: url("../fonts/BBBDMSans-Light.otf") format("opentype");
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 300;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "BBBDMSans";
|
|
||||||
src: url("../fonts/BBBDMSans-Regular.otf") format("opentype");
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "BBBDMSans";
|
|
||||||
src: url("../fonts/BBBDMSans-Medium.otf") format("opentype");
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 500;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "BBBDMSans";
|
|
||||||
src: url("../fonts/BBBDMSans-Bold.otf") format("opentype");
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
font-display: swap;
|
|
||||||
}
|
|
||||||
|
|
||||||
*,
|
*,
|
||||||
*::before,
|
*::before,
|
||||||
*::after {
|
*::after {
|
||||||
@@ -57,6 +17,18 @@ body {
|
|||||||
font-family: var(--font-body);
|
font-family: var(--font-body);
|
||||||
background: var(--bg-primary);
|
background: var(--bg-primary);
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
|
background: linear-gradient(
|
||||||
|
180deg,
|
||||||
|
rgba(0, 0, 0, 0) 92%,
|
||||||
|
rgba(149, 87, 181, 1) 100%
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -68,9 +40,6 @@ a:hover {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
|
||||||
HEADER / NAV BAR (public pages)
|
|
||||||
============================================================ */
|
|
||||||
body > header {
|
body > header {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
@@ -162,6 +131,10 @@ body > header nav ul a[aria-current="page"] {
|
|||||||
padding-bottom: 1px;
|
padding-bottom: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
overflow: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
SEARCH BAR (shared)
|
SEARCH BAR (shared)
|
||||||
============================================================ */
|
============================================================ */
|
||||||
@@ -169,11 +142,7 @@ body > header nav ul a[aria-current="page"] {
|
|||||||
padding: 0 0;
|
padding: 0 0;
|
||||||
background-color: var(--gradient-4);
|
background-color: var(--gradient-4);
|
||||||
|
|
||||||
background: linear-gradient(
|
background: linear-gradient(180deg, var(--gradient-4) 0%, #ffffffee 100%);
|
||||||
180deg,
|
|
||||||
var(--gradient-4) 0%,
|
|
||||||
#ffffffee 100%
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-search-wrap form[role="search"] {
|
.header-search-wrap form[role="search"] {
|
||||||
|
|||||||
@@ -1,275 +0,0 @@
|
|||||||
/* ============================================================
|
|
||||||
HOME PAGE (index.php)
|
|
||||||
============================================================ */
|
|
||||||
|
|
||||||
@import url("./variables.css");
|
|
||||||
|
|
||||||
.home-body {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100vh;
|
|
||||||
overflow: hidden;
|
|
||||||
background: var(--bg-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cards grid — scrollable main area */
|
|
||||||
.home-main {
|
|
||||||
flex: 1;
|
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cards-container {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
|
||||||
gap: var(--space-s);
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: var(--space-xs) var(--space-s) var(--space-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 1400px) {
|
|
||||||
.cards-container {
|
|
||||||
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.cards-container {
|
|
||||||
grid-template-columns: repeat(2, 1fr);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Each card = list item containing a block <a> link */
|
|
||||||
.card {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
cursor: pointer;
|
|
||||||
border: 1px solid var(--border-primary);
|
|
||||||
border-radius: 8px;
|
|
||||||
background: var(--bg-primary);
|
|
||||||
overflow: hidden;
|
|
||||||
transition: box-shadow 0.2s ease, transform 0.2s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card:hover {
|
|
||||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
|
||||||
transform: translateY(-2px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card > a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: inherit;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
flex: 1;
|
|
||||||
border-radius: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Media wrapper: <figure> for real images/video, <div class="card__media--gradient"> for placeholders */
|
|
||||||
.home-body figure {
|
|
||||||
width: 100%;
|
|
||||||
aspect-ratio: 4/3;
|
|
||||||
overflow: hidden;
|
|
||||||
background: var(--bg-tertiary);
|
|
||||||
position: relative;
|
|
||||||
margin: 0; /* reset <figure> default margin */
|
|
||||||
border-radius: 7px 7px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home-body figure img,
|
|
||||||
.home-body figure video {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
display: block;
|
|
||||||
transition: transform 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card:hover figure img,
|
|
||||||
.card:hover figure video {
|
|
||||||
transform: scale(1.02);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card__media--placeholder {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: linear-gradient(135deg, var(--bg-tertiary), var(--bg-active));
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
font-size: var(--step-3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card__media--gradient {
|
|
||||||
width: 100%;
|
|
||||||
aspect-ratio: 4/3;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding: var(--space-s);
|
|
||||||
text-align: center;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border-radius: 7px 7px 0 0;
|
|
||||||
background: linear-gradient(
|
|
||||||
180deg,
|
|
||||||
rgba(60, 133, 108, 1) 0%,
|
|
||||||
rgba(96, 236, 180, 1) 33%,
|
|
||||||
rgba(227, 144, 255, 1) 66%,
|
|
||||||
rgba(149, 87, 181, 1) 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card__gradient-author {
|
|
||||||
color: var(--accent-foreground);
|
|
||||||
font-size: var(--step--2);
|
|
||||||
opacity: 0.85;
|
|
||||||
margin-bottom: 0.25rem;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card__gradient-title {
|
|
||||||
color: var(--accent-foreground);
|
|
||||||
font-size: var(--step--1);
|
|
||||||
font-weight: 600;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-line-clamp: 3;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Section label */
|
|
||||||
.home-section-label {
|
|
||||||
font-style: normal;
|
|
||||||
background: transparent;
|
|
||||||
color: var(--text-primary);
|
|
||||||
font-size: var(--step--2);
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: 0.1em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
padding: var(--space-s) var(--space-s) var(--space-xs);
|
|
||||||
border-bottom: 1px solid var(--border-primary);
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Card caption — <p> directly inside the card <a> link, below the media */
|
|
||||||
.home-body li > a > p {
|
|
||||||
padding: var(--space-2xs) var(--space-xs) var(--space-xs);
|
|
||||||
font-size: var(--step--1);
|
|
||||||
line-height: 1.35;
|
|
||||||
color: var(--text-primary);
|
|
||||||
margin: 0;
|
|
||||||
font-weight: 400;
|
|
||||||
border-top: 1px solid var(--border-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Empty-state message shown when no cards exist */
|
|
||||||
.cards-empty {
|
|
||||||
padding: var(--space-l);
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
font-size: var(--step--1);
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Filter info */
|
|
||||||
.filter-info {
|
|
||||||
background: var(--accent-muted);
|
|
||||||
color: var(--accent-secondary);
|
|
||||||
padding: var(--space-3xs) var(--space-s);
|
|
||||||
font-size: var(--step--1);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: var(--space-s);
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clear-filter {
|
|
||||||
color: var(--accent-secondary);
|
|
||||||
text-decoration: none;
|
|
||||||
padding: var(--space-3xs) var(--space-2xs);
|
|
||||||
background: var(--accent-muted);
|
|
||||||
border-radius: 3px;
|
|
||||||
font-size: var(--step--1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.clear-filter:hover {
|
|
||||||
background: var(--accent-secondary);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Pagination */
|
|
||||||
.pagination-wrap {
|
|
||||||
border-top: 1px solid var(--border-secondary);
|
|
||||||
background: var(--bg-primary);
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination-wrap ul {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
gap: var(--space-2xs);
|
|
||||||
padding: var(--space-s);
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination-btn {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
min-width: 2.75rem;
|
|
||||||
min-height: 2.75rem;
|
|
||||||
padding: 0 var(--space-2xs);
|
|
||||||
border: 1px solid var(--border-secondary);
|
|
||||||
border-radius: 3px;
|
|
||||||
color: var(--text-primary);
|
|
||||||
font-size: var(--step--1);
|
|
||||||
text-decoration: none;
|
|
||||||
transition: all 0.15s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination-btn:hover:not(.disabled) {
|
|
||||||
border-color: var(--accent-primary);
|
|
||||||
color: var(--accent-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination-btn.disabled {
|
|
||||||
opacity: 0.3;
|
|
||||||
cursor: not-allowed;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination-info {
|
|
||||||
font-size: var(--step--1);
|
|
||||||
color: var(--text-secondary);
|
|
||||||
padding: 0 var(--space-2xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-current {
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--text-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Suppress card hover scale for users who prefer reduced motion */
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
|
||||||
.home-body figure img,
|
|
||||||
.home-body figure video {
|
|
||||||
transition: none;
|
|
||||||
}
|
|
||||||
.card:hover figure img,
|
|
||||||
.card:hover figure video {
|
|
||||||
transform: none;
|
|
||||||
}
|
|
||||||
.card__media--gradient {
|
|
||||||
transition: none;
|
|
||||||
}
|
|
||||||
.card {
|
|
||||||
transition: none;
|
|
||||||
}
|
|
||||||
.card:hover {
|
|
||||||
transform: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
276
app/public/assets/css/public.css
Normal file
276
app/public/assets/css/public.css
Normal file
@@ -0,0 +1,276 @@
|
|||||||
|
/* ============================================================
|
||||||
|
HOME PAGE (index.php)
|
||||||
|
============================================================ */
|
||||||
|
|
||||||
|
@import url("./variables.css");
|
||||||
|
|
||||||
|
main {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
min-height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Cards grid — scrollable main area */
|
||||||
|
.home-main {
|
||||||
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cards-container {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
||||||
|
gap: var(--space-s);
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: var(--space-xs) var(--space-s) var(--space-m);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1400px) {
|
||||||
|
.cards-container {
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.cards-container {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Each card = list item containing a block <a> link */
|
||||||
|
.card {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid var(--border-primary);
|
||||||
|
border-radius: 8px;
|
||||||
|
background: var(--bg-primary);
|
||||||
|
overflow: hidden;
|
||||||
|
transition:
|
||||||
|
box-shadow 0.2s ease,
|
||||||
|
transform 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover {
|
||||||
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
|
||||||
|
transform: translateY(-2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card > a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
flex: 1;
|
||||||
|
border-radius: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Media wrapper: <figure> for real images/video, <div class="card__media--gradient"> for placeholders */
|
||||||
|
.home-body figure {
|
||||||
|
width: 100%;
|
||||||
|
aspect-ratio: 4/3;
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--bg-tertiary);
|
||||||
|
position: relative;
|
||||||
|
margin: 0; /* reset <figure> default margin */
|
||||||
|
border-radius: 7px 7px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-body figure img,
|
||||||
|
.home-body figure video {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
display: block;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover figure img,
|
||||||
|
.card:hover figure video {
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card__media--placeholder {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: linear-gradient(135deg, var(--bg-tertiary), var(--bg-active));
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: var(--text-tertiary);
|
||||||
|
font-size: var(--step-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card__media--gradient {
|
||||||
|
width: 100%;
|
||||||
|
aspect-ratio: 4/3;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: var(--space-s);
|
||||||
|
text-align: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 7px 7px 0 0;
|
||||||
|
background: linear-gradient(
|
||||||
|
180deg,
|
||||||
|
rgba(60, 133, 108, 1) 0%,
|
||||||
|
rgba(96, 236, 180, 1) 33%,
|
||||||
|
rgba(227, 144, 255, 1) 66%,
|
||||||
|
rgba(149, 87, 181, 1) 100%
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card__gradient-author {
|
||||||
|
color: var(--accent-foreground);
|
||||||
|
font-size: var(--step--2);
|
||||||
|
opacity: 0.85;
|
||||||
|
margin-bottom: 0.25rem;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card__gradient-title {
|
||||||
|
color: var(--accent-foreground);
|
||||||
|
font-size: var(--step--1);
|
||||||
|
font-weight: 600;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Section label */
|
||||||
|
.home-section-label {
|
||||||
|
font-style: normal;
|
||||||
|
background: transparent;
|
||||||
|
color: var(--text-primary);
|
||||||
|
font-size: var(--step--2);
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
padding: var(--space-s) var(--space-s) var(--space-xs);
|
||||||
|
border-bottom: 1px solid var(--border-primary);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Card caption — <p> directly inside the card <a> link, below the media */
|
||||||
|
.home-body li > a > p {
|
||||||
|
padding: var(--space-2xs) var(--space-xs) var(--space-xs);
|
||||||
|
font-size: var(--step--1);
|
||||||
|
line-height: 1.35;
|
||||||
|
color: var(--text-primary);
|
||||||
|
margin: 0;
|
||||||
|
font-weight: 400;
|
||||||
|
border-top: 1px solid var(--border-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Empty-state message shown when no cards exist */
|
||||||
|
.cards-empty {
|
||||||
|
padding: var(--space-l);
|
||||||
|
color: var(--text-tertiary);
|
||||||
|
font-size: var(--step--1);
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Filter info */
|
||||||
|
.filter-info {
|
||||||
|
background: var(--accent-muted);
|
||||||
|
color: var(--accent-secondary);
|
||||||
|
padding: var(--space-3xs) var(--space-s);
|
||||||
|
font-size: var(--step--1);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-s);
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clear-filter {
|
||||||
|
color: var(--accent-secondary);
|
||||||
|
text-decoration: none;
|
||||||
|
padding: var(--space-3xs) var(--space-2xs);
|
||||||
|
background: var(--accent-muted);
|
||||||
|
border-radius: 3px;
|
||||||
|
font-size: var(--step--1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.clear-filter:hover {
|
||||||
|
background: var(--accent-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pagination */
|
||||||
|
.pagination-wrap {
|
||||||
|
border-top: 1px solid var(--border-secondary);
|
||||||
|
background: var(--bg-primary);
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination-wrap ul {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-2xs);
|
||||||
|
padding: var(--space-s);
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination-btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-width: 2.75rem;
|
||||||
|
min-height: 2.75rem;
|
||||||
|
padding: 0 var(--space-2xs);
|
||||||
|
border: 1px solid var(--border-secondary);
|
||||||
|
border-radius: 3px;
|
||||||
|
color: var(--text-primary);
|
||||||
|
font-size: var(--step--1);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all 0.15s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination-btn:hover:not(.disabled) {
|
||||||
|
border-color: var(--accent-primary);
|
||||||
|
color: var(--accent-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination-btn.disabled {
|
||||||
|
opacity: 0.3;
|
||||||
|
cursor: not-allowed;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination-info {
|
||||||
|
font-size: var(--step--1);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
padding: 0 var(--space-2xs);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-current {
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--text-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Suppress card hover scale for users who prefer reduced motion */
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
.home-body figure img,
|
||||||
|
.home-body figure video {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
.card:hover figure img,
|
||||||
|
.card:hover figure video {
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
.card__media--gradient {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
.card {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
.card:hover {
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
340
app/public/assets/css/repertoire.css
Normal file
340
app/public/assets/css/repertoire.css
Normal file
@@ -0,0 +1,340 @@
|
|||||||
|
/* ============================================================
|
||||||
|
RÉPERTOIRE / SEARCH PAGE (repertoire.php)
|
||||||
|
============================================================ */
|
||||||
|
|
||||||
|
@import url("./variables.css");
|
||||||
|
|
||||||
|
.search-main {
|
||||||
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- 6-column index layout ---- */
|
||||||
|
.repertoire-index {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 0.7fr 1.2fr 1.4fr 0.9fr 1.4fr 1fr;
|
||||||
|
gap: 0;
|
||||||
|
padding: 0 var(--space-m);
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.repertoire-index {
|
||||||
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
|
padding: 0 var(--space-s);
|
||||||
|
min-height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repertoire-col {
|
||||||
|
border-bottom: 1px solid var(--border-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.repertoire-col:nth-child(3n) {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.repertoire-index {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
padding: 0 var(--space-s);
|
||||||
|
min-height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repertoire-col {
|
||||||
|
border-right: none;
|
||||||
|
border-bottom: 1px solid var(--border-primary);
|
||||||
|
padding: var(--space-s) 0 var(--space-m);
|
||||||
|
}
|
||||||
|
|
||||||
|
.repertoire-col:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.repertoire-col {
|
||||||
|
padding: var(--space-xs) var(--space-2xs) var(--space-l);
|
||||||
|
}
|
||||||
|
|
||||||
|
.repertoire-col:last-child {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repertoire-index section > h2 {
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: var(--step--2);
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
font-weight: 400;
|
||||||
|
margin: 0 0 var(--space-2xs) 0;
|
||||||
|
padding-bottom: var(--space-3xs);
|
||||||
|
border-bottom: 1px solid var(--border-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Strip list chrome inside repertoire columns */
|
||||||
|
.repertoire-col ul {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- rep-entry: shared base (button + link variants) ---- */
|
||||||
|
.rep-entry {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
text-align: left;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
padding: var(--space-3xs) 0;
|
||||||
|
margin: 0;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: var(--step-0);
|
||||||
|
color: var(--text-primary);
|
||||||
|
line-height: 1.4;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
transition:
|
||||||
|
color 0.15s,
|
||||||
|
opacity 0.15s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rep-entry:hover {
|
||||||
|
color: var(--accent-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Link variant (students col) — no underline by default */
|
||||||
|
.rep-entry--link {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Selected: accent color */
|
||||||
|
.rep-entry--selected {
|
||||||
|
color: var(--accent-primary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Faded/disabled: muted, not interactive */
|
||||||
|
.rep-entry--faded {
|
||||||
|
opacity: 0.3;
|
||||||
|
cursor: not-allowed;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Years column — big bold numbers */
|
||||||
|
.repertoire-col[data-col="years"] .rep-entry {
|
||||||
|
font-size: var(--step-3);
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.1;
|
||||||
|
letter-spacing: -0.02em;
|
||||||
|
padding: var(--space-3xs) 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Empty state in students column */
|
||||||
|
.rep-empty {
|
||||||
|
color: var(--text-tertiary);
|
||||||
|
font-size: var(--step--1);
|
||||||
|
padding: var(--space-3xs) 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- HTMX loading indicator ---- */
|
||||||
|
.rep-indicator {
|
||||||
|
display: block;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--accent-primary);
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 0.15s;
|
||||||
|
z-index: 100;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rep-indicator.htmx-request {
|
||||||
|
opacity: 1;
|
||||||
|
animation: rep-progress 1.2s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes rep-progress {
|
||||||
|
0% {
|
||||||
|
transform: scaleX(0);
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
transform: scaleX(0.7);
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scaleX(1);
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- Search results view (grid) ---- */
|
||||||
|
.search-results-header {
|
||||||
|
display: block;
|
||||||
|
font-size: var(--step--1);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
margin: var(--space-s) var(--space-m) var(--space-2xs);
|
||||||
|
}
|
||||||
|
|
||||||
|
.results-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||||
|
gap: var(--space-m);
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: var(--space-2xs) var(--space-m) var(--space-m);
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: var(--space-3xs);
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card__authors {
|
||||||
|
font-size: var(--step--1);
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card__title {
|
||||||
|
font-size: var(--step--1);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.35;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card__meta {
|
||||||
|
font-size: var(--step--2);
|
||||||
|
color: var(--accent-primary);
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Search controls bar */
|
||||||
|
.search-controls {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-s);
|
||||||
|
padding: var(--space-3xs) var(--space-m);
|
||||||
|
border-bottom: 1px solid var(--border-secondary);
|
||||||
|
flex-shrink: 0;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-filter-label {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-3xs);
|
||||||
|
font-size: var(--step--2);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.06em;
|
||||||
|
white-space: nowrap;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-filter-select {
|
||||||
|
font-size: var(--step--1);
|
||||||
|
border: 1px solid var(--border-primary);
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: var(--space-3xs) var(--space-2xs);
|
||||||
|
background: var(--bg-primary);
|
||||||
|
color: var(--text-primary);
|
||||||
|
font-family: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-filter-select:focus {
|
||||||
|
border-color: var(--accent-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-apply-btn {
|
||||||
|
font-size: var(--step--1);
|
||||||
|
padding: var(--space-3xs) var(--space-xs);
|
||||||
|
background: var(--accent-primary);
|
||||||
|
color: var(--accent-foreground);
|
||||||
|
border: none;
|
||||||
|
border-radius: 3px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-family: inherit;
|
||||||
|
transition: background 0.15s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-apply-btn:hover {
|
||||||
|
background: var(--accent-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-reset-link {
|
||||||
|
font-size: var(--step--1);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
text-decoration: underline;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Search results pagination */
|
||||||
|
.pagination-wrap {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-2xs);
|
||||||
|
padding: var(--space-m) 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination-btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-width: 2.75rem;
|
||||||
|
min-height: 2.75rem;
|
||||||
|
padding: 0 var(--space-2xs);
|
||||||
|
border: 1px solid var(--border-secondary);
|
||||||
|
border-radius: 3px;
|
||||||
|
color: var(--text-primary);
|
||||||
|
font-size: var(--step--1);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all 0.15s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination-btn:hover:not(.disabled) {
|
||||||
|
border-color: var(--accent-primary);
|
||||||
|
color: var(--accent-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination-btn.disabled {
|
||||||
|
opacity: 0.3;
|
||||||
|
cursor: not-allowed;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination-info {
|
||||||
|
font-size: var(--step--1);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
padding: 0 var(--space-2xs);
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-empty {
|
||||||
|
padding: var(--space-xl) var(--space-m);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
font-size: var(--step-0);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Error message */
|
||||||
|
.search-error {
|
||||||
|
background: var(--search-error-bg);
|
||||||
|
border-left: 3px solid var(--search-error-border);
|
||||||
|
color: var(--search-error-color);
|
||||||
|
padding: var(--space-2xs) var(--space-s);
|
||||||
|
font-size: var(--step--1);
|
||||||
|
margin: var(--space-2xs) var(--space-m);
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
@@ -1,338 +0,0 @@
|
|||||||
/* ============================================================
|
|
||||||
RÉPERTOIRE / SEARCH PAGE (repertoire.php)
|
|
||||||
============================================================ */
|
|
||||||
|
|
||||||
@import url("./variables.css");
|
|
||||||
|
|
||||||
.search-body {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100vh;
|
|
||||||
overflow: hidden;
|
|
||||||
background: var(--bg-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-main {
|
|
||||||
flex: 1;
|
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ---- 6-column index layout ---- */
|
|
||||||
.repertoire-index {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 0.7fr 1.2fr 1.4fr 0.9fr 1.4fr 1fr;
|
|
||||||
gap: 0;
|
|
||||||
padding: 0 var(--space-m);
|
|
||||||
min-height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
|
||||||
.repertoire-index {
|
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
|
||||||
padding: 0 var(--space-s);
|
|
||||||
min-height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.repertoire-col {
|
|
||||||
border-right: 1px solid var(--border-secondary);
|
|
||||||
border-bottom: 1px solid var(--border-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.repertoire-col:nth-child(3n) {
|
|
||||||
border-right: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
.repertoire-index {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
padding: 0 var(--space-s);
|
|
||||||
min-height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.repertoire-col {
|
|
||||||
border-right: none;
|
|
||||||
border-bottom: 1px solid var(--border-primary);
|
|
||||||
padding: var(--space-s) 0 var(--space-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
.repertoire-col:last-child {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.repertoire-col {
|
|
||||||
padding: var(--space-xs) var(--space-2xs) var(--space-l);
|
|
||||||
border-right: 1px solid var(--border-secondary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.repertoire-col:last-child {
|
|
||||||
border-right: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.repertoire-index section > h2 {
|
|
||||||
font-size: var(--step--2);
|
|
||||||
letter-spacing: 0.1em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-secondary);
|
|
||||||
font-weight: 400;
|
|
||||||
margin: 0 0 var(--space-2xs) 0;
|
|
||||||
padding-bottom: var(--space-3xs);
|
|
||||||
border-bottom: 1px solid var(--border-secondary);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Strip list chrome inside repertoire columns */
|
|
||||||
.repertoire-col ul {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ---- rep-entry: shared base (button + link variants) ---- */
|
|
||||||
.rep-entry {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
text-align: left;
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
padding: var(--space-3xs) 0;
|
|
||||||
margin: 0;
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: var(--step-0);
|
|
||||||
color: var(--text-primary);
|
|
||||||
line-height: 1.4;
|
|
||||||
cursor: pointer;
|
|
||||||
text-decoration: none;
|
|
||||||
transition: color 0.15s, opacity 0.15s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rep-entry:hover {
|
|
||||||
color: var(--accent-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Link variant (students col) — no underline by default */
|
|
||||||
.rep-entry--link {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Selected: accent color */
|
|
||||||
.rep-entry--selected {
|
|
||||||
color: var(--accent-primary) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Faded/disabled: muted, not interactive */
|
|
||||||
.rep-entry--faded {
|
|
||||||
opacity: 0.3;
|
|
||||||
cursor: not-allowed;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Years column — big bold numbers */
|
|
||||||
.repertoire-col[data-col="years"] .rep-entry {
|
|
||||||
font-size: var(--step-3);
|
|
||||||
font-weight: 700;
|
|
||||||
line-height: 1.1;
|
|
||||||
letter-spacing: -0.02em;
|
|
||||||
padding: var(--space-3xs) 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Empty state in students column */
|
|
||||||
.rep-empty {
|
|
||||||
color: var(--text-tertiary);
|
|
||||||
font-size: var(--step--1);
|
|
||||||
padding: var(--space-3xs) 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ---- HTMX loading indicator ---- */
|
|
||||||
.rep-indicator {
|
|
||||||
display: block;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
height: 2px;
|
|
||||||
background: var(--accent-primary);
|
|
||||||
opacity: 0;
|
|
||||||
transition: opacity 0.15s;
|
|
||||||
z-index: 100;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rep-indicator.htmx-request {
|
|
||||||
opacity: 1;
|
|
||||||
animation: rep-progress 1.2s ease-in-out infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes rep-progress {
|
|
||||||
0% { transform: scaleX(0); transform-origin: left; }
|
|
||||||
50% { transform: scaleX(0.7); transform-origin: left; }
|
|
||||||
100% { transform: scaleX(1); transform-origin: left; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ---- Search results view (grid) ---- */
|
|
||||||
.search-results-header {
|
|
||||||
display: block;
|
|
||||||
font-size: var(--step--1);
|
|
||||||
color: var(--text-secondary);
|
|
||||||
margin: var(--space-s) var(--space-m) var(--space-2xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
.results-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
|
||||||
gap: var(--space-m);
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: var(--space-2xs) var(--space-m) var(--space-m);
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-card {
|
|
||||||
text-decoration: none;
|
|
||||||
color: inherit;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: var(--space-3xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-card__authors {
|
|
||||||
font-size: var(--step--1);
|
|
||||||
font-weight: 500;
|
|
||||||
color: var(--text-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-card__title {
|
|
||||||
font-size: var(--step--1);
|
|
||||||
color: var(--text-secondary);
|
|
||||||
line-height: 1.35;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-line-clamp: 2;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.result-card__meta {
|
|
||||||
font-size: var(--step--2);
|
|
||||||
color: var(--accent-primary);
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Search controls bar */
|
|
||||||
.search-controls {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: var(--space-s);
|
|
||||||
padding: var(--space-3xs) var(--space-m);
|
|
||||||
border-bottom: 1px solid var(--border-secondary);
|
|
||||||
flex-shrink: 0;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-filter-label {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: var(--space-3xs);
|
|
||||||
font-size: var(--step--2);
|
|
||||||
color: var(--text-secondary);
|
|
||||||
text-transform: uppercase;
|
|
||||||
letter-spacing: 0.06em;
|
|
||||||
white-space: nowrap;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-filter-select {
|
|
||||||
font-size: var(--step--1);
|
|
||||||
border: 1px solid var(--border-primary);
|
|
||||||
border-radius: 3px;
|
|
||||||
padding: var(--space-3xs) var(--space-2xs);
|
|
||||||
background: var(--bg-primary);
|
|
||||||
color: var(--text-primary);
|
|
||||||
font-family: inherit;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-filter-select:focus {
|
|
||||||
border-color: var(--accent-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-apply-btn {
|
|
||||||
font-size: var(--step--1);
|
|
||||||
padding: var(--space-3xs) var(--space-xs);
|
|
||||||
background: var(--accent-primary);
|
|
||||||
color: var(--accent-foreground);
|
|
||||||
border: none;
|
|
||||||
border-radius: 3px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-family: inherit;
|
|
||||||
transition: background 0.15s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-apply-btn:hover {
|
|
||||||
background: var(--accent-secondary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-reset-link {
|
|
||||||
font-size: var(--step--1);
|
|
||||||
color: var(--text-secondary);
|
|
||||||
text-decoration: underline;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Search results pagination */
|
|
||||||
.pagination-wrap {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
gap: var(--space-2xs);
|
|
||||||
padding: var(--space-m) 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination-btn {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
min-width: 2.75rem;
|
|
||||||
min-height: 2.75rem;
|
|
||||||
padding: 0 var(--space-2xs);
|
|
||||||
border: 1px solid var(--border-secondary);
|
|
||||||
border-radius: 3px;
|
|
||||||
color: var(--text-primary);
|
|
||||||
font-size: var(--step--1);
|
|
||||||
text-decoration: none;
|
|
||||||
transition: all 0.15s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination-btn:hover:not(.disabled) {
|
|
||||||
border-color: var(--accent-primary);
|
|
||||||
color: var(--accent-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination-btn.disabled {
|
|
||||||
opacity: 0.3;
|
|
||||||
cursor: not-allowed;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination-info {
|
|
||||||
font-size: var(--step--1);
|
|
||||||
color: var(--text-secondary);
|
|
||||||
padding: 0 var(--space-2xs);
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-empty {
|
|
||||||
padding: var(--space-xl) var(--space-m);
|
|
||||||
color: var(--text-secondary);
|
|
||||||
font-size: var(--step-0);
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Error message */
|
|
||||||
.search-error {
|
|
||||||
background: var(--search-error-bg);
|
|
||||||
border-left: 3px solid var(--search-error-border);
|
|
||||||
color: var(--search-error-color);
|
|
||||||
padding: var(--space-2xs) var(--space-s);
|
|
||||||
font-size: var(--step--1);
|
|
||||||
margin: var(--space-2xs) var(--space-m);
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
@@ -4,13 +4,6 @@
|
|||||||
|
|
||||||
@import url("./variables.css");
|
@import url("./variables.css");
|
||||||
|
|
||||||
.tfe-body {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
min-height: 100vh;
|
|
||||||
background: var(--bg-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.tfe-main {
|
.tfe-main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: var(--space-l) var(--space-m) var(--space-xl);
|
padding: var(--space-l) var(--space-m) var(--space-xl);
|
||||||
|
|||||||
@@ -1,3 +1,47 @@
|
|||||||
|
/* ============================================================
|
||||||
|
Fonts
|
||||||
|
============================================================ */
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Ductus";
|
||||||
|
src: url("/assets/fonts/DuctusRegular.otf") format("opentype");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 398;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "BBBDMSans";
|
||||||
|
src: url("../fonts/BBBDMSans-Light.otf") format("opentype");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 298;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "BBBDMSans";
|
||||||
|
src: url("/assets/fonts/BBBDMSans-Regular.otf") format("opentype");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 398;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "BBBDMSans";
|
||||||
|
src: url("../fonts/BBBDMSans-Medium.otf") format("opentype");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 498;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "BBBDMSans";
|
||||||
|
src: url("../fonts/BBBDMSans-Bold.otf") format("opentype");
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 698;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
CSS VARIABLES (CUSTOM PROPERTIES)
|
CSS VARIABLES (CUSTOM PROPERTIES)
|
||||||
============================================================ */
|
============================================================ */
|
||||||
@@ -12,10 +56,9 @@
|
|||||||
--step-3: clamp(1.944rem, 1.7405rem + 0.9044vw, 2.4414rem);
|
--step-3: clamp(1.944rem, 1.7405rem + 0.9044vw, 2.4414rem);
|
||||||
--step-4: clamp(2.3328rem, 2.0387rem + 1.3072vw, 3.0518rem);
|
--step-4: clamp(2.3328rem, 2.0387rem + 1.3072vw, 3.0518rem);
|
||||||
--step-5: clamp(2.7994rem, 2.384rem + 1.8461vw, 3.8147rem);
|
--step-5: clamp(2.7994rem, 2.384rem + 1.8461vw, 3.8147rem);
|
||||||
}
|
|
||||||
|
|
||||||
/* @link https://utopia.fyi/space/calculator?c=360,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
|
/* @link https://utopia.fyi/space/calculator?c=360,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
|
||||||
:root {
|
|
||||||
--space-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
|
--space-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
|
||||||
--space-2xs: clamp(0.5625rem, 0.5369rem + 0.1136vw, 0.625rem);
|
--space-2xs: clamp(0.5625rem, 0.5369rem + 0.1136vw, 0.625rem);
|
||||||
--space-xs: clamp(0.875rem, 0.8494rem + 0.1136vw, 0.9375rem);
|
--space-xs: clamp(0.875rem, 0.8494rem + 0.1136vw, 0.9375rem);
|
||||||
@@ -38,9 +81,7 @@
|
|||||||
|
|
||||||
/* Custom pairs */
|
/* Custom pairs */
|
||||||
--space-s-l: clamp(1.125rem, 0.5625rem + 2.5vw, 2.5rem);
|
--space-s-l: clamp(1.125rem, 0.5625rem + 2.5vw, 2.5rem);
|
||||||
}
|
|
||||||
|
|
||||||
:root {
|
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
--font-body: "BBBDMSans", sans-serif;
|
--font-body: "BBBDMSans", sans-serif;
|
||||||
--font-display: "Ductus", sans-serif;
|
--font-display: "Ductus", sans-serif;
|
||||||
@@ -109,13 +150,13 @@
|
|||||||
--error-muted-bg: rgba(242, 90, 90, 0.12);
|
--error-muted-bg: rgba(242, 90, 90, 0.12);
|
||||||
--error-muted-border: rgba(242, 90, 90, 0.35);
|
--error-muted-border: rgba(242, 90, 90, 0.35);
|
||||||
--blue-muted-bg: rgba(65, 173, 255, 0.12);
|
--blue-muted-bg: rgba(65, 173, 255, 0.12);
|
||||||
--blue-muted-border: rgba(65, 173, 255, 0.30);
|
--blue-muted-border: rgba(65, 173, 255, 0.3);
|
||||||
--blue-muted-bg-hover: rgba(65, 173, 255, 0.22);
|
--blue-muted-bg-hover: rgba(65, 173, 255, 0.22);
|
||||||
--yellow-muted-bg: rgba(243, 156, 18, 0.12);
|
--yellow-muted-bg: rgba(243, 156, 18, 0.12);
|
||||||
--yellow-muted-border: rgba(243, 156, 18, 0.30);
|
--yellow-muted-border: rgba(243, 156, 18, 0.3);
|
||||||
--yellow-muted-bg-hover: rgba(243, 156, 18, 0.22);
|
--yellow-muted-bg-hover: rgba(243, 156, 18, 0.22);
|
||||||
--green-muted-bg: rgba(76, 175, 80, 0.12);
|
--green-muted-bg: rgba(76, 175, 80, 0.12);
|
||||||
--green-muted-border: rgba(76, 175, 80, 0.30);
|
--green-muted-border: rgba(76, 175, 80, 0.3);
|
||||||
--green-muted-bg-hover: rgba(76, 175, 80, 0.22);
|
--green-muted-bg-hover: rgba(76, 175, 80, 0.22);
|
||||||
--danger-border-muted: rgba(242, 90, 90, 0.35);
|
--danger-border-muted: rgba(242, 90, 90, 0.35);
|
||||||
}
|
}
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 6.9 KiB |
@@ -6,20 +6,41 @@
|
|||||||
* Admin panel and static files are served directly.
|
* Admin panel and static files are served directly.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
$uri = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
$uri = parse_url($_SERVER["REQUEST_URI"], PHP_URL_PATH);
|
||||||
|
|
||||||
// Static assets: let the dev server handle them directly
|
// Static assets: let the dev server handle them directly
|
||||||
$ext = pathinfo($uri, PATHINFO_EXTENSION);
|
$ext = pathinfo($uri, PATHINFO_EXTENSION);
|
||||||
if (in_array($ext, ['css', 'js', 'png', 'jpg', 'jpeg', 'gif', 'ico', 'svg', 'woff', 'woff2', 'ttf', 'eot', 'map'], true)) {
|
if (
|
||||||
|
in_array(
|
||||||
|
$ext,
|
||||||
|
[
|
||||||
|
"css",
|
||||||
|
"js",
|
||||||
|
"png",
|
||||||
|
"jpg",
|
||||||
|
"jpeg",
|
||||||
|
"gif",
|
||||||
|
"ico",
|
||||||
|
"svg",
|
||||||
|
"woff",
|
||||||
|
"woff2",
|
||||||
|
"ttf",
|
||||||
|
"eot",
|
||||||
|
"otf",
|
||||||
|
"map",
|
||||||
|
],
|
||||||
|
true,
|
||||||
|
)
|
||||||
|
) {
|
||||||
return false; // serve directly
|
return false; // serve directly
|
||||||
}
|
}
|
||||||
|
|
||||||
// Admin panel: serve files directly
|
// Admin panel: serve files directly
|
||||||
if (str_starts_with($uri, '/admin')) {
|
if (str_starts_with($uri, "/admin")) {
|
||||||
// Rewrite /admin → /admin/index.php
|
// Rewrite /admin → /admin/index.php
|
||||||
$file = __DIR__ . '/public' . $uri;
|
$file = __DIR__ . "/public" . $uri;
|
||||||
if (is_dir($file)) {
|
if (is_dir($file)) {
|
||||||
$file .= '/index.php';
|
$file .= "/index.php";
|
||||||
}
|
}
|
||||||
if (file_exists($file)) {
|
if (file_exists($file)) {
|
||||||
include $file;
|
include $file;
|
||||||
@@ -28,6 +49,6 @@ if (str_starts_with($uri, '/admin')) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Send everything else through the front controller
|
// Send everything else through the front controller
|
||||||
$_SERVER['SCRIPT_NAME'] = '/index.php';
|
$_SERVER["SCRIPT_NAME"] = "/index.php";
|
||||||
require __DIR__ . '/public/index.php';
|
require __DIR__ . "/public/index.php";
|
||||||
return true;
|
return true;
|
||||||
|
|||||||
@@ -35,7 +35,7 @@ class HomeController
|
|||||||
*/
|
*/
|
||||||
public static function create(): self
|
public static function create(): self
|
||||||
{
|
{
|
||||||
require_once APP_ROOT . '/src/Database.php';
|
require_once APP_ROOT . "/src/Database.php";
|
||||||
|
|
||||||
return new self(Database::getInstance());
|
return new self(Database::getInstance());
|
||||||
}
|
}
|
||||||
@@ -49,15 +49,15 @@ class HomeController
|
|||||||
*/
|
*/
|
||||||
public function handle(): array
|
public function handle(): array
|
||||||
{
|
{
|
||||||
$page = isset($_GET['page']) ? max(1, (int) $_GET['page']) : 1;
|
$page = isset($_GET["page"]) ? max(1, (int) $_GET["page"]) : 1;
|
||||||
$year = isset($_GET['year']) ? (int) $_GET['year'] : null;
|
$year = isset($_GET["year"]) ? (int) $_GET["year"] : null;
|
||||||
// Normalise zero (e.g. ?year=0) to null so it is treated as "no filter"
|
// Normalise zero (e.g. ?year=0) to null so it is treated as "no filter"
|
||||||
if ($year === 0) {
|
if ($year === 0) {
|
||||||
$year = null;
|
$year = null;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Default home view: random theses from latest year (no year filter, no explicit page)
|
// Default home view: random theses from latest year (no year filter, no explicit page)
|
||||||
$isDefaultView = ($year === null && $page === 1);
|
$isDefaultView = $year === null && $page === 1;
|
||||||
|
|
||||||
$itemsToLoad = [];
|
$itemsToLoad = [];
|
||||||
$totalItems = 0;
|
$totalItems = 0;
|
||||||
@@ -70,71 +70,87 @@ class HomeController
|
|||||||
$availableYears = $this->db->getAvailableYears();
|
$availableYears = $this->db->getAvailableYears();
|
||||||
|
|
||||||
if ($year !== null) {
|
if ($year !== null) {
|
||||||
$itemsToLoad = $this->db->searchTheses(['year' => $year], self::ITEMS_PER_PAGE, $offset);
|
$itemsToLoad = $this->db->searchTheses(
|
||||||
$totalItems = $this->db->countSearchResults(['year' => $year]);
|
["year" => $year],
|
||||||
|
self::ITEMS_PER_PAGE,
|
||||||
|
$offset,
|
||||||
|
);
|
||||||
|
$totalItems = $this->db->countSearchResults(["year" => $year]);
|
||||||
} elseif ($isDefaultView) {
|
} elseif ($isDefaultView) {
|
||||||
$latestYear = $this->db->getLatestPublishedYear();
|
$latestYear = $this->db->getLatestPublishedYear();
|
||||||
$itemsToLoad = $this->db->getLatestYearTheses(self::ITEMS_PER_PAGE);
|
$itemsToLoad = $this->db->getLatestYearTheses(
|
||||||
|
self::ITEMS_PER_PAGE,
|
||||||
|
);
|
||||||
$totalItems = count($itemsToLoad); // no multi-page on default view
|
$totalItems = count($itemsToLoad); // no multi-page on default view
|
||||||
} else {
|
} else {
|
||||||
$itemsToLoad = $this->db->getPublishedTheses(self::ITEMS_PER_PAGE, $offset);
|
$itemsToLoad = $this->db->getPublishedTheses(
|
||||||
|
self::ITEMS_PER_PAGE,
|
||||||
|
$offset,
|
||||||
|
);
|
||||||
$totalItems = $this->db->countPublishedTheses();
|
$totalItems = $this->db->countPublishedTheses();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Batch-load cover images for theses that have no banner_path
|
// Batch-load cover images for theses that have no banner_path
|
||||||
if (!empty($itemsToLoad)) {
|
if (!empty($itemsToLoad)) {
|
||||||
$needCover = array_column(
|
$needCover = array_column(
|
||||||
array_filter($itemsToLoad, static fn($t) => empty($t['banner_path'])),
|
array_filter(
|
||||||
'id'
|
$itemsToLoad,
|
||||||
|
static fn($t) => empty($t["banner_path"]),
|
||||||
|
),
|
||||||
|
"id",
|
||||||
);
|
);
|
||||||
if (!empty($needCover)) {
|
if (!empty($needCover)) {
|
||||||
$coverMap = $this->db->getCoverPathsForTheses($needCover);
|
$coverMap = $this->db->getCoverPathsForTheses($needCover);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} catch (Exception $e) {
|
} catch (Exception $e) {
|
||||||
error_log('HomeController: ' . $e->getMessage());
|
error_log("HomeController: " . $e->getMessage());
|
||||||
// Return safe empty state; view will show "Aucun mémoire trouvé"
|
// Return safe empty state; view will show "Aucun mémoire trouvé"
|
||||||
$isDefaultView = false;
|
$isDefaultView = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
$totalPages = $isDefaultView ? 1 : (int) ceil($totalItems / self::ITEMS_PER_PAGE);
|
$totalPages = $isDefaultView
|
||||||
|
? 1
|
||||||
|
: (int) ceil($totalItems / self::ITEMS_PER_PAGE);
|
||||||
// Avoid division by zero on empty DB
|
// Avoid division by zero on empty DB
|
||||||
if ($totalPages < 1) {
|
if ($totalPages < 1) {
|
||||||
$totalPages = 0;
|
$totalPages = 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
$baseParams = array_filter(['year' => $year]);
|
$baseParams = array_filter(["year" => $year]);
|
||||||
|
|
||||||
return [
|
return [
|
||||||
// Pagination / filter state
|
// Pagination / filter state
|
||||||
'page' => $page,
|
"page" => $page,
|
||||||
'year' => $year,
|
"year" => $year,
|
||||||
'isDefaultView' => $isDefaultView,
|
"isDefaultView" => $isDefaultView,
|
||||||
'totalItems' => $totalItems,
|
"totalItems" => $totalItems,
|
||||||
'totalPages' => $totalPages,
|
"totalPages" => $totalPages,
|
||||||
'baseParams' => $baseParams,
|
"baseParams" => $baseParams,
|
||||||
|
|
||||||
// Thesis data
|
// Thesis data
|
||||||
'itemsToLoad' => $itemsToLoad,
|
"itemsToLoad" => $itemsToLoad,
|
||||||
'latestYear' => $latestYear,
|
"latestYear" => $latestYear,
|
||||||
'availableYears' => $availableYears,
|
"availableYears" => $availableYears,
|
||||||
'coverMap' => $coverMap,
|
"coverMap" => $coverMap,
|
||||||
|
|
||||||
// Page meta
|
// Page meta
|
||||||
'pageTitle' => 'Posterg – Mémoires de l\'ERG',
|
"pageTitle" => 'Posterg – Mémoires de l\'ERG',
|
||||||
'metaDescription' => 'Posterg répertorie et valorise les mémoires de fin d\'études (TFE) de l\'erg – École de Recherches Graphiques de Bruxelles.',
|
"metaDescription" =>
|
||||||
'ogTags' => [
|
'Posterg répertorie et valorise les mémoires de fin d\'études (TFE) de l\'erg – École de Recherches Graphiques de Bruxelles.',
|
||||||
'type' => 'website',
|
"ogTags" => [
|
||||||
'title' => 'Posterg – Mémoires de l\'ERG',
|
"type" => "website",
|
||||||
'description' => 'Posterg répertorie et valorise les mémoires de fin d\'études (TFE) de l\'erg – École de Recherches Graphiques de Bruxelles.',
|
"title" => 'Posterg – Mémoires de l\'ERG',
|
||||||
'url' => 'https://posterg.erg.be/',
|
"description" =>
|
||||||
'site_name' => 'Posterg – ERG',
|
'Posterg répertorie et valorise les mémoires de fin d\'études (TFE) de l\'erg – École de Recherches Graphiques de Bruxelles.',
|
||||||
|
"url" => "https://posterg.erg.be/",
|
||||||
|
"site_name" => "Posterg – ERG",
|
||||||
],
|
],
|
||||||
|
|
||||||
// Layout
|
// Layout
|
||||||
'currentNav' => '',
|
"currentNav" => "",
|
||||||
'extraCss' => ['/assets/css/main.css'],
|
"extraCss" => ["/assets/css/public.css"],
|
||||||
'bodyClass' => 'home-body',
|
"bodyClass" => "home-body",
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -42,10 +42,13 @@ class SearchController
|
|||||||
*/
|
*/
|
||||||
public static function create(): self
|
public static function create(): self
|
||||||
{
|
{
|
||||||
require_once APP_ROOT . '/src/Database.php';
|
require_once APP_ROOT . "/src/Database.php";
|
||||||
require_once APP_ROOT . '/src/RateLimit.php';
|
require_once APP_ROOT . "/src/RateLimit.php";
|
||||||
|
|
||||||
$rateLimit = new RateLimit(self::RATE_LIMIT_MAX, self::RATE_LIMIT_WINDOW);
|
$rateLimit = new RateLimit(
|
||||||
|
self::RATE_LIMIT_MAX,
|
||||||
|
self::RATE_LIMIT_WINDOW,
|
||||||
|
);
|
||||||
|
|
||||||
if (!$rateLimit->check()) {
|
if (!$rateLimit->check()) {
|
||||||
self::sendRateLimitResponse($rateLimit);
|
self::sendRateLimitResponse($rateLimit);
|
||||||
@@ -72,7 +75,7 @@ class SearchController
|
|||||||
public function handleSearch(): array
|
public function handleSearch(): array
|
||||||
{
|
{
|
||||||
$searchParams = $this->collectSearchParams();
|
$searchParams = $this->collectSearchParams();
|
||||||
$page = isset($_GET['page']) ? max(1, (int) $_GET['page']) : 1;
|
$page = isset($_GET["page"]) ? max(1, (int) $_GET["page"]) : 1;
|
||||||
$offset = ($page - 1) * self::ITEMS_PER_PAGE;
|
$offset = ($page - 1) * self::ITEMS_PER_PAGE;
|
||||||
$validationError = null;
|
$validationError = null;
|
||||||
|
|
||||||
@@ -84,7 +87,11 @@ class SearchController
|
|||||||
$apPrograms = [];
|
$apPrograms = [];
|
||||||
|
|
||||||
try {
|
try {
|
||||||
$results = $this->db->searchTheses($searchParams, self::ITEMS_PER_PAGE, $offset);
|
$results = $this->db->searchTheses(
|
||||||
|
$searchParams,
|
||||||
|
self::ITEMS_PER_PAGE,
|
||||||
|
$offset,
|
||||||
|
);
|
||||||
$totalItems = $this->db->countSearchResults($searchParams);
|
$totalItems = $this->db->countSearchResults($searchParams);
|
||||||
$totalPages = (int) ceil($totalItems / self::ITEMS_PER_PAGE);
|
$totalPages = (int) ceil($totalItems / self::ITEMS_PER_PAGE);
|
||||||
$years = $this->db->getAvailableYears();
|
$years = $this->db->getAvailableYears();
|
||||||
@@ -93,43 +100,48 @@ class SearchController
|
|||||||
} catch (InvalidArgumentException $e) {
|
} catch (InvalidArgumentException $e) {
|
||||||
$validationError = $e->getMessage();
|
$validationError = $e->getMessage();
|
||||||
} catch (Exception $e) {
|
} catch (Exception $e) {
|
||||||
error_log('SearchController: ' . $e->getMessage());
|
error_log("SearchController: " . $e->getMessage());
|
||||||
$validationError = 'Une erreur est survenue.';
|
$validationError = "Une erreur est survenue.";
|
||||||
}
|
}
|
||||||
|
|
||||||
// Preserve all active params, strip 'page' (pagination partial adds it)
|
// Preserve all active params, strip 'page' (pagination partial adds it)
|
||||||
$baseParams = array_diff_key($_GET, ['page' => '']);
|
$baseParams = array_diff_key($_GET, ["page" => ""]);
|
||||||
|
|
||||||
$query = $_GET['query'] ?? '';
|
$query = $_GET["query"] ?? "";
|
||||||
|
|
||||||
return [
|
return [
|
||||||
'searchParams' => $searchParams,
|
"searchParams" => $searchParams,
|
||||||
'page' => $page,
|
"page" => $page,
|
||||||
'totalItems' => $totalItems,
|
"totalItems" => $totalItems,
|
||||||
'totalPages' => $totalPages,
|
"totalPages" => $totalPages,
|
||||||
'results' => $results,
|
"results" => $results,
|
||||||
'validationError' => $validationError,
|
"validationError" => $validationError,
|
||||||
'baseParams' => $baseParams,
|
"baseParams" => $baseParams,
|
||||||
|
|
||||||
// Filter dropdowns
|
// Filter dropdowns
|
||||||
'years' => $years,
|
"years" => $years,
|
||||||
'orientations' => $orientations,
|
"orientations" => $orientations,
|
||||||
'apPrograms' => $apPrograms,
|
"apPrograms" => $apPrograms,
|
||||||
|
|
||||||
// Page meta
|
// Page meta
|
||||||
'searchBarValue' => $query,
|
"searchBarValue" => $query,
|
||||||
'pageTitle' => $query !== '' ? 'Recherche : ' . $query . ' – Posterg' : 'Recherche – Posterg',
|
"pageTitle" =>
|
||||||
'metaDescription' => "Résultats de recherche dans le répertoire des TFE de l'erg.",
|
$query !== ""
|
||||||
'ogTags' => [
|
? "Recherche : " . $query . " – Posterg"
|
||||||
'type' => 'website',
|
: "Recherche – Posterg",
|
||||||
'title' => 'Recherche – Posterg',
|
"metaDescription" =>
|
||||||
'description' => "Résultats de recherche dans le répertoire des TFE de l'erg.",
|
"Résultats de recherche dans le répertoire des TFE de l'erg.",
|
||||||
'url' => 'https://posterg.erg.be/search',
|
"ogTags" => [
|
||||||
'site_name' => 'Posterg – ERG',
|
"type" => "website",
|
||||||
|
"title" => "Recherche – Posterg",
|
||||||
|
"description" =>
|
||||||
|
"Résultats de recherche dans le répertoire des TFE de l'erg.",
|
||||||
|
"url" => "https://posterg.erg.be/search",
|
||||||
|
"site_name" => "Posterg – ERG",
|
||||||
],
|
],
|
||||||
'currentNav' => 'repertoire',
|
"currentNav" => "repertoire",
|
||||||
'extraCss' => ['/assets/css/search.css'],
|
"extraCss" => ["/assets/css/repertoire.css"],
|
||||||
'bodyClass' => 'search-body',
|
"bodyClass" => "search-body",
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -141,7 +153,7 @@ class SearchController
|
|||||||
*/
|
*/
|
||||||
public function handleRepertoire(): array
|
public function handleRepertoire(): array
|
||||||
{
|
{
|
||||||
$isHtmx = !empty($_SERVER['HTTP_HX_REQUEST']);
|
$isHtmx = !empty($_SERVER["HTTP_HX_REQUEST"]);
|
||||||
$activeFilters = $this->collectFilterParams();
|
$activeFilters = $this->collectFilterParams();
|
||||||
$repData = null;
|
$repData = null;
|
||||||
$validationError = null;
|
$validationError = null;
|
||||||
@@ -151,8 +163,8 @@ class SearchController
|
|||||||
} catch (InvalidArgumentException $e) {
|
} catch (InvalidArgumentException $e) {
|
||||||
$validationError = $e->getMessage();
|
$validationError = $e->getMessage();
|
||||||
} catch (Exception $e) {
|
} catch (Exception $e) {
|
||||||
error_log('SearchController: ' . $e->getMessage());
|
error_log("SearchController: " . $e->getMessage());
|
||||||
$validationError = 'Une erreur est survenue.';
|
$validationError = "Une erreur est survenue.";
|
||||||
}
|
}
|
||||||
|
|
||||||
// HTMX partial: render just the index div and exit
|
// HTMX partial: render just the index div and exit
|
||||||
@@ -161,25 +173,27 @@ class SearchController
|
|||||||
}
|
}
|
||||||
|
|
||||||
return [
|
return [
|
||||||
'repData' => $repData,
|
"repData" => $repData,
|
||||||
'activeFilters' => $activeFilters,
|
"activeFilters" => $activeFilters,
|
||||||
'isHtmx' => $isHtmx,
|
"isHtmx" => $isHtmx,
|
||||||
'validationError' => $validationError,
|
"validationError" => $validationError,
|
||||||
|
|
||||||
// Page meta
|
// Page meta
|
||||||
'searchBarValue' => '',
|
"searchBarValue" => "",
|
||||||
'pageTitle' => 'Répertoire – Posterg',
|
"pageTitle" => "Répertoire – Posterg",
|
||||||
'metaDescription' => "Parcourez le répertoire des mémoires de fin d'études (TFE) de l'erg – École de Recherches Graphiques de Bruxelles.",
|
"metaDescription" =>
|
||||||
'ogTags' => [
|
"Parcourez le répertoire des mémoires de fin d'études (TFE) de l'erg – École de Recherches Graphiques de Bruxelles.",
|
||||||
'type' => 'website',
|
"ogTags" => [
|
||||||
'title' => 'Répertoire – Posterg',
|
"type" => "website",
|
||||||
'description' => "Parcourez le répertoire des mémoires de fin d'études (TFE) de l'erg – École de Recherches Graphiques de Bruxelles.",
|
"title" => "Répertoire – Posterg",
|
||||||
'url' => 'https://posterg.erg.be/repertoire',
|
"description" =>
|
||||||
'site_name' => 'Posterg – ERG',
|
"Parcourez le répertoire des mémoires de fin d'études (TFE) de l'erg – École de Recherches Graphiques de Bruxelles.",
|
||||||
|
"url" => "https://posterg.erg.be/repertoire",
|
||||||
|
"site_name" => "Posterg – ERG",
|
||||||
],
|
],
|
||||||
'currentNav' => 'repertoire',
|
"currentNav" => "repertoire",
|
||||||
'extraCss' => ['/assets/css/search.css'],
|
"extraCss" => ["/assets/css/repertoire.css"],
|
||||||
'bodyClass' => 'search-body',
|
"bodyClass" => "search-body",
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -189,12 +203,14 @@ class SearchController
|
|||||||
* Render the repertoire index partial and exit (for HTMX swaps).
|
* Render the repertoire index partial and exit (for HTMX swaps).
|
||||||
* Never returns.
|
* Never returns.
|
||||||
*/
|
*/
|
||||||
private function renderRepertoirePartial(array $repData, array $activeFilters): never
|
private function renderRepertoirePartial(
|
||||||
{
|
array $repData,
|
||||||
header('Content-Type: text/html; charset=UTF-8');
|
array $activeFilters,
|
||||||
|
): never {
|
||||||
|
header("Content-Type: text/html; charset=UTF-8");
|
||||||
$isHtmx = true;
|
$isHtmx = true;
|
||||||
include APP_ROOT . '/templates/partials/repertoire-index.php';
|
include APP_ROOT . "/templates/partials/repertoire-index.php";
|
||||||
exit;
|
exit();
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -206,12 +222,14 @@ class SearchController
|
|||||||
*/
|
*/
|
||||||
private function collectFilterParams(): array
|
private function collectFilterParams(): array
|
||||||
{
|
{
|
||||||
$sanitiseStrings = function(mixed $raw, int $maxLen = 100): array {
|
$sanitiseStrings = function (mixed $raw, int $maxLen = 100): array {
|
||||||
if (!is_array($raw)) return [];
|
if (!is_array($raw)) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
$out = [];
|
$out = [];
|
||||||
foreach ($raw as $v) {
|
foreach ($raw as $v) {
|
||||||
$v = trim((string)$v);
|
$v = trim((string) $v);
|
||||||
if ($v !== '' && strlen($v) <= $maxLen) {
|
if ($v !== "" && strlen($v) <= $maxLen) {
|
||||||
$out[] = $v;
|
$out[] = $v;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -219,20 +237,22 @@ class SearchController
|
|||||||
};
|
};
|
||||||
|
|
||||||
$years = [];
|
$years = [];
|
||||||
if (!empty($_GET['fy']) && is_array($_GET['fy'])) {
|
if (!empty($_GET["fy"]) && is_array($_GET["fy"])) {
|
||||||
foreach ($_GET['fy'] as $y) {
|
foreach ($_GET["fy"] as $y) {
|
||||||
$y = (int)$y;
|
$y = (int) $y;
|
||||||
if ($y >= 1900 && $y <= 2100) $years[] = $y;
|
if ($y >= 1900 && $y <= 2100) {
|
||||||
|
$years[] = $y;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
$years = array_values(array_unique($years));
|
$years = array_values(array_unique($years));
|
||||||
}
|
}
|
||||||
|
|
||||||
return [
|
return [
|
||||||
'years' => $years,
|
"years" => $years,
|
||||||
'ap' => $sanitiseStrings($_GET['ap'] ?? []),
|
"ap" => $sanitiseStrings($_GET["ap"] ?? []),
|
||||||
'or' => $sanitiseStrings($_GET['or'] ?? []),
|
"or" => $sanitiseStrings($_GET["or"] ?? []),
|
||||||
'fi' => $sanitiseStrings($_GET['fi'] ?? []),
|
"fi" => $sanitiseStrings($_GET["fi"] ?? []),
|
||||||
'kw' => $sanitiseStrings($_GET['kw'] ?? []),
|
"kw" => $sanitiseStrings($_GET["kw"] ?? []),
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -245,20 +265,20 @@ class SearchController
|
|||||||
{
|
{
|
||||||
$params = [];
|
$params = [];
|
||||||
|
|
||||||
if (!empty($_GET['query'])) {
|
if (!empty($_GET["query"])) {
|
||||||
$params['query'] = trim((string) $_GET['query']);
|
$params["query"] = trim((string) $_GET["query"]);
|
||||||
}
|
}
|
||||||
if (!empty($_GET['year'])) {
|
if (!empty($_GET["year"])) {
|
||||||
$params['year'] = (int) $_GET['year'];
|
$params["year"] = (int) $_GET["year"];
|
||||||
}
|
}
|
||||||
if (!empty($_GET['orientation'])) {
|
if (!empty($_GET["orientation"])) {
|
||||||
$params['orientation'] = (string) $_GET['orientation'];
|
$params["orientation"] = (string) $_GET["orientation"];
|
||||||
}
|
}
|
||||||
if (!empty($_GET['ap_program'])) {
|
if (!empty($_GET["ap_program"])) {
|
||||||
$params['ap_program'] = (string) $_GET['ap_program'];
|
$params["ap_program"] = (string) $_GET["ap_program"];
|
||||||
}
|
}
|
||||||
if (!empty($_GET['keyword'])) {
|
if (!empty($_GET["keyword"])) {
|
||||||
$params['keyword'] = (string) $_GET['keyword'];
|
$params["keyword"] = (string) $_GET["keyword"];
|
||||||
}
|
}
|
||||||
|
|
||||||
return $params;
|
return $params;
|
||||||
@@ -272,13 +292,13 @@ class SearchController
|
|||||||
private static function sendRateLimitResponse(RateLimit $rateLimit): never
|
private static function sendRateLimitResponse(RateLimit $rateLimit): never
|
||||||
{
|
{
|
||||||
http_response_code(429);
|
http_response_code(429);
|
||||||
header('Retry-After: ' . $rateLimit->getResetTime());
|
header("Retry-After: " . $rateLimit->getResetTime());
|
||||||
$retrySeconds = (int) $rateLimit->getResetTime();
|
$retrySeconds = (int) $rateLimit->getResetTime();
|
||||||
|
|
||||||
echo <<<HTML
|
echo <<<HTML
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Trop de requêtes – Posterg</title>
|
<title>Trop de requêtes – Posterg</title>
|
||||||
@@ -303,17 +323,17 @@ class SearchController
|
|||||||
.box__title { font-size: 1.6rem; font-weight: 300; margin-bottom: 1rem; }
|
.box__title { font-size: 1.6rem; font-weight: 300; margin-bottom: 1rem; }
|
||||||
.box__text { font-size: .95rem; color: #999; line-height: 1.7; }
|
.box__text { font-size: .95rem; color: #999; line-height: 1.7; }
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<div class="box__logo">POSTERG</div>
|
<div class="box__logo">POSTERG</div>
|
||||||
<h1 class="box__title">Trop de requêtes</h1>
|
<h1 class="box__title">Trop de requêtes</h1>
|
||||||
<p class="box__text">Vous avez effectué trop de recherches en peu de temps.<br>
|
<p class="box__text">Vous avez effectué trop de recherches en peu de temps.<br>
|
||||||
Réessayez dans {$retrySeconds} secondes.</p>
|
Réessayez dans {$retrySeconds} secondes.</p>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
HTML;
|
HTML;
|
||||||
exit;
|
exit();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
1
app/storage/cache/rate_limit/f528764d624db129b32c21fbca0cb8d6.json
vendored
Normal file
1
app/storage/cache/rate_limit/f528764d624db129b32c21fbca0cb8d6.json
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
[1777059009,1777059010,1777059010,1777059010,1777059010,1777059010,1777059010,1777059010,1777059011,1777059011,1777059011,1777059011,1777059011,1777059011,1777059011,1777059011,1777059011,1777059011,1777059012,1777059012,1777059012,1777059012,1777059013,1777059013,1777059013,1777059013,1777059013,1777059013,1777059013,1777059013]
|
||||||
Binary file not shown.
@@ -1,6 +1,3 @@
|
|||||||
<!-- footer.php -->
|
<!-- footer.php -->
|
||||||
<footer>
|
|
||||||
</footer>
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user