cleanup / basic setup

docusaurus.config.ts

@@ -35,22 +35,16 @@ const config: Config = {
       {
         docs: {
           sidebarPath: "./sidebars.ts",
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
-          editUrl:
-            "https://github.com/gommehdnet/citybuild-wiki/edit/main/",
+          editUrl: "https://github.com/gommehdnet/citybuild-wiki/edit/main/",
         },
         blog: {
           showReadingTime: true,
           feedOptions: {
             type: ["rss", "atom"],
             xslt: true,
           },
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
           editUrl:
-            "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
-          // Useful options to enforce blogging best practices
+            "https://github.com/gommehdnet/citybuild-wiki/tree/main/packages/create-docusaurus/templates/shared/",
           onInlineTags: "warn",
           onInlineAuthors: "warn",
           onUntruncatedBlogPosts: "warn",
@@ -63,7 +57,6 @@ const config: Config = {
   ],
 
   themeConfig: {
-    // Replace with your project's social card
     image: "img/docusaurus-social-card.jpg",
     navbar: {
       title: "GommeHD.net CityBuild Wiki",
@@ -76,66 +69,22 @@ const config: Config = {
           type: "docSidebar",
           sidebarId: "tutorialSidebar",
           position: "left",
-          label: "Tutorial",
+          label: "Get Started",
         },
         {
-          to: "/",
-          label: "Hier könnte Ihre Werbung stehen",
+          to: "https://gommehd.net",
+          label: "GommeHD.net",
           position: "left",
         },
-        {
+        /*{
           type: "localeDropdown",
           position: "right",
-        },
+        }, add to enable language switcher*/
       ],
     },
     footer: {
       style: "dark",
-      links: [
-        {
-          title: "Wiki",
-          items: [
-            {
-              label: "Tutorial",
-              to: "/docs/intro",
-            },
-          ],
-        },
-        {
-          title: "Community",
-          items: [
-            {
-              label: "YouTube",
-              href: "https://youtube.com/GommeHDnet",
-            },
-            {
-              label: "Discord",
-              href: "https://discord.gg/gommehdnet",
-            },
-            {
-              label: "X",
-              href: "https://x.com/gommehdnet",
-            },
-            {
-              label: "TikTok",
-              href: "https://tiktok.com/@gommehdnet",
-            },
-          ],
-        },
-        {
-          title: "Mehr",
-          items: [
-            {
-              label: "Extra Link",
-              to: "/",
-            },
-            {
-              label: "Hauptseite",
-              href: "https://gommehd.net",
-            },
-          ],
-        },
-      ],
+      links: [],
       copyright: `Copyright © ${new Date().getFullYear()} GommeHD.net. Gemacht mit Docusaurus.`,
     },
     prism: {

src/components/LandingPage/index.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+import clsx from "clsx";
+import styles from "./styles.module.css";
+
+export default function HomepageMinimal(): JSX.Element {
+  return (
+    <div className={clsx("container", styles.centerContent)}>
+      <div className="text--center">
+        <img
+          src={require("./placeholder.png").default}
+          alt="Placeholder Image"
+          className={styles.image}
+        />
+      </div>
+      <div className="text--center">
+        <h1>CityBuild Wiki</h1>
+        <p>Deine Guide für CityBuild.</p>
+      </div>
+    </div>
+  );
+}

src/components/LandingPage/styles.module.css

@@ -0,0 +1,12 @@
+.centerContent {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+}
+
+.image {
+  max-width: 100%;
+  height: auto;
+}

src/pages/index.tsx

@@ -1,33 +1,6 @@
-import clsx from "clsx";
-import Link from "@docusaurus/Link";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
-import HomepageFeatures from "@site/src/components/HomepageFeatures";
-import Heading from "@theme/Heading";
-
-import styles from "./index.module.css";
-
-function HomepageHeader() {
-  const { siteConfig } = useDocusaurusContext();
-  return (
-    <header className={clsx("hero hero--primary", styles.heroBanner)}>
-      <div className="container">
-        <Heading as="h1" className="hero__title">
-          {siteConfig.title}
-        </Heading>
-        <p className="hero__subtitle">{siteConfig.tagline}</p>
-        <div className={styles.buttons}>
-          <Link
-            className="button button--secondary button--lg"
-            to="/docs/intro"
-          >
-            Docusaurus Tutorial - 5min ⏱️
-          </Link>
-        </div>
-      </div>
-    </header>
-  );
-}
+import LandingPage from "@site/src/components/LandingPage";
 
 export default function Home(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();
@@ -36,10 +9,7 @@ export default function Home(): JSX.Element {
       title={`${siteConfig.title}`}
       description="CityBuild Wiki von GommeHD.net"
     >
-      <HomepageHeader />
-      <main>
-        <HomepageFeatures />
-      </main>
+      <LandingPage />
     </Layout>
   );
 }