SPB Git forge
spboucher.ai ↗

spb/rent-ka

Public
8commits 1branches 0releases
7.4 MBsize
maindefault branch
19 days agolast push
Python 68.8% TypeScript 18.6% CSS 8.7% JavaScript 3.3% HTML 0.6%

Branding sweep: purge remaining Lou-Ka orange (rgba form) + old doc PDF

- styles.css: rgba(255,106,0,*) → cobalt rgba(36,86,230,*) (hero halo, pulses, shadows, badges)
- removed public/doc/lou-ka-documentation.pdf from served assets
- frontend rebuilt; og/manifest/icons verified Rent-Ka on live share previews

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Simon-Pierre Boucher committed 27 days ago (Aug 28, 2026) parent ebdbdff

2 changed files +15 −15

deleted frontend/public/doc/lou-ka-documentation.pdf +0 −0

Binary file not shown.

modified frontend/src/styles.css +15 −15
@@ -95,7 +95,7 @@ html, body { overflow-x: clip; }
95 95 .hero::before {
96 96 content: ""; position: absolute; z-index: -1; top: -60px; right: -120px;
97 97 width: 560px; height: 460px; pointer-events: none;
98 − background: radial-gradient(closest-side, rgba(255, 106, 0, 0.13), transparent 72%);
98 + background: radial-gradient(closest-side, rgba(36, 86, 230, 0.13), transparent 72%);
99 99 }
100 100 .hero::after {
101 101 content: ""; position: absolute; z-index: -1; inset: -20px -40px 0 0; pointer-events: none;
@@ -127,7 +127,7 @@ html, body { overflow-x: clip; }
127 127 width: 8px; height: 8px; border-radius: 50%; background: var(--orange);
128 128 box-shadow: 0 0 0 4px var(--orange-soft); animation: pulse 2.4s ease infinite;
129 129 }
130 −@keyframes pulse { 50% { box-shadow: 0 0 0 7px rgba(255, 106, 0, 0.18); } }
130 +@keyframes pulse { 50% { box-shadow: 0 0 0 7px rgba(36, 86, 230, 0.18); } }
131 131
132 132 /* ================= Rangée d'avantages ================= */
133 133 .benefits {
@@ -147,7 +147,7 @@ html, body { overflow-x: clip; }
147 147 width: 42px; height: 42px; border-radius: var(--r-pill); flex: none;
148 148 display: flex; align-items: center; justify-content: center;
149 149 background: var(--orange-soft); color: var(--orange);
150 − border: 1px solid rgba(255, 106, 0, 0.25);
150 + border: 1px solid rgba(36, 86, 230, 0.25);
151 151 }
152 152 .benefit-ico.blue { background: var(--blue-soft); color: var(--blue); border-color: rgba(28, 92, 65, 0.25); }
153 153 .benefit-label {
@@ -445,7 +445,7 @@ html, body { overflow-x: clip; }
445 445 display: block; text-align: center; background: var(--orange); color: var(--white);
446 446 font-weight: 600; font-family: var(--font-display); border-radius: var(--r-pill);
447 447 padding: 15px; min-height: 48px;
448 − box-shadow: 0 8px 22px rgba(255, 106, 0, 0.34); transition: all 0.14s ease;
448 + box-shadow: 0 8px 22px rgba(36, 86, 230, 0.34); transition: all 0.14s ease;
449 449 }
450 450 .cta:hover { background: var(--orange-deep); }
451 451 .cta:active { transform: translateY(1px); }
@@ -672,7 +672,7 @@ html, body { overflow-x: clip; }
672 672 background: var(--orange); color: var(--white); border: none;
673 673 border-radius: var(--r-pill); padding: 13px 24px; font-family: var(--font-display);
674 674 font-weight: 600; font-size: 15px; cursor: pointer;
675 − box-shadow: 0 10px 28px rgba(255, 106, 0, 0.4);
675 + box-shadow: 0 10px 28px rgba(36, 86, 230, 0.4);
676 676 }
677 677 .fab:active { transform: translateX(-50%) scale(0.97); }
678 678
@@ -968,7 +968,7 @@ html:has(.mobile-menu.open) { overflow: hidden; }
968 968 padding: 7px 14px; font-size: 12.5px; background: var(--surface);
969 969 }
970 970 .q-badge.cool { background: var(--blue-soft); border-color: rgba(28, 92, 65, 0.3); color: var(--blue); }
971 −.q-badge.hot { background: var(--orange-soft); border-color: rgba(255, 106, 0, 0.35); color: var(--orange-deep); }
971 +.q-badge.hot { background: var(--orange-soft); border-color: rgba(36, 86, 230, 0.35); color: var(--orange-deep); }
972 972 .quartier .fine { margin-top: 10px; }
973 973
974 974 /* --- Fiche v2 (mobile-first) ------------------------------------------------ */
@@ -1027,7 +1027,7 @@ html:has(.mobile-menu.open) { overflow: hidden; }
1027 1027 }
1028 1028 .deal-good { background: var(--blue-soft); border-color: rgba(28, 92, 65, 0.3); color: var(--blue); }
1029 1029 .deal-ok { background: var(--surface); color: var(--ink-2); }
1030 −.deal-high { background: var(--orange-soft); border-color: rgba(255, 106, 0, 0.35); color: var(--orange-deep); }
1030 +.deal-high { background: var(--orange-soft); border-color: rgba(36, 86, 230, 0.35); color: var(--orange-deep); }
1031 1031 .f-hero h1 { font-size: clamp(20px, 4.5vw, 26px); margin-top: 8px; }
1032 1032
1033 1033 /* chips clés à défilement horizontal */
@@ -1269,7 +1269,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */
1269 1269 .mv-noimg { display: flex; align-items: center; justify-content: center; color: var(--ink-3); }
1270 1270
1271 1271 /* footer — liens (Groupe KA, courriels, mentions légales) */
1272 −.footer .frow a { color: var(--white); text-decoration: underline; text-decoration-color: rgba(255, 106, 0, 0.5); text-underline-offset: 3px; }
1272 +.footer .frow a { color: var(--white); text-decoration: underline; text-decoration-color: rgba(36, 86, 230, 0.5); text-underline-offset: 3px; }
1273 1273 .footer .frow a:hover { color: var(--orange); }
1274 1274 .footer .fmono a:hover { color: var(--orange); }
1275 1275
@@ -1326,7 +1326,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */
1326 1326 .pc-watermark {
1327 1327 position: absolute; right: -18px; top: -34px; pointer-events: none;
1328 1328 font-family: var(--font-display); font-weight: 700; font-size: 170px;
1329 − letter-spacing: -0.06em; color: rgba(255, 106, 0, 0.07);
1329 + letter-spacing: -0.06em; color: rgba(36, 86, 230, 0.07);
1330 1330 transform: rotate(-8deg); line-height: 1;
1331 1331 }
1332 1332 .pc-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
@@ -1334,11 +1334,11 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */
1334 1334 .pc-ka { color: var(--orange); margin-left: 1px; display: inline-block; }
1335 1335 .pc-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.16em; color: rgba(255, 255, 255, 0.5); }
1336 1336 .pc-id-block { margin: 26px 0 22px; display: flex; flex-direction: column; gap: 4px; }
1337 −.pc-id-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: rgba(255, 106, 0, 0.75); }
1337 +.pc-id-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: rgba(36, 86, 230, 0.75); }
1338 1338 .pc-id {
1339 1339 font-weight: 700; color: var(--orange);
1340 1340 font-size: clamp(22px, 6vw, 34px); letter-spacing: 0.14em;
1341 − text-shadow: 0 0 24px rgba(255, 106, 0, 0.35);
1341 + text-shadow: 0 0 24px rgba(36, 86, 230, 0.35);
1342 1342 }
1343 1343 .pc-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; padding-bottom: 18px; }
1344 1344 .pc-holder { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
@@ -1352,7 +1352,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */
1352 1352 padding: 2px 8px 3px; border-radius: var(--r-pill);
1353 1353 }
1354 1354 .pc-avatar { width: 52px; height: 52px; border-radius: var(--r-pill); border: 2px solid var(--orange); flex: none; }
1355 −.pc-strip { display: flex; gap: 5px; margin: 0 -26px; padding: 9px 18px; background: rgba(255, 106, 0, 0.1); border-top: 1px solid rgba(255, 106, 0, 0.25); overflow: hidden; }
1355 +.pc-strip { display: flex; gap: 5px; margin: 0 -26px; padding: 9px 18px; background: rgba(36, 86, 230, 0.1); border-top: 1px solid rgba(36, 86, 230, 0.25); overflow: hidden; }
1356 1356 .pc-strip i { display: block; width: 3px; border-radius: 1px; background: var(--orange); opacity: 0.7; }
1357 1357 .pc-strip i:nth-child(3n) { height: 14px; opacity: 0.35; }
1358 1358 .pc-strip i:nth-child(3n+1) { height: 9px; }
@@ -1409,7 +1409,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */
1409 1409 border-radius: var(--r-card); box-shadow: var(--shadow-flat);
1410 1410 font-family: var(--font-body); transition: all 0.15s ease;
1411 1411 }
1412 −.role-card:hover:not(:disabled) { transform: translateY(-4px); box-shadow: var(--shadow-off); border-color: rgba(255, 106, 0, 0.4); }
1412 +.role-card:hover:not(:disabled) { transform: translateY(-4px); box-shadow: var(--shadow-off); border-color: rgba(36, 86, 230, 0.4); }
1413 1413 .role-card:disabled { opacity: 0.6; cursor: wait; }
1414 1414 .role-ico { display: flex; width: 54px; height: 54px; align-items: center; justify-content: center; background: var(--orange-soft); color: var(--orange); border-radius: 16px; }
1415 1415 .role-title { font-family: var(--font-display); font-weight: 700; font-size: 19px; letter-spacing: -0.02em; color: var(--navy); }
@@ -1434,7 +1434,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */
1434 1434 }
1435 1435 .fav-btn:hover { transform: scale(1.12); }
1436 1436 .fav-btn.on { background: var(--white); color: var(--orange); }
1437 −.fav-btn.on svg { filter: drop-shadow(0 0 3px rgba(255, 106, 0, 0.35)); }
1437 +.fav-btn.on svg { filter: drop-shadow(0 0 3px rgba(36, 86, 230, 0.35)); }
1438 1438
1439 1439 /* ================= Espace gestionnaire ================= */
1440 1440 .claim-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; max-width: 640px; }
@@ -1716,7 +1716,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */
1716 1716 l'icône ▼ ≈ ▲ et le libellé portent l'information, pas la couleur seule) */
1717 1717 .fv-badge.deal-good { background: var(--blue-soft); border-color: rgba(28, 92, 65, 0.35); color: var(--blue); }
1718 1718 .fv-badge.deal-ok { background: var(--surface); color: var(--ink-2); }
1719 −.fv-badge.deal-high { background: var(--orange-soft); border-color: rgba(255, 106, 0, 0.4); color: var(--orange-deep); }
1719 +.fv-badge.deal-high { background: var(--orange-soft); border-color: rgba(36, 86, 230, 0.4); color: var(--orange-deep); }
1720 1720
1721 1721 .f-fairvalue .fv-head {
1722 1722 display: flex; align-items: flex-start; justify-content: space-between;
1723 1723