Function About

src/App.tsx:1100–1121

()

    }

    function About() {
        const [name] = createResource(getName);
        const [version] = createResource(getVersion);
        const [build_type] = createInvokeResource<BuildType>("build_type");

        return (
            <div class="flex flex-col items-center h-full gap-5 select-none">
                <img src={logo} class="max-w-36 mt-6 pointer-events-none" />
                <div class="text-center">
                    <h1 class="text-2xl font-black select-text">{name()}</h1>
                    <span class={`text-xs ${build_type() === BuildType.Debug ? "bg-red-500" : "bg-blue-500"} text-white px-4 rounded-lg select-text`}>{build_type()} v{version()}</span>
                </div>
                <div class="flex flex-col gap-2">
                    <a class="border text-sm px-3 py-2 text-center" target="_blank" href={config.support_url}>Support or Feature Request</a>
                    <a class="border text-sm px-3 py-2 text-center" target="_blank" href={config.github_repository_url}>GitHub</a>
                    <a class="border text-sm px-3 py-2 text-center" target="_blank" href={config.homepage_url}>Homepage</a>
                </div>
                <p class="text-sm font-bold flex items-center">Support us by starring or sponsoring on <img class="h-4 mx-1 object-cover" src={github_mark} /> GitHub!</p>
                <span class="text-xs">&copy; Recordscript. 2024</span>
            </div>
        )
    }

    return (
        <main class="flex flex-col h-screen justify-start">