feat: adjust Contact page

This commit is contained in:
dancingCycle 2023-12-16 16:45:35 +01:00
parent d08f4ffc08
commit f2a16901c0
2 changed files with 38 additions and 18 deletions

32
app/components/header.js Normal file
View File

@ -0,0 +1,32 @@
import React from 'react'
//TODO Shall we make this header generic by using params for URL's?
export default function Header(){
return (
<>
<a href='/' rel="noopener noreferrer">
<button>
Home
</button>
</a>
<a href='https://www.swingbe.de/imprint/'
target="_blank" rel="noopener noreferrer">
<button>
Imprint
</button>
</a>
<a href='https://www.swingbe.de/privacy-policy/'
target="_blank" rel="noopener noreferrer">
<button>
Privacy Policy
</button>
</a>
<a href='https://git.wtf-eg.de/dancingCycle/gtfs-display'
target="_blank" rel="noopener noreferrer">
<button>
Source
</button>
</a>
</>
);
};

View File

@ -1,10 +1,13 @@
import React from 'react';
import Header from '../components/header';
import packageInfo from '../../package.json'
const VERSION = packageInfo.version;
const Contact = () => {
export default function Contact() {
return (
<>
<h2>About this website</h2>
<Header />
<p>
For questions about this website please do not hesitate to reach out to dialog (at) swingbe (dot) de.
@ -15,28 +18,13 @@ const Contact = () => {
href="https://git.wtf-eg.de/dancingCycle/gtfs-display"
target="_blank"
>
sources
source
</a>
.
</p>
<h2>Imprint</h2>
<address>
<strong>Software Ingenieur Begerad</strong>
<br />
c/o WTF Kooperative eG, Hinterhaus, 3. OG
<br />
Forsmannstr. 14b
<br />
22303 Hamburg
<br />
Deutschland
<br />
</address>
<h2>Other</h2>
<p>
Version: {VERSION}
</p>
</>
);
};
export default Contact;