mirror of
https://github.com/stefanpejcic/openpanel
synced 2025-06-26 18:28:26 +00:00
Update index.tsx
This commit is contained in:
Stefan Pejcic
GitHub
parent
986ff1758b
commit
2ac0799b03
@ -66,7 +66,7 @@ const About: React.FC = () => {
|
|||||||
<div className="w-1/2 pr-4">
|
<div className="w-1/2 pr-4">
|
||||||
<a href="https://demo.openpanel.co/openapanel/" target="_blank" rel="noopener noreferrer">
|
<a href="https://demo.openpanel.co/openapanel/" target="_blank" rel="noopener noreferrer">
|
||||||
<h2>OpenPanel Docs</h2>
|
<h2>OpenPanel Docs</h2>
|
||||||
<img src="/img/panel/v1/dashboard/dashboard.png" alt="Demo OpenPanel" style={{ width: 'auto', height: '350px' }} />
|
<img src="/img/panel/v1/dashboard/dashboard.png" alt="Demo OpenPanel" style={{ width: 'auto', height: '30%' }} />
|
||||||
|
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
@ -80,7 +80,7 @@ const About: React.FC = () => {
|
|||||||
<div className="w-1/2 pl-4">
|
<div className="w-1/2 pl-4">
|
||||||
<a href="https://demo.openpanel.co/openadmin/" target="_blank" rel="noopener noreferrer">
|
<a href="https://demo.openpanel.co/openadmin/" target="_blank" rel="noopener noreferrer">
|
||||||
<h2>OpenAdmin Docs</h2>
|
<h2>OpenAdmin Docs</h2>
|
||||||
<img src="/img/admin/openadmin_dashboard.png" alt="Demo OpenAdmin" style={{ width: 'auto', height: '350px' }} />
|
<img src="/img/admin/openadmin_dashboard.png" alt="Demo OpenAdmin" style={{ width: 'auto', height: '30%' }} />
|
||||||
|
|
||||||
</a>
|
</a>
|
||||||
<p>
|
<p>
|
||||||
@ -90,180 +90,6 @@ const About: React.FC = () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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 />
|
<BlogFooter />
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user