added legal notice & 404 page
This commit is contained in:
@@ -1,12 +1,19 @@
|
||||
import './App.scss'
|
||||
import {Routes, BrowserRouter as Router, Route} from "react-router-dom";
|
||||
import Main from "./pages/Main.tsx";
|
||||
import Impressum from "./pages/Impressum.tsx";
|
||||
import ErrorPage from "./pages/ErrorPage.tsx";
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<Router>
|
||||
<Routes>
|
||||
<Route path="/" element={<Main />} />
|
||||
<Route path="/impressum" element={<Impressum />} />
|
||||
<Route path="*" element={<ErrorPage
|
||||
title="Page Not Found"
|
||||
message="The page you are looking for does not exist."
|
||||
/>} />
|
||||
</Routes>
|
||||
</Router>
|
||||
)
|
||||
|
||||
@@ -0,0 +1,51 @@
|
||||
main.error {
|
||||
--padding: 15px;
|
||||
width: calc(100% - var(--padding) * 2);
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: var(--padding);
|
||||
padding-top: 10%;
|
||||
|
||||
img.slime {
|
||||
--hw: 125px;
|
||||
width: var(--hw);
|
||||
height: var(--hw);
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
margin: 0 0 30px;
|
||||
width: fit-content;
|
||||
text-align: center;
|
||||
|
||||
border-bottom: 1px solid #d78453;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a.button {
|
||||
margin-top: 30px;
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 7px;
|
||||
background-color: #d78453;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
background-color: #c26b3f;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
import React from "react";
|
||||
import "./ErrorPage.scss";
|
||||
|
||||
interface ErrorPageProps {
|
||||
title?: string;
|
||||
message?: string;
|
||||
}
|
||||
|
||||
const ErrorPage: React.FC<ErrorPageProps> = ({ title, message }) => {
|
||||
return (
|
||||
<main className={"error"}>
|
||||
<img
|
||||
src={"/img/slime.svg"}
|
||||
alt={"Slime"}
|
||||
className={"slime"}
|
||||
/>
|
||||
<h1>{title || "An Error occurred"}</h1>
|
||||
{message && <p>{message}</p>}
|
||||
<a
|
||||
className={"button"}
|
||||
href={"/"}
|
||||
>
|
||||
Main Page
|
||||
</a>
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
export default ErrorPage;
|
||||
@@ -0,0 +1,13 @@
|
||||
@use "../variables";
|
||||
|
||||
main.impressum {
|
||||
padding: 25px;
|
||||
|
||||
h1 {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: variables.$font;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
import "./Impressum.scss";
|
||||
|
||||
const Impressum = () => {
|
||||
return (
|
||||
<main className={"impressum"}>
|
||||
<h1>Legal Notice</h1>
|
||||
|
||||
<h2>Information according to § 5 TMG</h2>
|
||||
<p>
|
||||
Jan <span style={{display: "none"}}>wadsdadawsw</span>Straßburg<span
|
||||
style={{display: "none"}}>wadsdaadwsw</span>er<br/>
|
||||
Bert-Br<span style={{display: "none"}}>wadsdawawdasw</span>echt-Stra<span
|
||||
style={{display: "none"}}>wadsddsawasw</span>ße 11<br/>
|
||||
66386 <span style={{display: "none"}}>wadsdwaawasw</span>St. In<span
|
||||
style={{display: "none"}}>dawdwa</span>gbert
|
||||
</p>
|
||||
|
||||
<h2>Contact</h2>
|
||||
<p>
|
||||
E-Mail: <a href="mailto:contact@strassburger.org?subject=Legal%20Notice%20Inquiry%20-%20Website%20Communication">con<span
|
||||
style={{display: "none"}}>dswadswa</span>tact@strassb<span style={{display: "none"}}>wadddddsdasw</span>urger.org</a>
|
||||
</p>
|
||||
|
||||
<h2>Disclaimer</h2>
|
||||
<h3>1. Warning about contents</h3>
|
||||
<p>The free and freely accessible contents of this website have been created with the greatest possible care. However, the provider of this website does not guarantee the accuracy and timeliness of the provided free and freely accessible journalistic advice and news. The use of this website content is at the user's own risk. The mere fact of calling up this free and freely accessible content does not constitute any contractual relationship between the user and the provider; in this respect, the provider's intention to be legally bound is lacking.</p>
|
||||
<h3>2. Links</h3>
|
||||
<p>The website contains links to other websites ("external links"). These websites are subject to the liability of the respective site operators. At the time of linking the external links, no legal violations were apparent. The provider has no influence on the current and future design of the linked pages. It is not reasonable for the provider to permanently check the external links without concrete indications of legal violations. If violations of the law become known, the external links concerned will be deleted immediately.</p>
|
||||
<h3>3. Copyright / ancillary copyright</h3>
|
||||
<p>The contents published on this website by the provider are subject to German copyright and ancillary copyright law. Any use not permitted by German copyright and ancillary copyright law requires the prior written consent of the provider or the respective rights holder. This applies in particular to the copying, editing, translation, storage, processing or reproduction of content in databases or other electronic media and systems. Third-party content and rights are marked as such. Unauthorised copying of website content or the entire website is not permitted and is punishable by law. Only the production of copies and downloads for personal, private and non-commercial use is permitted.</p>
|
||||
<p>This website may not be displayed in frames or iFrames by third parties without written permission.</p>
|
||||
<h3>4. No advertising</h3>
|
||||
<p>The use of the contact data in the Legal Notice for commercial advertising is expressly not desired unless the provider has given prior written consent or a business relationship already exists. The provider and all persons named on this website hereby object to any commercial use and disclosure of their data.</p>
|
||||
<h3>5. Special terms of use</h3>
|
||||
<p>Insofar as special conditions for individual uses of this website deviate from the aforementioned numbers 1 to 4, this will be expressly indicated at the appropriate place. In this case, the special conditions shall apply in the respective isolated case.</p>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
export default Impressum;
|
||||
Reference in New Issue
Block a user