177 change subtitle (#179)

* Create header data file

* Update styled components naming to match data file

* Add data file

packages/berlin/src/components/header/Header.styled.tsx

@@ -41,7 +41,7 @@ export const LogoTextContainer = styled.div`
   gap: 0.5rem;
 `;
 
-export const LogoText = styled.h1`
+export const LogoTitle = styled.h1`
   display: none;
 
   @media (min-width: 640px) {
@@ -53,7 +53,7 @@ export const LogoText = styled.h1`
   }
 `;
 
-export const LogoSubtext = styled.h2`
+export const LogoSubtitle = styled.h2`
   display: none;
 
   @media (min-width: 640px) {

packages/berlin/src/components/header/Header.tsx

@@ -6,6 +6,9 @@ import { useNavigate } from 'react-router-dom';
 // Store
 import { useAppStore } from '../../store';
 
+// Data
+import header from '../../data/header';
+
 // API
 import { logout } from 'api';
 
@@ -25,8 +28,8 @@ import {
   HeaderContainer,
   LogoContainer,
   LogoImage,
-  LogoSubtext,
-  LogoText,
+  LogoSubtitle,
+  LogoTitle,
   MenuButton,
   MobileButtons,
   NavButtons,
@@ -58,15 +61,10 @@ function Header() {
     <SyledHeader>
       <HeaderContainer>
         <LogoContainer onClick={() => navigate('/')}>
-          <LogoImage
-            src="/logos/logo.png"
-            alt="Plural Research Experiment logo, a prism with an incoming light beam and a rainbow"
-            height={96}
-            width={96}
-          />
+          <LogoImage src={header.logo.src} alt={header.logo.alt} height={96} width={96} />
           <LogoTextContainer>
-            <LogoText>Plural Research Experiment</LogoText>
-            <LogoSubtext>An experiment in research independence and innovation</LogoSubtext>
+            <LogoTitle>{header.title}</LogoTitle>
+            <LogoSubtitle>{header.subtitle}</LogoSubtitle>
           </LogoTextContainer>
         </LogoContainer>
         <NavContainer>

packages/berlin/src/data/header.ts

@@ -0,0 +1,10 @@
+const header = {
+  logo: {
+    src: '/logos/logo.png',
+    alt: 'Plural Research Experiment logo, a prism with an incoming light beam and a rainbow',
+  },
+  title: 'Plural Research Experiment',
+  subtitle: 'An experiment in collective intelligence and innovation',
+};
+
+export default header;