Refactor title elements in access denied, privacy policy, and legal g…

…uidelines components for consistency and improved styling
EliasDH-com · Mar 1, 2025 · a821850 · a821850
1 parent 7e5887c
commit a821850
Show file tree

Hide file tree

Showing 12 changed files with 23 additions and 117 deletions.
diff --git a/App/Frontend/src/app/accessdenied/accessdenied.component.css b/App/Frontend/src/app/accessdenied/accessdenied.component.css
@@ -14,26 +14,15 @@
     margin-right: 0px;
 }
 
-.accessdenied-title-back {
-    color: var(--secondary);
+.accessdenied-title-text {
+    color: var(--background);
     font-size: 144px;
     font-weight: 900;
     line-height: 1.2;
     margin: 5%;
     text-transform: uppercase;
     -webkit-text-stroke: 1px var(--primary);
 }
-
-.accessdenied-title-front {
-    color: var(--background);
-    background-color: var(--secondary);
-    border-radius: 16px;
-    padding: 5px;
-    font-size: 48px;
-    font-weight: 900;
-    position: absolute;
-    text-transform: uppercase;
-}
 /* Title */
 
 /* Access Denied */

diff --git a/App/Frontend/src/app/accessdenied/accessdenied.component.html b/App/Frontend/src/app/accessdenied/accessdenied.component.html
@@ -3,8 +3,7 @@
     <!--Header-->
     <header>
         <section class="accessdenied-title">
-            <h2 class="accessdenied-title-back">{{'ACCESSDENIED.TRANSLATE1' | translate}}</h2>
-            <p class="accessdenied-title-front">{{'ACCESSDENIED.TRANSLATE2' | translate}}</p>
+            <h2 class="accessdenied-title-text">{{'ACCESSDENIED.TRANSLATE1' | translate}}</h2>
         </section>
     </header>
     <main>

diff --git a/App/Frontend/src/app/index/index.component.css b/App/Frontend/src/app/index/index.component.css
@@ -14,8 +14,8 @@
     margin-right: 0px;
 }
 
-.index-title-back {
-    color: var(--secondary);
+.index-title-text {
+    color: var(--background);
     font-size: 144px;
     font-weight: 900;
     line-height: 1.2;
@@ -24,17 +24,6 @@
     -webkit-text-stroke: 1px var(--primary);
 }
 
-.index-title-front {
-    color: var(--background);
-    background-color: var(--secondary);
-    border-radius: 16px;
-    padding: 5px;
-    font-size: 48px;
-    font-weight: 900;
-    position: absolute;
-    text-transform: uppercase;
-}
-
 .index-subtitle {
     color: var(--secondary);
     font-size: 24px;
@@ -171,7 +160,7 @@
 }
 
 .index-services-box.hosting-services {
-    height: 360px;
+    height: 340px;
 }
 
 .index-services-box.web-services {
@@ -425,17 +414,12 @@
         width: 10%;
     }
 
-    .index-title-back {
+    .index-title-text {
         font-size: 80px;
         font-weight: 900;
         line-height: 1.2;
     }
 
-    .index-title-front {
-        font-size: 36px;
-        font-weight: 900;
-    }
-
     .index-header-container {
         flex-direction: column;
         justify-content: center;

diff --git a/App/Frontend/src/app/index/index.component.html b/App/Frontend/src/app/index/index.component.html
@@ -50,8 +50,7 @@
     <main>
         <article>
             <section class="index-title">
-                <h3 class="index-title-back">{{'INDEX.TRANSLATE3' | translate}}</h3>
-                <p class="index-title-front">{{'INDEX.TRANSLATE4' | translate}}</p>
+                <h3 class="index-title-text">{{'INDEX.TRANSLATE3' | translate}}</h3>
             </section>
             <section class="index-about-company">
                 <section class="index-company-introduction">
@@ -73,8 +72,7 @@ <h4>{{'INDEX.TRANSLATE8' | translate}}</h4>
         </article>
         <article class="index-services-container">
             <section class="index-title">
-                <h3 class="index-title-back">{{'INDEX.TRANSLATE13' | translate}}</h3>
-                <p class="index-title-front">{{'INDEX.TRANSLATE14' | translate}}</p>
+                <h3 class="index-title-text">{{'INDEX.TRANSLATE13' | translate}}</h3>
             </section>
             <p class="index-subtitle">{{'INDEX.TRANSLATE15' | translate}}</p>
             <section class="index-services-container-item">
@@ -287,8 +285,7 @@ <h5>{{'INDEX.TRANSLATE41' | translate}}</h5>
         </article> -->
         <article class="index-team-container">
             <section class="index-title">
-                <h3 class="index-title-back">{{'INDEX.TRANSLATE43' | translate}}</h3>
-                <p class="index-title-front">{{'INDEX.TRANSLATE44' | translate}}</p>
+                <h3 class="index-title-text">{{'INDEX.TRANSLATE43' | translate}}</h3>
             </section>
             <section class="index-team-container-carousel">
                 <section class="index-team-container-carousel-item">

diff --git a/App/Frontend/src/app/legalguidelines/legalguidelines.component.css b/App/Frontend/src/app/legalguidelines/legalguidelines.component.css
@@ -14,26 +14,15 @@
     margin-right: 0px;
 }
 
-.legalguidelines-title-back {
-    color: var(--secondary);
+.legalguidelines-title-text {
+    color: var(--background);
     font-size: 144px;
     font-weight: 900;
     line-height: 1.2;
     margin: 5%;
     text-transform: uppercase;
     -webkit-text-stroke: 1px var(--primary);
 }
-
-.legalguidelines-title-front {
-    color: var(--background);
-    background-color: var(--secondary);
-    border-radius: 16px;
-    padding: 5px;
-    font-size: 48px;
-    font-weight: 900;
-    position: absolute;
-    text-transform: uppercase;
-}
 /* Title */
 
 /* Legal Guidelines */
@@ -85,15 +74,10 @@
 
 /* Media Queries */
 @media (max-width: 768px) {
-    .legalguidelines-title-back {
+    .legalguidelines-title-text {
         font-size: 42px;
         font-weight: 900;
         line-height: 1.2;
     }
-
-    .legalguidelines-title-front {
-        font-size: 18px;
-        font-weight: 900;
-    }
 }
 /* Media Queries */
diff --git a/App/Frontend/src/app/legalguidelines/legalguidelines.component.html b/App/Frontend/src/app/legalguidelines/legalguidelines.component.html
@@ -2,8 +2,7 @@
 <body class="global-body">
     <header>
         <section class="legalguidelines-title">
-            <h2 class="legalguidelines-title-back">{{'LEGALGUIDELINES.TRANSLATE1' | translate}}</h2>
-            <p class="legalguidelines-title-front">{{'LEGALGUIDELINES.TRANSLATE2' | translate}}</p>
+            <h2 class="legalguidelines-title-text">{{'LEGALGUIDELINES.TRANSLATE1' | translate}}</h2>
         </section>
     </header>
     <main>

diff --git a/App/Frontend/src/app/notfound/notfound.component.css b/App/Frontend/src/app/notfound/notfound.component.css
@@ -14,26 +14,15 @@
     margin-right: 0px;
 }
 
-.notfound-title-back {
-    color: var(--secondary);
+.notfound-title-text {
+    color: var(--background);
     font-size: 144px;
     font-weight: 900;
     line-height: 1.2;
     margin: 5%;
     text-transform: uppercase;
     -webkit-text-stroke: 1px var(--primary);
 }
-
-.notfound-title-front {
-    color: var(--background);
-    background-color: var(--secondary);
-    border-radius: 16px;
-    padding: 5px;
-    font-size: 48px;
-    font-weight: 900;
-    position: absolute;
-    text-transform: uppercase;
-}
 /* Title */
 
 /* Not Found */

diff --git a/App/Frontend/src/app/privacypolicy/privacypolicy.component.css b/App/Frontend/src/app/privacypolicy/privacypolicy.component.css
@@ -14,26 +14,15 @@
     margin-right: 0px;
 }
 
-.privacypolicy-title-back {
-    color: var(--secondary);
+.privacypolicy-title-text {
+    color: var(--background);
     font-size: 144px;
     font-weight: 900;
     line-height: 1.2;
     margin: 5%;
     text-transform: uppercase;
     -webkit-text-stroke: 1px var(--primary);
 }
-
-.privacypolicy-title-front {
-    color: var(--background);
-    background-color: var(--secondary);
-    border-radius: 16px;
-    padding: 5px;
-    font-size: 48px;
-    font-weight: 900;
-    position: absolute;
-    text-transform: uppercase;
-}
 /* Title */
 
 /* Privacy Policy */
@@ -105,15 +94,10 @@
 
 /* Media Queries */
 @media (max-width: 768px) {
-    .privacypolicy-title-back {
+    .privacypolicy-title-text {
         font-size: 42px;
         font-weight: 900;
         line-height: 1.2;
     }
-
-    .privacypolicy-title-front {
-        font-size: 18px;
-        font-weight: 900;
-    }
 }
 /* Media Queries */
diff --git a/App/Frontend/src/app/privacypolicy/privacypolicy.component.html b/App/Frontend/src/app/privacypolicy/privacypolicy.component.html
@@ -2,8 +2,7 @@
 <body class="global-body">
     <header>
         <section class="privacypolicy-title">
-            <h2 class="privacypolicy-title-back">{{'PRIVACYPOLICY.TRANSLATE1' | translate}}</h2>
-            <p class="privacypolicy-title-front">{{'PRIVACYPOLICY.TRANSLATE2' | translate}}</p>
+            <h2 class="privacypolicy-title-text">{{'PRIVACYPOLICY.TRANSLATE1' | translate}}</h2>
         </section>
     </header>
     <main>

diff --git a/App/Frontend/src/assets/i18n/en.json b/App/Frontend/src/assets/i18n/en.json
@@ -5,7 +5,6 @@
     "TRANSLATE1": "Hi there, welcome to our company",
     "TRANSLATE2": "ELIASDH",
     "TRANSLATE3": "About",
-    "TRANSLATE4": "About Us",
     "TRANSLATE5": "Our Company",
     "TRANSLATE6": "EliasDH was founded in 2020 with a clear mission: to empower businesses and individuals by providing top-notch hosting services and cutting-edge web development solutions. We believe that technology should be accessible to everyone, and our goal is to make the online world more secure, efficient, and user-friendly.",
     "TRANSLATE7": "At EliasDH, we are committed to excellence in everything we do. From crafting custom websites to optimizing server performance, we go above and beyond to exceed our clients' expectations. Our team of dedicated professionals works tirelessly to stay ahead of the curve and deliver innovative solutions that drive real results.",
@@ -15,7 +14,6 @@
     "TRANSLATE11": "Team Collaboration: We believe in the power of collaboration. By fostering a culture of teamwork and open communication, we achieve great things together.",
     "TRANSLATE12": "Continuous Improvement: We are committed to continuous improvement. We embrace feedback, learn from our experiences, and adapt to evolving industry trends.",
     "TRANSLATE13": "Services",
-    "TRANSLATE14": "Our Services",
     "TRANSLATE15": "Hosting Services",
     "TRANSLATE16-1": "Economy",
     "TRANSLATE16-2": "€20/m",
@@ -49,15 +47,13 @@
     "TRANSLATE41": "Full stack development",
     "TRANSLATE42": "We create full stack applications that are fast, secure, and responsive",
     "TRANSLATE43": "Team",
-    "TRANSLATE44": "The Team",
     "TRANSLATE45": "Join our team",
     "TRANSLATE46": "Are you passionate about making a difference? Do you thrive in a dynamic and collaborative environment? We're always on the lookout for talented individuals to join our team!",
     "TRANSLATE47": "If you're interested in becoming a part of our team, we'd love to hear from you. Please send us your resume and a motivation letter outlining why you'd be a great fit for our organization.",
     "TRANSLATE48": "Feel free to reach out to us with any questions or inquiries. We look forward to connecting with you!"
   },
   "PRIVACYPOLICY": {
     "TRANSLATE1": "Privacy Policy",
-    "TRANSLATE2": "Our Privacy Policy",
     "TRANSLATE3": "Privacy Policy",
     "TRANSLATE4": "Introduction",
     "TRANSLATE5-1": "EliasDH is committed to safeguarding your privacy. Contact us at ",
@@ -108,7 +104,6 @@
   },
   "LEGALGUIDELINES": {
     "TRANSLATE1": "Legal Guidelines",
-    "TRANSLATE2": "Our Legal Guidelines",
     "TRANSLATE3": "Legal Guidelines",
     "TRANSLATE4": "Ownership and Content",
     "TRANSLATE5": "EliasDH, a legally recognized company, is the sole owner and operator of this website.",
@@ -150,8 +145,7 @@
     "TRANSLATE3": "For more information, please contact us at "
   },
   "ACCESSDENIED": {
-    "TRANSLATE1": "403 Page",
-    "TRANSLATE2": "403 Access Denied"
+    "TRANSLATE1": "403 Page"
   },
   "NOTFOUND": {
     "TRANSLATE1": "The page you are looking for might have been removed, had its name changed or is temporarily unavailable."

diff --git a/App/Frontend/src/assets/i18n/fr.json b/App/Frontend/src/assets/i18n/fr.json
@@ -5,7 +5,6 @@
     "TRANSLATE1": "Bonjour, bienvenue dans notre entreprise",
     "TRANSLATE2": "ELIASDH",
     "TRANSLATE3": "À propos",
-    "TRANSLATE4": "À propos de nous",
     "TRANSLATE5": "Notre entreprise",
     "TRANSLATE6": "EliasDH a été fondée en 2020 avec une mission claire : autonomiser les entreprises et les individus en fournissant des services d'hébergement de premier ordre et des solutions de développement web de pointe. Nous croyons que la technologie doit être accessible à tous, et notre objectif est de rendre le monde en ligne plus sûr, plus efficace et plus convivial.",
     "TRANSLATE7": "Chez EliasDH, nous nous engageons à l'excellence dans tout ce que nous faisons. De la création de sites web personnalisés à l'optimisation des performances des serveurs, nous allons au-delà des attentes de nos clients. Notre équipe de professionnels dévoués travaille sans relâche pour rester à la pointe et fournir des solutions innovantes qui produisent des résultats concrets.",
@@ -15,7 +14,6 @@
     "TRANSLATE11": "Collaboration en équipe : Nous croyons au pouvoir de la collaboration. En favorisant une culture de travail d'équipe et de communication ouverte, nous réalisons de grandes choses ensemble.",
     "TRANSLATE12": "Amélioration continue : Nous nous engageons à une amélioration continue. Nous accueillons les retours, apprenons de nos expériences et nous adaptons aux tendances de l'industrie en évolution.",
     "TRANSLATE13": "Services",
-    "TRANSLATE14": "Nos services",
     "TRANSLATE15": "Services d'hébergement",
     "TRANSLATE16-1": "Économie",
     "TRANSLATE16-2": "20€/mois",
@@ -49,15 +47,13 @@
     "TRANSLATE41": "Développement full stack",
     "TRANSLATE42": "Nous créons des applications full stack rapides, sécurisées et réactives",
     "TRANSLATE43": "Équipe",
-    "TRANSLATE44": "L'équipe",
     "TRANSLATE45": "Rejoignez notre équipe",
     "TRANSLATE46": "Êtes-vous passionné par le fait de faire une différence ? Vous épanouissez-vous dans un environnement dynamique et collaboratif ? Nous sommes toujours à la recherche de personnes talentueuses pour rejoindre notre équipe !",
     "TRANSLATE47": "Si vous êtes intéressé à faire partie de notre équipe, nous serions ravis de vous entendre. Veuillez nous envoyer votre CV et une lettre de motivation expliquant pourquoi vous seriez un excellent ajout à notre organisation.",
     "TRANSLATE48": "N'hésitez pas à nous contacter pour toute question ou demande. Nous avons hâte de vous connecter !"
   },
   "PRIVACYPOLICY": {
     "TRANSLATE1": "Politique de confidentialité",
-    "TRANSLATE2": "Notre politique de confidentialité",
     "TRANSLATE3": "Politique de confidentialité",
     "TRANSLATE4": "Introduction",
     "TRANSLATE5-1": "EliasDH s'engage à protéger votre vie privée. Contactez-nous à ",
@@ -108,7 +104,6 @@
   },
   "LEGALGUIDELINES": {
     "TRANSLATE1": "Directives légales",
-    "TRANSLATE2": "Nos directives légales",
     "TRANSLATE3": "Directives légales",
     "TRANSLATE4": "Propriété et contenu",
     "TRANSLATE5": "EliasDH, une entreprise légalement reconnue, est le seul propriétaire et opérateur de ce site web.",
@@ -150,8 +145,7 @@
     "TRANSLATE3": "Pour plus d'informations, veuillez nous contacter à "
   },
   "ACCESSDENIED": {
-    "TRANSLATE1": "Page 403",
-    "TRANSLATE2": "Page 403 Accès refusé"
+    "TRANSLATE1": "Page 403"
   },
   "NOTFOUND": {
     "TRANSLATE1": "La page que vous recherchez a peut-être été supprimée, son nom a été modifié ou elle est temporairement indisponible."