Merge pull request #32 from Inist-CNRS/feat/add-main-text

Add the correct text on the ws header
Inist-CNRS · Apr 18, 2024 · 92a27c1 · 92a27c1
2 parents c1180b7 + 2c3fb9b
commit 92a27c1
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 6 deletions.
diff --git a/tdm-fe/src/app/components/layout/WebServicesHeader.tsx b/tdm-fe/src/app/components/layout/WebServicesHeader.tsx
@@ -2,16 +2,19 @@ import '~/app/components/layout/scss/WebServicesHeader.scss';
 import Container from '@mui/material/Container';
 
 const WebServicesHeader = () => {
-    // Todo add the correcte text when available
     return (
         <div id="ws-header">
             <Container>
+                <p className="text" id="ws-header-pre-title">
+                    Chargez vos corpus et découvrez les résultats des services TDM
+                </p>
+                <h1 id="ws-header-title">
+                    <span id="ws-header-title-blue">IA</span>
+                    <span id="ws-header-title-green">Factory</span>
+                </h1>
                 <p className="text">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet vulputate ex. Vivamus vitae
-                    volutpat elit. Mauris vitae efficitur urna. Duis eget nibh quis nibh ultricies viverra. Nullam sed
-                    ligula urna. Vestibulum bibendum ipsum eget neque ultrices, id elementum sapien interdum. Vivamus
-                    nec tortor dictum, scelerisque mauris lobortis, luctus dolor. Aenean pellentesque non risus vel
-                    vulputate. Pellentesque a nulla malesuada risus sollicitudin elementum eget non arcu.
+                    Une interface simple de chargement de corpus et d&apos;exécution d&apos;outils de TDM vous
+                    permettent d&apos;exploiter vos propres données simplement.
                 </p>
             </Container>
         </div>

diff --git a/tdm-fe/src/app/components/layout/scss/WebServicesHeader.scss b/tdm-fe/src/app/components/layout/scss/WebServicesHeader.scss
@@ -1,5 +1,28 @@
+@import "../../../scss/colors";
+
 #ws-header {
+  width: 50%;
+  max-width: 650px;
   padding-top: 72px;
   padding-bottom: 24px;
+  margin-right: auto;
+  margin-left: auto;
   text-align: center;
+
+  #ws-header-pre-title {
+    font-size: .85em;
+    text-transform: uppercase;
+  }
+
+  #ws-header-title {
+    margin: 0;
+
+    #ws-header-title-blue {
+      color: $blue;
+    }
+
+    #ws-header-title-green {
+      color: $light-green;
+    }
+  }
 }