info-site-generator 1.0.3 → 1.0.4

package/lib/App.js

@@ -0,0 +1,69 @@
+import { HashRouter, Routes, Route } from "react-router-dom";
+import Home from "info-site-generator/src/pages/Home.tsx";
+import defaults from "info-site-generator/src/contentDefaults.json";
+import { ThemeContext } from "info-site-generator/src/theme.ts";
+import Wrapper from "info-site-generator/src/components/Wrapper.tsx";
+import { SiteData } from "info-site-generator/declarations";
+import "./index.css";
+import Content from "info-site-generator/src/pages/Content.tsx";
+import PageGen from "info-site-generator/src/pages/Page.tsx";
+import Search from "info-site-generator/src/pages/Search.tsx";
+import React from "react";
+
+/**
+ * The info site generator
+ * @param {SiteData} data The data of the site in SiteData format
+ * @param {React.ReactNode[]} children The children
+ * @returns A ready app based on the data provided
+ */
+function SiteGen({
+  data,
+  children
+}) {
+  // loop through the possible site data and set defaults
+  let dataSecond = data;
+  Object.keys(defaults).forEach(key => {
+    dataSecond[key] = data[key] || defaults[key];
+  });
+  let validData = dataSecond;
+  validData.pages?.forEach(page => {
+    page.withLink = page.withLink ?? true;
+    // page.withLink = page.withLink === undefined ? false : page.withLink;
+  });
+  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+    value: localStorage.getItem("theme") || "light"
+  }, /*#__PURE__*/React.createElement(HashRouter, null, /*#__PURE__*/React.createElement(Routes, null, /*#__PURE__*/React.createElement(Route, {
+    index: true,
+    element: /*#__PURE__*/React.createElement(Wrapper, {
+      data: validData,
+      component: /*#__PURE__*/React.createElement(Home, {
+        data: validData
+      })
+    })
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: "all-content",
+    element: /*#__PURE__*/React.createElement(Wrapper, {
+      data: validData,
+      component: /*#__PURE__*/React.createElement(Content, {
+        data: validData
+      })
+    })
+  }), /*#__PURE__*/React.createElement(Route, {
+    path: "search",
+    element: /*#__PURE__*/React.createElement(Wrapper, {
+      data: validData,
+      component: /*#__PURE__*/React.createElement(Search, {
+        data: validData
+      })
+    })
+  }), children.map(page => /*#__PURE__*/React.createElement(Route, {
+    element: /*#__PURE__*/React.createElement(Wrapper, {
+      data: validData,
+      component: /*#__PURE__*/React.createElement(PageGen, {
+        page: page
+      })
+    }),
+    path: page.slug
+  })))));
+}
+export default SiteGen;

package/{index.js → lib/index.js}

@@ -1,3 +1,2 @@
-import SiteGen from "./src/App.js";
-
-export default SiteGen;
+import SiteGen from "./src/App.js";
+export default SiteGen;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "info-site-generator",
-    "version": "1.0.3",
-    "main": "index.js",
+    "version": "1.0.4",
+    "main": "lib/index.js",
     "author": "Enderfarmer",
     "license": "MIT",
     "types": "declarations.d.ts",
@@ -15,8 +15,11 @@
     },
     "scripts": {
         "start": "react-scripts start",
-        "build": "react-scripts build"
+        "build": "babel src -d lib"
     },
+    "files": [
+        "lib"
+    ],
     "eslintConfig": {
         "extends": [
             "react-app",
@@ -34,5 +37,10 @@
             "last 1 firefox version",
             "last 1 safari version"
         ]
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.28.3",
+        "@babel/core": "^7.28.5",
+        "@babel/preset-react": "^7.28.5"
     }
 }

package/.babelrc

@@ -1,3 +0,0 @@
-{
-    "plugins": ["@babel/plugin-syntax-jsx"]
-}

package/declarations.d.ts

@@ -1,44 +0,0 @@
-interface Page extends React.ReactElement {
-    title: string;
-    shortTitle?: string;
-    linkText?: string;
-    slug: string;
-    content?: string;
-    description: string;
-    withLink?: boolean;
-}
-interface SocialMediaLinkWithImage {
-    href: string;
-    image?: string;
-    imageDark?: string;
-}
-type SocialMediaName = string;
-export interface SiteData {
-    siteTitle?: string;
-    siteDescription?: string;
-    motto?: string;
-    answeredQuestions?: string[];
-    startUpPages?: string[];
-    keywords?: string[];
-    author?: string;
-    language?: string;
-    url?: string;
-    customNavLinks?: { text: string; href: string }[];
-    brandColor?: string;
-    brandColorDark?: string;
-    brandColorIsDark?: boolean;
-    socialMedia?: {
-        [key: SocialMediaName]: SocialMediaLinkWithImage;
-    };
-    contactEmail?: string;
-    pages?: Page[];
-}
-type Theme = "light" | "dark";
-declare module "contentDefaults.json" {
-    const data: SiteData;
-    export default data;
-}
-declare module "index.js" {
-    const SiteGen: Function;
-    export default SiteGen;
-}

package/public/arrow-left.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-thin" viewBox="0 0 24 24"><path d="M10.05 16.94V12.94H18.97L19 10.93H10.05V6.94L5.05 11.94Z" /></svg>

package/public/dark-theme-white.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="white" viewBox="0 0 24 24"><path d="M14.768 3.96v.001l-.002-.005a9.08 9.08 0 0 0-.218-.779c-.13-.394.21-.8.602-.67.29.096.575.205.855.328l.01.005A10.002 10.002 0 0 1 12 22a10.002 10.002 0 0 1-9.162-5.985l-.004-.01a9.722 9.722 0 0 1-.329-.855c-.13-.392.277-.732.67-.602.257.084.517.157.78.218l.004.002A9 9 0 0 0 14.999 6a9.09 9.09 0 0 0-.231-2.04ZM16.5 6c0 5.799-4.701 10.5-10.5 10.5-.426 0-.847-.026-1.26-.075A8.5 8.5 0 1 0 16.425 4.74c.05.413.075.833.075 1.259Z"/></svg>

package/public/dark-theme.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="black" viewBox="0 0 24 24"><path d="M14.768 3.96v.001l-.002-.005a9.08 9.08 0 0 0-.218-.779c-.13-.394.21-.8.602-.67.29.096.575.205.855.328l.01.005A10.002 10.002 0 0 1 12 22a10.002 10.002 0 0 1-9.162-5.985l-.004-.01a9.722 9.722 0 0 1-.329-.855c-.13-.392.277-.732.67-.602.257.084.517.157.78.218l.004.002A9 9 0 0 0 14.999 6a9.09 9.09 0 0 0-.231-2.04ZM16.5 6c0 5.799-4.701 10.5-10.5 10.5-.426 0-.847-.026-1.26-.075A8.5 8.5 0 1 0 16.425 4.74c.05.413.075.833.075 1.259Z"/></svg>

package/public/index.html

@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <meta name="theme-color" content="#000000" />
-        <meta
-            name="description"
-            content="Web site created using create-react-app"
-        />
-        <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-        <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-        <link
-            href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
-            rel="stylesheet"
-            integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
-            crossorigin="anonymous"
-        />
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-        <link
-            href="https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap"
-            rel="stylesheet"
-        />
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-        <link
-            href="https://fonts.googleapis.com/css2?family=Gotu&display=swap"
-            rel="stylesheet"
-        />
-        <link rel="stylesheet" href="/hamburgers.min.css" />
-        <title>React App</title>
-    </head>
-    <body>
-        <noscript>You need to enable JavaScript to run this app.</noscript>
-        <div id="root"></div>
-        <script
-            src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
-            integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
-            crossorigin="anonymous"
-        ></script>
-    </body>
-</html>

package/public/light-theme-white.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="white" width="24" height="24" viewBox="0 0 24 24"><path d="M12 19a7 7 0 1 1 0-14 7 7 0 0 1 0 14Zm0-1.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 1 0 0 11Zm-5.657.157a.75.75 0 0 1 0 1.06l-1.768 1.768a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.767-1.768a.75.75 0 0 1 1.061 0ZM3.515 3.515a.75.75 0 0 1 1.06 0l1.768 1.768a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L3.515 4.575a.75.75 0 0 1 0-1.06ZM12 0a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0V.75A.75.75 0 0 1 12 0ZM4 12a.75.75 0 0 1-.75.75H.75a.75.75 0 0 1 0-1.5h2.5A.75.75 0 0 1 4 12Zm8 8a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0v-2.5A.75.75 0 0 1 12 20Zm12-8a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h2.5A.75.75 0 0 1 24 12Zm-6.343 5.657a.75.75 0 0 1 1.06 0l1.768 1.768a.751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018l-1.768-1.767a.75.75 0 0 1 0-1.061Zm2.828-14.142a.75.75 0 0 1 0 1.06l-1.768 1.768a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l1.767-1.768a.75.75 0 0 1 1.061 0Z"/></svg>

package/public/light-theme.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="black" width="35" height="35" viewBox="0 0 24 24"><path d="M12 19a7 7 0 1 1 0-14 7 7 0 0 1 0 14Zm0-1.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 1 0 0 11Zm-5.657.157a.75.75 0 0 1 0 1.06l-1.768 1.768a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l1.767-1.768a.75.75 0 0 1 1.061 0ZM3.515 3.515a.75.75 0 0 1 1.06 0l1.768 1.768a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L3.515 4.575a.75.75 0 0 1 0-1.06ZM12 0a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0V.75A.75.75 0 0 1 12 0ZM4 12a.75.75 0 0 1-.75.75H.75a.75.75 0 0 1 0-1.5h2.5A.75.75 0 0 1 4 12Zm8 8a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0v-2.5A.75.75 0 0 1 12 20Zm12-8a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h2.5A.75.75 0 0 1 24 12Zm-6.343 5.657a.75.75 0 0 1 1.06 0l1.768 1.768a.751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018l-1.768-1.767a.75.75 0 0 1 0-1.061Zm2.828-14.142a.75.75 0 0 1 0 1.06l-1.768 1.768a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l1.767-1.768a.75.75 0 0 1 1.061 0Z"/></svg>

package/public/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/public/quote.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24"><path d="M3.691 6.292C5.094 4.771 7.217 4 10 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 6.925 10H10a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2H3a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789zM20 20h-6a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789C16.094 4.771 18.217 4 21 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 17.925 10H21a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2z"/></svg>

package/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

package/src/App.js

@@ -1,78 +0,0 @@
-import { HashRouter, Routes, Route } from "react-router-dom";
-import Home from "info-site-generator/src/pages/Home.tsx";
-import defaults from "info-site-generator/src/contentDefaults.json";
-import { ThemeContext } from "info-site-generator/src/theme.ts";
-import Wrapper from "info-site-generator/src/components/Wrapper.tsx";
-import { SiteData } from "info-site-generator/declarations";
-import "./index.css";
-import Content from "info-site-generator/src/pages/Content.tsx";
-import PageGen from "info-site-generator/src/pages/Page.tsx";
-import Search from "info-site-generator/src/pages/Search.tsx";
-import React from "react";
-
-/**
- * The info site generator
- * @param {SiteData} data The data of the site in SiteData format
- * @param {React.ReactNode[]} children The children
- * @returns A ready app based on the data provided
- */
-function SiteGen({ data, children }) {
-    // loop through the possible site data and set defaults
-    let dataSecond = data;
-    Object.keys(defaults).forEach((key) => {
-        dataSecond[key] = data[key] || defaults[key];
-    });
-    let validData = dataSecond;
-    validData.pages?.forEach((page) => {
-        page.withLink = page.withLink ?? true;
-        // page.withLink = page.withLink === undefined ? false : page.withLink;
-    });
-    return (
-        <ThemeContext.Provider value={localStorage.getItem("theme") || "light"}>
-            <HashRouter>
-                <Routes>
-                    <Route
-                        index
-                        element={
-                            <Wrapper
-                                data={validData}
-                                component={<Home data={validData} />}
-                            />
-                        }
-                    />
-                    <Route
-                        path="all-content"
-                        element={
-                            <Wrapper
-                                data={validData}
-                                component={<Content data={validData} />}
-                            />
-                        }
-                    />
-                    <Route
-                        path="search"
-                        element={
-                            <Wrapper
-                                data={validData}
-                                component={<Search data={validData} />}
-                            />
-                        }
-                    />
-                    {children.map((page) => (
-                        <Route
-                            element={
-                                <Wrapper
-                                    data={validData}
-                                    component={<PageGen page={page} />}
-                                />
-                            }
-                            path={page.slug}
-                        />
-                    ))}
-                </Routes>
-            </HashRouter>
-        </ThemeContext.Provider>
-    );
-}
-
-export default SiteGen;

package/src/components/ArrowBack.tsx

@@ -1,14 +0,0 @@
-import { Link } from "react-router-dom";
-
-export default function ArrowBack() {
-    return (
-        <Link to="/all-content">
-            <img
-                src="/arrow-left.svg"
-                alt="Back to content list"
-                width={40}
-                height={40}
-            />
-        </Link>
-    );
-}

package/src/components/Footer.tsx

@@ -1,50 +0,0 @@
-import { SiteData } from "../declarations";
-import { useCurrentTheme } from "../theme.ts";
-
-export default function Footer({ data }: { data: SiteData }) {
-    const [theme] = useCurrentTheme();
-    return (
-        <footer
-            className="bg-gray-800 text-white py-4 m-0"
-            style={
-                theme === "light"
-                    ? { backgroundColor: data.brandColor }
-                    : { backgroundColor: data.brandColorDark }
-            }
-        >
-            <div className="container mx-auto">
-                <h3>{data.siteTitle}</h3>
-                <p className="sm">{data.siteDescription}</p>
-                {data.socialMedia && (
-                    <div>
-                        Follow us on <br />
-                        <ul className="d-flex flex-wrap w-100 mw-100 list-unstyled link-underline-opacity-0 link-underline-opactiy-100">
-                            {Object.entries(data.socialMedia).map(
-                                ([key, value]) => (
-                                    <li className="p-2 m-3" key={key}>
-                                        {value.image && value.imageDark && (
-                                            <img
-                                                src={
-                                                    theme === "light"
-                                                        ? value.image
-                                                        : value.imageDark
-                                                }
-                                                alt={key}
-                                            />
-                                        )}
-                                        <a href={value.href} className="p-1">
-                                            {key}
-                                        </a>
-                                    </li>
-                                )
-                            )}
-                        </ul>
-                    </div>
-                )}
-                <div className="text-center">
-                    &copy; {new Date().getFullYear()} All rights reserved.
-                </div>
-            </div>
-        </footer>
-    );
-}

package/src/components/Navbar.tsx

@@ -1,100 +0,0 @@
-import { oppositeTheme, useCurrentTheme } from "../theme.ts";
-import { SiteData, Theme } from "../../declarations";
-import { useState } from "react";
-import { Link } from "react-router-dom";
-import "../styles/hamburgers.min.css";
-import "../styles/navbar.css";
-
-export default function Navbar({ data }: { data: SiteData }) {
-    const [theme, setTheme]: [Theme, Function] = useCurrentTheme();
-    const [active, setActive] = useState(false);
-    document.documentElement.setAttribute("data-bs-theme", theme);
-    return (
-        <nav
-            className={`navbar border-bottom border-1 border-dark mb-2 d-flex justify-content-between align-items-center ${
-                theme === "dark" && "navbar-dark"
-            } `}
-            style={
-                theme === "light"
-                    ? { backgroundColor: data.brandColor }
-                    : { backgroundColor: data.brandColorDark }
-            }
-        >
-            <Link className="navbar-brand px-2" to="/">
-                {data.siteTitle}
-            </Link>
-            <span>
-                <span>
-                    <button
-                        className="p-2 border border-0 bg-transparent"
-                        id="theme-toggle"
-                        type="button"
-                        onClick={() => {
-                            setTheme(oppositeTheme(theme));
-                        }}
-                        aria-label="Toggle theme"
-                        title="Toggle theme"
-                    >
-                        <img
-                            src={
-                                data.brandColorIsDark || theme === "dark"
-                                    ? `/${theme}-theme-white.svg`
-                                    : `/${theme}-theme.svg`
-                            }
-                            className="d-inline"
-                            alt={`${theme} theme`}
-                        />
-                    </button>
-                </span>
-                <button
-                    className={`hamburger hamburger--spin ${
-                        active ? "is-active" : ""
-                    }`}
-                    type="button"
-                    onClick={() => setActive(!active)}
-                    aria-label="Toggle navigation"
-                    title="Toggle navigation"
-                    aria-controls="navbarSupportedContent"
-                    aria-expanded={active}
-                    aria-haspopup="true"
-                    data-bs-toggle="collapse"
-                    data-bs-target="#navbarSupportedContent"
-                >
-                    <span className="hamburger-box">
-                        <span
-                            className={`hamburger-inner ${
-                                theme === "dark" && "bg-light"
-                            }`}
-                        ></span>
-                    </span>
-                </button>
-            </span>
-            <div
-                className="collapse navbar-collapse border-top border-1 border-dark"
-                id="navbarSupportedContent"
-            >
-                <ul className="navbar-nav me-auto mb-2 mb-lg-0">
-                    {data.pages?.map((page) => (
-                        <li className="nav-item" key={page.slug}>
-                            <Link className="nav-link" to={page.slug}>
-                                {page.linkText || page.title}
-                            </Link>
-                        </li>
-                    ))}
-                    {data.customNavLinks?.map((link) => (
-                        <li className="nav-item" key={link.href}>
-                            <a
-                                className="nav-link"
-                                href={link.href}
-                                target="_blank"
-                                rel="noopener noreferrer"
-                            >
-                                {link.text}
-                            </a>
-                        </li>
-                    ))}
-                </ul>
-            </div>
-        </nav>
-    );
-}

package/src/components/Wrapper.tsx

@@ -1,21 +0,0 @@
-import { SiteData } from "../../declarations";
-import Footer from "./Footer.tsx";
-import Navbar from "./Navbar.tsx";
-
-export default function Wrapper({
-    data,
-    component,
-}: {
-    data: SiteData;
-    component: any;
-}) {
-    return (
-        <>
-            <Navbar data={data} />
-            <div className="container" id="all-content">
-                {component}
-            </div>
-            <Footer data={data} />
-        </>
-    );
-}

package/src/content.json

@@ -1,20 +0,0 @@
-{
-    "siteTitle": "My very informational Site",
-    "startUpPages": ["Custom Page"],
-    "pages": [
-        {
-            "title": "Custom Page",
-            "slug": "custom-page",
-            "description": "This is a custom page for the info site.",
-            "content": "Welcome to the custom page of the info site!"
-        }
-    ],
-    "socialMedia": {
-        "facebook": ["https://www.facebook.com"],
-        "x": ["https://x.com"],
-        "instagram": ["https://www.instagram.com"],
-        "linkedin": ["https://www.linkedin.com"],
-        "youtube": ["https://www.youtube.com"],
-        "github": ["https://github.com"]
-    }
-}

package/src/contentDefaults.json

@@ -1,47 +0,0 @@
-{
-    "siteTitle": "Default Title",
-    "siteDescription": "Doing something is better than doing nothing.",
-    "motto": "Let's <br /> make it juicy!",
-    "keywords": ["default"],
-    "author": "Default Author",
-    "language": "en-US",
-    "themeColor": "#ffffff",
-    "brandColor": "skyblue",
-    "brandColorDark": "#00008B",
-    "brandColorIsDark": false,
-    "contactEmail": "",
-    "commonFont": "Gotu",
-    "answeredQuestions": [
-        "What is this?",
-        "How does it work?",
-        "Why should I use it?",
-        "What are the benefits?"
-    ],
-    "startUpPages": ["Dummy", "About"],
-    "pages": [
-        {
-            "title": "Dummy",
-            "slug": "dummy",
-            "description": "This is a dummy page for the default info site.",
-            "content": "Welcome to the default info site dummy!"
-        },
-        {
-            "title": "About",
-            "slug": "about",
-            "description": "Learn more about this default info site.",
-            "content": "This is the about page of the default info site."
-        },
-        {
-            "title": "Contact",
-            "slug": "contact",
-            "description": "Get in touch with us.",
-            "content": "This is the contact page of the default info site."
-        },
-        {
-            "title": "lorem-ipsum",
-            "slug": "lorem-ipsum",
-            "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-            "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
-        }
-    ]
-}

package/src/index.css

@@ -1,25 +0,0 @@
-body {
-    margin: 0;
-    font-family: "Gotu", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
-        "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-html,
-body,
-#root {
-    height: 100%;
-}
-#all-content {
-    min-height: 100%;
-}
-code {
-    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
-        monospace;
-}
-footer a {
-    text-decoration: none;
-    &:hover {
-        text-decoration: underline;
-    }
-}

package/src/pages/Content.tsx

@@ -1,30 +0,0 @@
-import { Link } from "react-router-dom";
-import { SiteData } from "../../declarations";
-
-export default function Content({ data }: { data: SiteData }) {
-    return (
-        <div className="container">
-            <h2>{data.siteTitle} content</h2>
-            <div className="row">
-                {data.pages.map((page, index) => (
-                    <div key={index} className="col-md-4 mb-4 mx-2">
-                        <div className="card h-100">
-                            <div className="card-body">
-                                <h5 className="card-title">{page.title}</h5>
-                                <p className="card-text">{page.description}</p>
-                                {page.withLink && (
-                                    <Link
-                                        to={`/${page.slug}`}
-                                        className="btn btn-primary"
-                                    >
-                                        Read more
-                                    </Link>
-                                )}
-                            </div>
-                        </div>
-                    </div>
-                ))}
-            </div>
-        </div>
-    );
-}

package/src/pages/Home.tsx

@@ -1,93 +0,0 @@
-import { Link } from "react-router-dom";
-import { Page, SiteData } from "../../declarations";
-import { useState } from "react";
-import "../styles/Home.css";
-export default function Home({ data }: { data: SiteData }) {
-    const [searchQuery, setSearchQuery] = useState("");
-    return (
-        <div>
-            <section className="d-flex">
-                <div className="w-50 d-flex flex-column justify-content-center align-items-center">
-                    <h1
-                        className="fw-bolder center"
-                        id="hero-title"
-                        dangerouslySetInnerHTML={{
-                            __html: data.motto || data.siteTitle,
-                        }}
-                    ></h1>
-                    <span>{data.siteDescription}</span>
-                </div>
-                <div className="w-50 p-2">
-                    <img
-                        src="/home-image.jpg"
-                        alt="Eye-catcher"
-                        className="w-100"
-                    />
-                </div>
-            </section>
-            <br />
-            <section>
-                <div className="form-group w-50 d-inline-block me-3">
-                    <input
-                        type="search"
-                        id="search"
-                        list="searchdata"
-                        value={searchQuery}
-                        onChange={(e) => setSearchQuery(e.target.value)}
-                        className="form-control"
-                        placeholder="Search for content"
-                    />
-                </div>
-                <Link
-                    to={{ pathname: "/search", search: `?q=${searchQuery}` }}
-                    className="d-inline-block"
-                >
-                    <button className="btn btn-primary p-2">Search</button>
-                </Link>
-                <datalist id="searchdata">
-                    {data.pages?.map((page, index) => (
-                        <option key={index} value={page.title}>
-                            {page.title}
-                        </option>
-                    ))}
-                </datalist>
-            </section>
-            <hr />
-            <section>
-                <h2>We answer these questions and more: </h2>
-                <ul>
-                    {data.answeredQuestions?.map((question, index) => (
-                        <li key={index}>{question}</li>
-                    ))}
-                </ul>
-                <Link to="all-content">Descover more content</Link>
-            </section>
-            <hr />
-            <section>
-                <h2>Dive in with those pages:</h2>
-                <ul>
-                    {data.startUpPages?.map((page, index) => {
-                        const pageData: Page | undefined = data.pages.find(
-                            (p) => p.title === page
-                        );
-                        if (!pageData) {
-                            console.warn(
-                                `Page with title "${page}" not found in data.pages`
-                            );
-                            return null;
-                        }
-                        return (
-                            <li key={index}>
-                                {
-                                    <Link to={`/${pageData.slug}`}>
-                                        {pageData.shortTitle || pageData.title}
-                                    </Link>
-                                }
-                            </li>
-                        );
-                    })}
-                </ul>
-            </section>
-        </div>
-    );
-}

package/src/pages/Page.tsx

@@ -1,17 +0,0 @@
-import ArrowBack from "../components/ArrowBack.tsx";
-import { Page } from "../../declarations";
-
-export default function PageGen({ page }: { page: Page }) {
-    return (
-        <div className="container mt-3">
-            <ArrowBack />
-            <h2>{page.title}</h2>
-            <blockquote>
-                {page.shortTitle || page.title} - {page.description}
-            </blockquote>
-            <hr />
-            <br />
-            {page.content || page}
-        </div>
-    );
-}

package/src/pages/Search.tsx

@@ -1,53 +0,0 @@
-import React, { useState } from "react";
-import { Link, useLocation } from "react-router-dom";
-import { SiteData } from "../../declarations";
-
-export default function Search({ data }: { data: SiteData }) {
-    const searchParams = new URLSearchParams(useLocation().search);
-    const query = searchParams.get("q") || "";
-    const [searchQuery, setSearchQuery] = useState(query);
-    return (
-        <div>
-            <h1>Search</h1>
-            <div className="form-group w-50 d-inline-block me-3">
-                <input
-                    type="search"
-                    id="search"
-                    list="search-data"
-                    value={searchQuery}
-                    onChange={(e) => setSearchQuery(e.target.value)}
-                    className="form-control"
-                    placeholder="Search for content"
-                />
-            </div>
-            <Link
-                to={{ pathname: "/search", search: `?q=${searchQuery}` }}
-                className="d-inline-block"
-            >
-                <button className="btn btn-primary p-2">Search</button>
-            </Link>
-            <datalist id="search-data">
-                {data.pages?.map((page, index) => (
-                    <option key={index} value={page.title}>
-                        {page.title}
-                    </option>
-                ))}
-            </datalist>
-            <hr />
-            <h2>Results for "{query}"</h2>
-            {data.pages?.map((page, index) => {
-                if (
-                    page.title.toLowerCase().includes(searchQuery.toLowerCase())
-                )
-                    return (
-                        <div key={index} className="mb-3">
-                            <h3>
-                                <Link to={page.slug}>{page.title}</Link>
-                            </h3>
-                            <p>{page.description}</p>
-                        </div>
-                    );
-            })}
-        </div>
-    );
-}

package/src/styles/Home.css

@@ -1,3 +0,0 @@
-#hero-title {
-    font-size: 3.5rem;
-}

package/src/styles/hamburgers.min.css

@@ -1,7 +0,0 @@
-/*!
- * Hamburgers
- * @description Tasty CSS-animated hamburgers
- * @author Jonathan Suh @jonsuh
- * @site https://jonsuh.com/hamburgers
- * @link https://github.com/jonsuh/hamburgers
- */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}

package/src/styles/navbar.css

@@ -1,21 +0,0 @@
-.navbar {
-    &.navbar-dark {
-        --bs-navbar-color: rgba(255, 255, 255, 0.7);
-    }
-    .navbar-brand {
-        font-family: "Nunito", sans-serif;
-        font-optical-sizing: auto;
-        font-weight: 300;
-        font-style: normal;
-    }
-    #theme-toggle {
-        background-color: transparent;
-        border: none;
-        cursor: pointer;
-    }
-    .hamburger-inner,
-    .hamburger-inner:after,
-    .hamburger-inner:before {
-        background-color: var(--bs-body-color) !important;
-    }
-}

package/src/theme.ts

@@ -1,17 +0,0 @@
-import { createContext, useContext, useState } from "react";
-import { Theme } from "./declarations";
-
-export const ThemeContext = createContext("light");
-export const oppositeTheme = (theme: Theme) => {
-    return theme === "light" ? "dark" : "light";
-};
-
-export const useCurrentTheme: () => [Theme, Function] = () => {
-    const theme = useContext(ThemeContext);
-    const [themeState, setThemeState]: [Theme, Function] = useState(theme);
-    const setTheme = (new_theme: Theme) => {
-        localStorage.setItem("theme", new_theme);
-        setThemeState(new_theme);
-    };
-    return [themeState, setTheme];
-};