Updates files - v.1.3.0-beta.13

src/assets/components/Footer.tsx

@@ -20,7 +20,8 @@ export function FooterNew() {
             <FooterLink to="/products"><i className="fa-solid fa-book"></i>&nbsp;Outils</FooterLink>&nbsp;&nbsp;
             <FooterLink to="/articles"><i className="fa-solid fa-newspaper"></i>&nbsp;Articles</FooterLink>&nbsp;&nbsp;
             <FooterLink to="/about"><i className="fa-solid fa-circle-info"></i>&nbsp;À propos</FooterLink>&nbsp;&nbsp;
-            <FooterLink to="https://github.com/mpcgt/levetica" target="_blank"><i className="fa-brands fa-github"></i>&nbsp;GitHub</FooterLink>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            <FooterLink to="https://github.com/mpcgt/levetica" target="_blank"><i className="fa-brands fa-github"></i>&nbsp;GitHub</FooterLink>&nbsp;&nbsp;
+            <FooterLink to="https://levetica-vercel-app.translate.goog/?_x_tr_sl=fr&_x_tr_tl=en&_x_tr_hl=fr&_x_tr_pto=wapp"><i className="fa-solid fa-language"></i>&nbsp;English</FooterLink>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           </Footer.LinkGroup>
         </div>
         <Footer.Divider />

src/assets/components/Navbar.tsx

@@ -16,6 +16,7 @@ export default function Navbar() {
             <Nav.Link as={Link} to="/articles"><span className="text-light"><i className="fa-solid fa-newspaper"></i>&nbsp;Articles</span></Nav.Link>
             <Nav.Link as={Link} to="/about"><span className="text-light"><i className="fa-solid fa-circle-info"></i>&nbsp;À propos</span></Nav.Link>
             <Nav.Link as={Link} to="https://github.com/mpcgt/levetica" target="_blank"><span className="text-light"><i className="fa-brands fa-github"></i>&nbsp;GitHub</span></Nav.Link>
+            <Nav.Link as={Link} to="https://levetica-vercel-app.translate.goog/?_x_tr_sl=fr&_x_tr_tl=en&_x_tr_hl=fr&_x_tr_pto=wapp"><span className="text-light"><i className="fa-solid fa-language"></i>&nbsp;English</span></Nav.Link>
       </div>
 </nav>
     )

src/assets/components/tools/NavBarTools.tsx

@@ -43,7 +43,7 @@ export default function NavbarTools() {
         </Nav.Link>
         <Nav.Link as={Link} to="https://github.com/mpcgt/levetica/discussions" target="_blank">
           <span className="text-dark">
-            <i className="fa-solid fa-comments"></i>&nbsp;Communauté
+            <i className="fa-solid fa-comments"></i>&nbsp;Communauté&nbsp;&nbsp;<i className="fa-solid fa-arrow-up-right-from-square"></i>
           </span>
         </Nav.Link>
         <Nav.Link as={Link} to="/add">

src/assets/components/tools/pages/profile.tsx

@@ -24,7 +24,7 @@ function Profile() {
             <input type="password" className="form-control rounded-3" id="floatingPassword" placeholder="Password" />
             <label className="text-dark" htmlFor="floatingPassword">Mot de passe</label>
           </div>
-          <button className="w-100 mb-2 btn btn-lg rounded-3 btn-primary" type="submit" disabled>S'incrire</button>
+          <button className="w-100 mb-2 btn btn-lg rounded-3 btn-primary" type="submit" disabled>S'inscrire</button>
           <small className="text-body-secondary">En cliquant sur "S'inscrire", vous acceptez les conditions d'utilisation.</small>
           <hr className="my-4" />
           <h2 className="fs-5 fw-bold mb-3 text-dark">Ou utiliser un application tiers</h2>

src/assets/components/tools/tools.tsx

@@ -7,6 +7,8 @@ import React from './images/react.png'
 import Angular from './images/angular.png'
 import Vue from './images/vue.png'
 import Ubuntu from './images/ubuntu.png'
+import GPT from './images/chatgpt.png'
+import GitHub from './images/github.png'
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossOrigin="anonymous" referrerPolicy="no-referrer" />
 
@@ -21,7 +23,7 @@ function Tools() {
     <img className="me-3" src={Logo} alt="" width="48" height="38" />
     <div className="lh-1">
       <h1 className="h6 mb-0 text-white lh-1">Levetica</h1>
-      <small>v.1.3.0-beta.11</small>
+      <small>v.1.3.0-beta.13</small>
     </div>
   </div>
 
@@ -68,21 +70,21 @@ function Tools() {
       </div>
     </div>
     <div className="d-flex text-body-secondary pt-3">
-      <svg className="bd-placeholder-img flex-shrink-0 me-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#007bff"/><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text></svg>
+      <img src={GPT} width={70} />
       <div className="pb-3 mb-0 small lh-sm border-bottom w-100">
         <div className="d-flex justify-content-between">
-          <strong className="text-light">Nom de l'app</strong>
+          <strong className="text-light">ChatGPT</strong>
         </div>
-        <span className="d-block text-start text-light">Bientôt !</span>
+        <span className="d-block text-start text-light">ChatGPT est un chatbot utilisant l'intelligence artificielle générative, capable de dialoguer avec vous de manière fluide et informative, en s'appuyant sur un immense corpus de données textuelles.<button className='ms-3 btn btn-secondary' onClick={() => navigate("/error")}>Voir</button></span>
       </div>
     </div>
     <div className="d-flex text-body-secondary pt-3">
-      <svg className="bd-placeholder-img flex-shrink-0 me-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#007bff"/><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text></svg>
+    <img src={GitHub} width={70} />
       <div className="pb-3 mb-0 small lh-sm border-bottom w-100">
         <div className="d-flex justify-content-between">
-          <strong className="text-light">Nom de l'app</strong>
+          <strong className="text-light">GitHub</strong>
         </div>
-        <span className="d-block text-start text-light">Bientôt !</span>
+        <span className="d-block text-start text-light">GitHub est une plateforme en ligne qui permet aux développeurs de stocker, gérer et collaborer sur des projets de code source en utilisant le système de contrôle de version Git.<button className='ms-3 btn btn-secondary' onClick={() => navigate("/error")}>Voir</button></span>
       </div>
     </div>
     <small className="d-block text-end mt-3">

src/assets/routes/pages/news.tsx

@@ -18,7 +18,7 @@ function News() {
   <div className="p-4 p-md-5 mb-4 rounded text-body-emphasis bg-body-secondary">
     <div className="col-lg-6 px-0">
       <h1 className="display-4 fst-italic">Nouvelle version 1.3.0</h1>
-      <p className="lead my-3">Multiple lines of text that form the lede, informing new readers quickly and efficiently about what’s most interesting in this post’s contents.</p>
+      <p className="lead my-3">Dans cette Release, vous pouvez retrouver toutes les modifications et nouveautés dans Levetica ! 🎉</p>
       <p className="lead mb-0"><a href="https://github.com/mpcgt/levetica/releases" target="_blank" className="text-body-emphasis fw-bold">En savoir plus&nbsp;&nbsp;<i className="fa-solid fa-arrow-right"></i></a></p>
     </div>
   </div>
@@ -28,7 +28,7 @@ function News() {
       <div className="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
         <div className="col p-4 d-flex flex-column position-static">
           <div className="text-start">
-          <strong className="d-inline-block mb-2 text-primary-emphasis">Bientôt disponible</strong>
+          <strong className="d-inline-block mb-2 text-light">Bientôt disponible</strong>
           <h3 className="mb-0">Bientôt disponible</h3>
           <div className="mb-1 text-body-secondary">21/06/2024</div>
           <p className="card-text mb-auto">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus, adipisci exercitationem facere reprehenderit soluta nihil doloremque quo quam praesentium cupiditate.</p>
@@ -48,7 +48,7 @@ function News() {
       <div className="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
         <div className="col p-4 d-flex flex-column position-static">
         <div className="text-start">
-        <strong className="d-inline-block mb-2 text-primary-emphasis">Bientôt disponible</strong>
+        <strong className="d-inline-block mb-2 text-light">Bientôt disponible</strong>
         <h3 className="mb-0">Bientôt disponible</h3>
         <div className="mb-1 text-body-secondary">21/06/2024</div>
         <p className="card-text mb-auto">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus, adipisci exercitationem facere reprehenderit soluta nihil doloremque quo quam praesentium cupiditate.</p>