Skip to content

Améliorations de style, accessibilité et fonctionnalités du projet - #4

Merged
zonetecde merged 1 commit into
zonetecde:mainfrom
sexfrance:main
Jan 14, 2025
Merged

Améliorations de style, accessibilité et fonctionnalités du projet#4
zonetecde merged 1 commit into
zonetecde:mainfrom
sexfrance:main

Conversation

@sexfrance

Copy link
Copy Markdown

Cette pull request inclut plusieurs modifications visant à améliorer le style, l'accessibilité et les fonctionnalités du projet. Les principaux changements concernent l’optimisation du chargement des polices, la mise à jour des métadonnées HTML, l’ajout d’un composant de bouton Ko-fi et la refactorisation des composants Svelte pour une meilleure maintenabilité.

Améliorations de style :

  • [src/app.css](https://github.com/zonetecde/SignaMath-Web/pull/4/files#diff-e269447b167c1d69748b9d5ccde405e2fb2d74af0d1832d5c05e63362816722dL5-R83) : Optimisation du chargement des polices en ajoutant font-display: swap, mise à jour des styles de la barre de défilement et ajout d’effets de survol pour le bouton « Offrez-moi un café ». Assure également que les logos conservent leurs proportions.

Mise à jour des métadonnées HTML :

  • [src/app.html](https://github.com/zonetecde/SignaMath-Web/pull/4/files#diff-c279397c4feb4b0067eda16dfafc3453d18caa9afcc11de4d368411fefc03601L2-L44) : Modification de l’attribut de langue en français, ajout de balises meta pour la fenêtre d’affichage, la couleur du thème, la description, l’auteur et les propriétés Open Graph. Inclusion également de favicons supplémentaires et de liens vers le manifeste.

Ajout et refactorisation de composants :

  • [src/components/KofiButton.svelte](https://github.com/zonetecde/SignaMath-Web/pull/4/files#diff-3044e3198fa488336a7d002771398a7aad5cb37d2414007448a0411e8c8f62e3R1-R15) : Ajout d’un nouveau composant de bouton Ko-fi avec des effets de survol et des améliorations en matière d’accessibilité.
  • [src/components/tds/row/RowSigns.svelte](https://github.com/zonetecde/SignaMath-Web/pull/4/files#diff-6ae5c65fc5a2058ccb3818bcd8a85b0541d26f80aedbed883a918fff059c8d82R9-L38) : Refactorisation du composant pour utiliser une déclaration réactive ajustant la taille du texte en fonction de la longueur du contenu des cellules. Suppression des styles en ligne pour les barres de défilement.
  • [src/components/tds/tdv/CalculatedValue.svelte](https://github.com/zonetecde/SignaMath-Web/pull/4/files#diff-80489071d1e6a3a23ce70d338ba91b77e28fce86b179a1749fcef296aae37d6eL8-R27) : Mise à jour de la prop value pour accepter les valeurs indéfinies, refactorisation des classes de position dans une fonction utilitaire. Amélioration de l’accessibilité avec l’ajout d’une étiquette aria-label.

Mises à jour de la mise en page :

  • [src/routes/+layout.svelte](https://github.com/zonetecde/SignaMath-Web/pull/4/files#diff-cc69d6a97e4f62578028d872b8d5032f2786fe1eaa65735429286b375234168dR8) : Importation et inclusion du nouveau composant de bouton Ko-fi dans la mise en page. [[1]](diffhunk://#diff-cc69d6a97e4f62578028d872b8d5032f2786fe1eaa65735429286b375234168dR8) [[2]](diffhunk://#diff-cc69d6a97e4f62578028d872b8d5032f2786fe1eaa65735429286b375234168dR93)

Généré avec copilot

Added proper aspect ratio handling
Implemented responsive image classes
Fixed image distortion issues
Added proper object-fit containment
Ko-fi Integration:
Created new KofiButton.svelte component
Added floating button with animation effects
Implemented hover expansion effect
Added smooth transitions
Scrollbar Styling:
Modernized scrollbar appearance
Added smooth transitions
Made scrollbar less intrusive
Improved cross-browser compatibility
CSS Improvements:
Added new utility classes
Improved responsive design
Added proper transition effects
Better organization of CSS layers
Package Security:
Updated browserslist database
Fixed functionPlot dependency issues
Updated svelte-sonner and svelte-katex to latest versions
Resolved potential security vulnerabilities in dependencies
Updated package.json with safer version constraints
Structural Improvements:
Better component organization
Improved accessibility attributes
Added proper aria labels
Enhanced SEO meta tags
Performance Optimization:
Improved font loading strategy
Better image loading performance
Reduced unnecessary re-renders
Optimized transition animations
Note: Some security vulnerabilities were fixed by updating outdated packages and implementing proper security headers. The application should now be more secure and perform better.
@vercel

vercel Bot commented Jan 14, 2025

Copy link
Copy Markdown

@sexfrance is attempting to deploy a commit to the zonetecde's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel

vercel Bot commented Jan 14, 2025

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
signamath-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 14, 2025 7:34pm

@zonetecde

Copy link
Copy Markdown
Owner

Je vous remercie pour votre implication dans le projet. Vos changements sont appréciés.

@sexfrance

Copy link
Copy Markdown
Author

Il n'y a pas de soucis ! Merci à vous

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants