spell
This commit is contained in:
Stefan Pejcic
parent
69eff6b6b8
commit
360e3831c7
3 changed files with 257 additions and 1 deletions
11
a.sh
Normal file
11
a.sh
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
#!/bin/bash
|
||||
printf '%*s\n' "${COLUMNS:-$(tput cols)}" '' | tr ' ' -
|
||||
echo " ____ _____ _ "
|
||||
echo " / __ \ | __ \ | | "
|
||||
echo " | | | | _ __ ___ _ __ | |__) | __ _ _ __ ___ | | "
|
||||
echo " | | | || '_ \ / _ \| '_ \ | ___/ / _\" || '_ \ / _ \| | "
|
||||
echo " | |__| || |_) || __/| | | | | | | (_| || | | || __/| | "
|
||||
echo " \____/ | .__/ \___||_| |_| |_| \__,_||_| |_| \___||_| "
|
||||
echo " | | "
|
||||
echo " |_| "
|
||||
printf '%*s\n' "${COLUMNS:-$(tput cols)}" '' | tr ' ' -
|
||||
245
documentation/src/pages/docs (copy)/index.tsx
Normal file
245
documentation/src/pages/docs (copy)/index.tsx
Normal file
|
|
@ -0,0 +1,245 @@
|
|||
import Head from "@docusaurus/Head";
|
||||
import { FooterRedditIcon as RedditIcon } from "@site/src/refine-theme/icons/footer-reddit";
|
||||
import { BlogFooter } from "@site/src/refine-theme/blog-footer";
|
||||
import { CommonHeader } from "@site/src/refine-theme/common-header";
|
||||
import { CommonLayout } from "@site/src/refine-theme/common-layout";
|
||||
import { Istanbul500Icon } from "@site/src/refine-theme/icons/500";
|
||||
import { GithubIcon } from "@site/src/refine-theme/icons/github";
|
||||
import { JoinUsIcon } from "@site/src/refine-theme/icons/join-us";
|
||||
import { MailIcon } from "@site/src/refine-theme/icons/mail";
|
||||
import { MarkerIcon } from "@site/src/refine-theme/icons/marker";
|
||||
import { OpenSourceIcon } from "@site/src/refine-theme/icons/open-source";
|
||||
import { DiscordIcon, TwitterIcon } from "@site/src/refine-theme/icons/popover";
|
||||
import Link from "@docusaurus/Link";
|
||||
import clsx from "clsx";
|
||||
import React from "react";
|
||||
import { backedBy } from "../../assets/backed-by";
|
||||
import { team } from "../../assets/team";
|
||||
import { useColorMode } from "@docusaurus/theme-common";
|
||||
import { YCombinatorCircleIcon } from "@site/src/refine-theme/icons/ycombinator-circle";
|
||||
import { CommonThemedImage } from "@site/src/refine-theme/common-themed-image";
|
||||
|
||||
const About: React.FC = () => {
|
||||
const { colorMode } = useColorMode();
|
||||
return (
|
||||
<>
|
||||
<Head title="About | Refine">
|
||||
<html data-page="about" data-customized="true" />
|
||||
</Head>
|
||||
<div className="refine-prose">
|
||||
<CommonHeader hasSticky={true} />
|
||||
<div
|
||||
className={clsx(
|
||||
"not-prose",
|
||||
"xl:max-w-[944px] xl:py-16",
|
||||
"lg:max-w-[912px] lg:py-10",
|
||||
"md:max-w-[624px] md:text-4xl md:pb-6 pt-6",
|
||||
"sm:max-w-[480px] text-xl",
|
||||
"max-w-[328px]",
|
||||
"w-full mx-auto",
|
||||
)}
|
||||
>
|
||||
<h1
|
||||
className={clsx(
|
||||
"font-semibold",
|
||||
"!mb-0",
|
||||
"text-gray-900 dark:text-gray-0",
|
||||
"text-xl md:text-[40px] md:leading-[56px]",
|
||||
)}
|
||||
>
|
||||
Documentation for{" "}
|
||||
<span className="text-transparent bg-clip-text bg-gradient-to-r text-gradient-to-r from-[#0FBDBD] to-[#26D97F]">
|
||||
OpenPanel
|
||||
</span>
|
||||
, and{" "}
|
||||
<span className="text-transparent bg-clip-text bg-gradient-to-r text-gradient-to-r from-[#FF9933] to-[#FF4C4D]">
|
||||
OpenAdmin
|
||||
</span>
|
||||
.
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div
|
||||
className={clsx(
|
||||
"w-[328px] sm:w-[480px] md:w-[624px] lg:w-[912px] xl:w-[1120px]",
|
||||
"mx-auto mt-10 w-full md:mt-20 lg:mt-32",
|
||||
"flex flex-col xl:flex-row",
|
||||
"gap-4 xl:gap-16",
|
||||
)}
|
||||
>
|
||||
<div
|
||||
className={clsx(
|
||||
"flex justify-center items-center",
|
||||
"w-[48px] h-[48px]",
|
||||
"md:w-[64px] md:h-[64px]",
|
||||
"rounded-full ",
|
||||
"bg-refine-red bg-opacity-10",
|
||||
"shrink-0",
|
||||
"xl:hidden",
|
||||
)}
|
||||
>
|
||||
<OpenSourceIcon className="text-refine-red" />
|
||||
</div>
|
||||
<div className="flex flex-col gap-2 lg:flex-row lg:gap-8 xl:gap-16">
|
||||
<div
|
||||
className={clsx(
|
||||
"flex flex-col gap-6 lg:flex-row",
|
||||
"w-[328px] sm:w-[480px] md:w-[624px] lg:w-[912px] xl:w-[576px]",
|
||||
)}
|
||||
>
|
||||
<div
|
||||
className={clsx(
|
||||
"justify-center items-center",
|
||||
"w-[48px] h-[48px]",
|
||||
"md:w-[64px] md:h-[64px]",
|
||||
"rounded-full ",
|
||||
"bg-refine-red bg-opacity-10",
|
||||
"shrink-0",
|
||||
"hidden xl:flex",
|
||||
)}
|
||||
>
|
||||
<OpenSourceIcon className="text-refine-red" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p className="mb-3 text-sm font-semibold text-gray-900 dark:text-gray-300 md:text-lg lg:text-2xl">
|
||||
User-friendly guides
|
||||
</p>
|
||||
|
||||
<p className="text-xs sm:text-base text-gray-900 dark:text-gray-300">
|
||||
Soon..
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="grid w-full shrink-0 grid-cols-2 gap-4 lg:w-[400px]">
|
||||
<a
|
||||
target="_blank"
|
||||
href="/docs/panel/intro/"
|
||||
className={clsx(
|
||||
"flex h-max flex-row justify-start gap-3",
|
||||
"dark:bg-gray-900",
|
||||
"border border-gray-200 dark:border-gray-700",
|
||||
"rounded-xl p-4",
|
||||
"no-underline hover:no-underline",
|
||||
)}
|
||||
rel="noreferrer"
|
||||
>
|
||||
<div>
|
||||
<GithubIcon
|
||||
className="text-2xl text-gray-900 dark:text-gray-0"
|
||||
width="24px"
|
||||
height="24px"
|
||||
/>
|
||||
</div>
|
||||
<div className="text-xs md:text-base">
|
||||
<div className="mb-0 text-gray-500 dark:text-gray-400">
|
||||
Docs for end-users
|
||||
</div>
|
||||
<div className="font-semibold text-gray-900 dark:text-gray-0 no-underline hover:no-underline">
|
||||
OpenPanel
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
target="_blank"
|
||||
href="/docs/admin/intro/"
|
||||
rel="noreferrer"
|
||||
className={clsx(
|
||||
"flex h-max flex-row justify-start gap-3",
|
||||
"dark:bg-gray-900",
|
||||
"border border-gray-200 dark:border-gray-700",
|
||||
"p-4 rounded-xl",
|
||||
"no-underline hover:no-underline",
|
||||
)}
|
||||
>
|
||||
<div>
|
||||
<DiscordIcon
|
||||
className="text-2xl"
|
||||
width="24px"
|
||||
height="24px"
|
||||
/>
|
||||
</div>
|
||||
<div className="text-xs md:text-base">
|
||||
<div className="mb-0 text-gray-500 dark:text-gray-400">
|
||||
Docs for hosters
|
||||
</div>
|
||||
<div className="font-semibold text-gray-900 dark:text-gray-0 no-underline hover:no-underline">
|
||||
OpenAdmin
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
target="_blank"
|
||||
href="/docs/category/openpanel-cli/"
|
||||
rel="noreferrer"
|
||||
className={clsx(
|
||||
"flex h-max flex-row justify-start gap-3",
|
||||
"dark:bg-gray-900",
|
||||
"border border-gray-200 dark:border-gray-700",
|
||||
"p-4 rounded-xl",
|
||||
"no-underline hover:no-underline",
|
||||
)}
|
||||
>
|
||||
<div>
|
||||
<RedditIcon
|
||||
className="text-2xl"
|
||||
width="24px"
|
||||
height="24px"
|
||||
color="#FF4500"
|
||||
/>
|
||||
</div>
|
||||
<div className="text-xs md:text-base">
|
||||
<div className="mb-0 text-gray-500 dark:text-gray-400">
|
||||
Docs for Admins
|
||||
</div>
|
||||
<div className="font-semibold text-gray-900 dark:text-gray-0 no-underline hover:no-underline">
|
||||
OpenCLI
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
target="_blank"
|
||||
href="/docs/category/advanced/"
|
||||
rel="noreferrer"
|
||||
className={clsx(
|
||||
"flex h-max flex-row justify-start gap-3",
|
||||
"dark:bg-gray-900",
|
||||
"border border-gray-200 dark:border-gray-700",
|
||||
"p-4 rounded-xl",
|
||||
"no-underline hover:no-underline",
|
||||
)}
|
||||
>
|
||||
<div>
|
||||
<TwitterIcon
|
||||
className="text-2xl"
|
||||
width="24px"
|
||||
height="24px"
|
||||
/>
|
||||
</div>
|
||||
<div className="text-xs md:text-base">
|
||||
<div className="mb-0 text-gray-500 dark:text-gray-400">
|
||||
Docs for Developers
|
||||
</div>
|
||||
<div className="font-semibold text-gray-900 dark:text-gray-0 no-underline hover:no-underline">
|
||||
Advanced
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<BlogFooter />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<CommonLayout>
|
||||
<About />
|
||||
</CommonLayout>
|
||||
);
|
||||
}
|
||||
|
|
@ -254,7 +254,7 @@ const Github = (props: { id?: string }) => {
|
|||
<div
|
||||
className={clsx("ml-4", "dark:text-gray-400 text-gray-600")}
|
||||
>
|
||||
If you like OpenPanel, please help us make it improve it!
|
||||
If you like OpenPanel, please help us improve it!
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue