feat(error-pages): port thank-you Webflow + validation 404#28
Merged
Conversation
Page invitée OAuth Discord : - Logo + texte de remerciement, card centrée style Webflow - Widget serveur dynamique : fetch Discord widget + invite à partir de ?guild_id, affiche carte avec icône + nom + membres + badge PARTNERED/VERIFIED - Warning permissions BigInt à partir de ?permissions : compare avec REQUIRED_PERMISSIONS et liste les permissions manquantes (ou avertit pour Administrateur seul) - 2 CTAs : Discord externe + <Link to="/docs"> interne Erreurs réseau silencieuses, aucun fetch côté SSR.
Écarts identifiés vs raidprotectbot.webflow.css : - .page : min-height 70vh→100vh, align-items center (link-in-bio-wrap) - .title : font-size 28px→18px, retirer font heading (un simple <p> Webflow) - .clientServer : gap 15→30, padding 20-24→30, border-radius 12px→0.8rem - .centerServer : margin-bottom 20→30 - .buttonRow : padding-bottom 0→20 Le 'Merci d'avoir invité RaidProtect' est en fait un <p> standard côté Webflow (pas un titre), donc fonte body et couleur grise héritée.
…age Webflow Plus de navbar/footer Docusaurus : la page est désormais plein écran (min-height 100vh sur .page) comme le Webflow .utility-page-wrap. On garde uniquement <Head> pour le titre et la description ; le data-theme dark est appliqué côté client par le script inline Docusaurus.
Reproduits du Webflow source : - .decoration : halo central (linear-gradient + blur 150px) derrière la card - .footerThank : grid 2 cols, dropdown langue à gauche + 4 socials à droite - .langDropdown : ouvert au hover/focus-within, items style .dropdown-link-3 - .socialWrap + .socialLink + .socialIcon : 4 icones (Discord/X/YouTube/GitHub) - .title margin-bottom 20→50px pour aérer entre 'Merci' et 'Pour bien débuter'
- .title margin-bottom 50→32px (espace 'Merci ↔ Pour bien débuter' resserré) - .buttonRow padding-bottom 20→0 (espace boutons ↔ footer resserré) - .footerThank margin-top 20→8px (espace boutons ↔ footer resserré) - .langTrigger::after : flèche bas en bordure CSS, identique au pseudo Webflow inline (.navbar__link:after)
Reproduit le setTimeout 60000ms du Webflow source qui redirige vers https://discord.com/invite/HfMYDHbgqc. Cleanup via clearTimeout au unmount pour éviter de rediriger si l'utilisateur navigue ailleurs entre temps.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Sous-PR de #25.
/thank-you(FR uniquement) : page invitée OAuth Discord avec widget serveur dynamique (?guild_id) et warning permissions BigInt (?permissions).