Added all orekit users

Moved sonarqube tags below subtitle

src/css/custom.css

@@ -35,7 +35,7 @@
   position: relative;
   top: 0;
   bottom: 0;
-  background-color: orange;
+  /*background-color: orange;*/
   border-radius: 5px;
   font-weight: bolder;
   font-size: x-large;

src/pages/index.css

@@ -98,7 +98,6 @@
 /* Element list*/
 .ElementList {
   display: grid;
-  padding: 0;
   grid-template-columns: 1fr 1fr 1fr;
 }
 
@@ -122,6 +121,7 @@
 }
 
 .Banner .group .sonarQube {
+  padding-right: 10px;
 }
 
 .Banner .group .subHeadTitle {
@@ -136,7 +136,7 @@
   border-color: transparent;
   border-radius: 5px;
   font-weight: bold ;
-  padding: 10px;
+  padding: 8px;
 }
 
 /* What is it */

src/pages/index.js

-import clsx from 'clsx';
-import Link from '@docusaurus/Link';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import './index.css'
 import React from 'react';
 import Plot from 'react-plotly.js';
+import './orekitUser.js'
+import {
+    ADSUser,
+    ATVUser,
+    CSGroupUser,
+    EUMETSATUser,
+    ExotrailUser,
+    NRLUser,
+    OtherUser,
+    SSCUser,
+    TASUser
+} from "./orekitUser";
 
 const latestOrekitVersion = "Orekit 12.0.2";
 
@@ -75,32 +84,8 @@ const pmcMembers = [
     {name : "Guillermo Ortega", company: "European Space Agency"},
 ]
 
-const orekitUserContent = [
-    {
-        index : 'cs_group',
-        text : "CS GROUP develops OreFLIDS (Orekit Flight Dynamics System), a complete off-the-shelf flight dynamics system (FDS) adapted to NewSpace and huge constellations.",
-    },
-    {
-        index : 'ads',
-        text : "Airbus Defence and Space (ADS) uses Orekit in Quartz, its new generation flight dynamics software. In addition, ADS actively contributes to Orekit and is member of its Project Management Committee (PMC).",
-    },
-    {
-        index : 'ads',
-        text : "Airbus Defence and Space (ADS) uses Orekit in Quartz, its new generation flight dynamics software. In addition, ADS actively contributes to Orekit and is member of its Project Management Committee (PMC).",
-    },
-    {
-        index : 'ads',
-        text : "Airbus Defence and Space (ADS) uses Orekit in Quartz, its new generation flight dynamics software. In addition, ADS actively contributes to Orekit and is member of its Project Management Committee (PMC).",
-    },
-    {
-        index : 'ads',
-        text : "Airbus Defence and Space (ADS) uses Orekit in Quartz, its new generation flight dynamics software. In addition, ADS actively contributes to Orekit and is member of its Project Management Committee (PMC)."
-    },
-    {
-        index : 'ads',
-        text : "Airbus Defence and Space (ADS) uses Orekit in Quartz, its new generation flight dynamics software. In addition, ADS actively contributes to Orekit and is member of its Project Management Committee (PMC).",
-    },
-];
+const orekitUserContent =
+    [CSGroupUser,ADSUser,NRLUser,SSCUser,TASUser, ATVUser,EUMETSATUser,ExotrailUser,OtherUser];
 
 function Plotly (){
         return (
@@ -194,7 +179,7 @@ function ElementList({elementList}) {
     return (
         <div className={"ElementList"}>
             {elementList.map((element) => {return (
-                <BoxedElement element={element.text}/>)
+                <BoxedElement element={element()}/>)
             })}
         </div>
     )
@@ -206,20 +191,24 @@ function Banner() {
         <div className={'Banner'}>
             <div className={"group"}>
                 <h1 className={"headTitle"}>Orekit</h1>
-                <div className={"sonarQube"}>
+                <h2 className={"subHeadTitle"}>An accurate and efficient core layer for space flight dynamics
+                    applications</h2>
+                <span className={"sonarQube"}>
                     <a href="https://www.bestpractices.dev/projects/2726"><img
                         src="https://www.bestpractices.dev/projects/2726/badge"/></a>
+                </span>
+                <span className={"sonarQube"}>
                     <a href="https://sonar.orekit.org/dashboard?branch=master&amp;id=orekit%3Aorekit">
                         <img alt="quality gate status"
                              src="https://sonar.orekit.org/api/project_badges/measure?branch=master&amp;project=orekit%3Aorekit&amp;metric=alert_status"/>
                     </a>
+                </span>
+                <span className={"sonarQube"}>
                     <a href="https://sonar.orekit.org/component_measures?branch=master&amp;id=orekit%3Aorekit&amp;metric=Coverage">
                         <img alt="code coverage status"
                              src="https://sonar.orekit.org/api/project_badges/measure?branch=master&amp;project=orekit%3Aorekit&amp;metric=coverage"/>
                     </a>
-                </div>
-                <h2 className={"subHeadTitle"}>An accurate and efficient core layer for space flight dynamics
-                    applications</h2>
+                </span><br/>
                 <button className={"bannerButton"}>{latestOrekitVersion} released, Get it !</button>
             </div>
         </div>

src/pages/orekitUser.css

+.HighlightText {
+  font-weight: 900;
+  color: #3c6cad;
+  border-radius: 5px;
+  padding: 2px;
+}
\ No newline at end of file

src/pages/orekitUser.js

+import './orekitUser.css'
+
+function HighlightText({text}) {
+    return <span className={"HighlightText"}>{text}</span>
+}
+
+function CSGroupUser() {
+    return (
+        <span>
+            <HighlightText text={"CS Group"}/> develops OreFLIDS (Orekit Flight Dynamics System), a complete
+            off-the-shelf flight dynamics system (FDS) adapted to NewSpace and huge constellations.
+        </span>
+    )
+}
+
+function ADSUser() {
+    return (
+        <span>
+            <HighlightText text={"Airbus Defence and Space (ADS)"}/> uses Orekit in Quartz, its new generation flight
+            dynamics software. In addition, ADS actively contributes to Orekit and is member of its Project Management
+            Committee (PMC).
+        </span>
+    )
+}
+
+function NRLUser() {
+    return (
+        <span>
+            Orekit is used for various studies by the <HighlightText text={"U.S. Naval Research Laboratory (NRL)"}/>.
+            In addition, the NRL actively contributes to Orekit and is member of its PMC.
+        </span>
+    )
+}
+
+function SSCUser() {
+    return (
+        <span>
+            <HighlightText text={"Swedish Space Corporation (SSC) "}/> uses Orekit for various studies. SSC has created
+            and maintains the Orekit Python wrapper for years. SSC is member of Orekit PMC.
+        </span>
+    )
+}
+
+function TASUser() {
+    return (
+        <span>
+            <HighlightText text={"Thales Alenia Space (TAS)"}/>  uses Orekit for the flight dynamics software of its
+            new geostationary electric platform SpaceBus Neo (within ESA's NEOSAT program) and is member of its PMC.
+        </span>
+    )
+}
+
+function ATVUser() {
+    return (
+        <span>
+            Orekit has been successfully used during the real time monitoring of the rendez-vous phase between the
+            Automated Transfer Vehicle (ATV) and the International Space Station (ISS) by
+            the <HighlightText text={"Centre National d'Études Spatiales (CNES)"}/> and the <HighlightText text={"European Space Agency (ESA)"}/>.
+        </span>
+    )
+}
+
+function EUMETSATUser() {
+    return (
+        <span>
+            Orekit is used for several studies and ground systems developments by various industrial actors such as
+            <HighlightText text={"EUMETSAT"}/>.
+        </span>
+    )
+}
+
+function ExotrailUser() {
+    return (
+        <span>
+            <HighlightText text={"Exotrail"}/> uses Orekit as a low-level astrodynamics layer for its mission
+            analysis and constellation design software spacestudioTM, and its constellation operation software
+            spacetowerTM.
+        </span>
+    )
+}
+
+function OtherUser() {
+    return (
+        <span>
+            You may discover other usages of Orekit in the presentations made by several space sector actors during the
+            Orekit Day 2017 and Orekit Day 2019.
+        </span>
+    )
+}
+export {CSGroupUser,ADSUser,NRLUser,SSCUser,ATVUser,ExotrailUser,EUMETSATUser,OtherUser, TASUser}
\ No newline at end of file