diff --git a/src/App.tsx b/src/App.tsx index 24b3467..c7f7c0c 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -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 ( - } /> + } /> + } /> + } /> ) diff --git a/src/pages/ErrorPage.scss b/src/pages/ErrorPage.scss new file mode 100644 index 0000000..11284f0 --- /dev/null +++ b/src/pages/ErrorPage.scss @@ -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; + } + } +} \ No newline at end of file diff --git a/src/pages/ErrorPage.tsx b/src/pages/ErrorPage.tsx new file mode 100644 index 0000000..010755b --- /dev/null +++ b/src/pages/ErrorPage.tsx @@ -0,0 +1,29 @@ +import React from "react"; +import "./ErrorPage.scss"; + +interface ErrorPageProps { + title?: string; + message?: string; +} + +const ErrorPage: React.FC = ({ title, message }) => { + return ( +
+ {"Slime"} +

{title || "An Error occurred"}

+ {message &&

{message}

} + + Main Page + +
+ ) +} + +export default ErrorPage; \ No newline at end of file diff --git a/src/pages/Impressum.scss b/src/pages/Impressum.scss new file mode 100644 index 0000000..05a8c8d --- /dev/null +++ b/src/pages/Impressum.scss @@ -0,0 +1,13 @@ +@use "../variables"; + +main.impressum { + padding: 25px; + + h1 { + margin-top: 0px; + } + + h1, h2, h3, h4, h5, h6 { + font-family: variables.$font; + } +} \ No newline at end of file diff --git a/src/pages/Impressum.tsx b/src/pages/Impressum.tsx new file mode 100644 index 0000000..8950d60 --- /dev/null +++ b/src/pages/Impressum.tsx @@ -0,0 +1,40 @@ +import "./Impressum.scss"; + +const Impressum = () => { + return ( +
+

Legal Notice

+ +

Information according to § 5 TMG

+

+ Jan wadsdadawswStraßburgwadsdaadwswer
+ Bert-Brwadsdawawdaswecht-Strawadsddsawaswße 11
+ 66386 wadsdwaawaswSt. Indawdwagbert +

+ +

Contact

+

+ E-Mail: condswadswatact@strassbwadddddsdaswurger.org +

+ +

Disclaimer

+

1. Warning about contents

+

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.

+

2. Links

+

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.

+

3. Copyright / ancillary copyright

+

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.

+

This website may not be displayed in frames or iFrames by third parties without written permission.

+

4. No advertising

+

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.

+

5. Special terms of use

+

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.

+
+ ); +} + +export default Impressum; \ No newline at end of file