Stránka nenalezena.
, + path: "*", + }, + ], + { + basename: import.meta.env.VITE_BASENAME, + } + ); + + return ( + <> +
+ Naše webové stránky jsou v rekonstrukci, děkujeme za trpělivost. V
+ případě dotazů prosím kontaktuje hlavního vedoucího Karla Košnara{" "}
+ na emailové adrese karel.kosnar (zavináč) gmail.com nebo na
+ telefonu 608 906 987.
+
+
+
+
+ {text}
+
+
+ );
+};
+
+export default LinkButton;
diff --git a/src/containers/MainNav/MainNav.module.css b/src/containers/MainNav/MainNav.module.css
new file mode 100644
index 0000000..4e0910a
--- /dev/null
+++ b/src/containers/MainNav/MainNav.module.css
@@ -0,0 +1,5 @@
+.title {
+ font-size: 1.5rem;
+ font-weight: bold;
+ color: darkgreen;
+}
\ No newline at end of file
diff --git a/src/containers/MainNav/MainNav.tsx b/src/containers/MainNav/MainNav.tsx
new file mode 100644
index 0000000..6e84ef2
--- /dev/null
+++ b/src/containers/MainNav/MainNav.tsx
@@ -0,0 +1,19 @@
+import styles from "./MainNav.module.css";
+
+const MainNav = () => {
+ return (
+ <>
+ Dětský stanový tábor ve Střílkách
+
+
+
+ );
+};
+
+export default MainNav;
diff --git a/src/containers/Page/Page.module.css b/src/containers/Page/Page.module.css
new file mode 100644
index 0000000..59f7780
--- /dev/null
+++ b/src/containers/Page/Page.module.css
@@ -0,0 +1,18 @@
+.poster {
+ max-width: min(100%, 30rem);
+ margin: 0 auto;
+}
+
+.content {
+ max-width: 50rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.content * {
+ text-align: left;
+}
+
+.content image {
+ text-align: center;
+}
\ No newline at end of file
diff --git a/src/containers/Page/Page.tsx b/src/containers/Page/Page.tsx
new file mode 100644
index 0000000..1467294
--- /dev/null
+++ b/src/containers/Page/Page.tsx
@@ -0,0 +1,41 @@
+import styles from "./Page.module.css";
+import { documentToReactComponents } from "@contentful/rich-text-react-renderer";
+
+import { BLOCKS } from "@contentful/rich-text-types";
+
+interface InvitationBlockInterface {
+ title: string;
+ content: any;
+}
+
+const InvitationBlock = ({ title, content }: InvitationBlockInterface) => {
+ return (
+ <>
+
+
+
+ );
+};
+
+export default InvitationBlock;
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 0000000..9b6862c
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App.tsx";
+
+import "@fontsource/roboto/300.css";
+import "@fontsource/roboto/400.css";
+import "@fontsource/roboto/500.css";
+import "@fontsource/roboto/700.css";
+
+import CssBaseline from "@mui/material/CssBaseline";
+
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+ {title}
+
+ {documentToReactComponents(content, {
+ renderText: (text) => {
+ return text.split("\n").reduce((lines, textSegment, index) => {
+ return [...lines, index > 0 &&
, textSegment]; + }, new Array()); // eslint-disable-line @typescript-eslint/no-array-constructor + }, + renderNode: { + [BLOCKS.EMBEDDED_ASSET]: (node) => { + return ( +
+ );
+ },
+ },
+ })}
+
+ , textSegment]; + }, new Array()); // eslint-disable-line @typescript-eslint/no-array-constructor + }, + renderNode: { + [BLOCKS.EMBEDDED_ASSET]: (node) => { + return ( +