diff --git a/src/css/custom.css b/src/css/custom.css index 69e96ea15826472fb168e40abd1bb7903f5d5cde..229d08c7954af7aabab40b80fe42d80e94b7f79a 100644 --- a/src/css/custom.css +++ b/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; diff --git a/src/pages/index.css b/src/pages/index.css index 480ca81af05fa017bb26dee750bb60fd03fae50f..974638ec4c837e40e3987b8968a6cd9404d4b9ba 100644 --- a/src/pages/index.css +++ b/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 */ diff --git a/src/pages/index.js b/src/pages/index.js index 83df62130fac50f3e688ea6375c7f9e5cd976ea4..dad92b4e9e6f0fb7a1537c41a14f6cf674d8a10a 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -1,10 +1,19 @@ -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&id=orekit%3Aorekit"> <img alt="quality gate status" src="https://sonar.orekit.org/api/project_badges/measure?branch=master&project=orekit%3Aorekit&metric=alert_status"/> </a> + </span> + <span className={"sonarQube"}> <a href="https://sonar.orekit.org/component_measures?branch=master&id=orekit%3Aorekit&metric=Coverage"> <img alt="code coverage status" src="https://sonar.orekit.org/api/project_badges/measure?branch=master&project=orekit%3Aorekit&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> diff --git a/src/pages/orekitUser.css b/src/pages/orekitUser.css new file mode 100644 index 0000000000000000000000000000000000000000..4fb8017a1ae30e076fe4ff48e042037b33d17bb9 --- /dev/null +++ b/src/pages/orekitUser.css @@ -0,0 +1,6 @@ +.HighlightText { + font-weight: 900; + color: #3c6cad; + border-radius: 5px; + padding: 2px; +} \ No newline at end of file diff --git a/src/pages/orekitUser.js b/src/pages/orekitUser.js new file mode 100644 index 0000000000000000000000000000000000000000..694c2a9b395c65e23d0cc06f41d597a563d61c0d --- /dev/null +++ b/src/pages/orekitUser.js @@ -0,0 +1,90 @@ +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