generated from shuding/nextra-docs-template
-
Notifications
You must be signed in to change notification settings - Fork 14
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
e889d35
commit 2137dd2
Showing
6 changed files
with
254 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,135 @@ | ||
| import React from "react"; | ||
| import { | ||
| AcademicCapIcon, | ||
| BanknotesIcon, | ||
| CheckBadgeIcon, | ||
| ClockIcon, | ||
| ReceiptRefundIcon, | ||
| UsersIcon, | ||
| } from "@heroicons/react/24/outline"; | ||
|
|
||
| import { BsGlobe2, BsGearFill } from "react-icons/bs"; | ||
| import { TbRocket } from "react-icons/tb"; | ||
| import { FaSyncAlt } from "react-icons/fa"; | ||
| import { VscFileSymlinkDirectory } from "react-icons/vsc"; | ||
| import { HiLightningBolt } from "react-icons/hi"; | ||
| import { TbJumpRope } from "react-icons/tb"; | ||
| import { GiSpawnNode } from "react-icons/gi"; | ||
| import { MdForkRight } from "react-icons/md"; | ||
| import { BiTerminal } from "react-icons/bi"; | ||
|
|
||
| const actions = [ | ||
| { | ||
| title: "Networking", | ||
| icon: BsGlobe2, | ||
| iconForeground: "text-sky-500", | ||
| iconBackground: "bg-sky-800 bg-opacity-30", | ||
| }, | ||
| { | ||
| title: "Multi-threading", | ||
| href: "#", | ||
| icon: TbRocket, | ||
| iconForeground: "text-purple-500", | ||
| iconBackground: "bg-violet-900 bg-opacity-30", | ||
| }, | ||
| { | ||
| title: "Asynchronous", | ||
| href: "#", | ||
| icon: FaSyncAlt, | ||
| iconForeground: "text-red-500", | ||
| iconBackground: "bg-red-600 bg-opacity-20", | ||
| }, | ||
| { | ||
| title: "Directory Support", | ||
| href: "#", | ||
| icon: VscFileSymlinkDirectory, | ||
| iconForeground: "text-yellow-500", | ||
| iconBackground: "bg-yellow-800 bg-opacity-30", | ||
| }, | ||
| { | ||
| title: "pthreads", | ||
| href: "#", | ||
| icon: HiLightningBolt, | ||
| iconForeground: "text-rose-700", | ||
| iconBackground: "bg-rose-800 bg-opacity-30", | ||
| }, | ||
| { | ||
| title: "lngjmp & setjmp", | ||
| href: "#", | ||
| icon: TbJumpRope, | ||
| iconForeground: "text-indigo-500", | ||
| iconBackground: "bg-indigo-800 bg-opacity-40", | ||
| }, | ||
| { | ||
| title: "Subprocesses", | ||
| href: "#", | ||
| icon: GiSpawnNode, | ||
| iconForeground: "text-emerald-700", | ||
| iconBackground: "bg-emerald-900 bg-opacity-30", | ||
| }, | ||
| { | ||
| title: "Process Forking", | ||
| href: "#", | ||
| icon: MdForkRight, | ||
| iconForeground: "text-fuchsia-500", | ||
| iconBackground: "bg-fuchsia-800 bg-opacity-30", | ||
| }, | ||
| { | ||
| title: "TTY Support", | ||
| href: "#", | ||
| icon: BiTerminal, | ||
| iconForeground: "text-white", | ||
| iconBackground: "bg-gray-700 bg-opacity-50", | ||
| }, | ||
| { | ||
| title: "Runtime Support", | ||
| href: "#", | ||
| icon: BsGearFill, | ||
| iconForeground: "text-amber-500", | ||
| iconBackground: "bg-amber-800 bg-opacity-40", | ||
| }, | ||
| ]; | ||
|
|
||
| function classNames(...classes: string[]) { | ||
| return classes.filter(Boolean).join(" "); | ||
| } | ||
|
|
||
| export default function Features() { | ||
| return ( | ||
| <> | ||
| <h2 className="text-5xl mb-12 ml-4 sm:ml-0">Features</h2> | ||
| <div className="flex flex-col space-y-4 mx-4 sm:ml-0 sm:space-y-0 sm:grid sm:grid-cols-4 sm:gap-4 sm:divide-y-0"> | ||
| {actions.map((action) => ( | ||
| <div | ||
| key={action.title} | ||
| className={classNames( | ||
| "relative rounded-lg bg-[#181a1b] p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500" | ||
| )} | ||
| > | ||
| <div className="features-icon"> | ||
| <span | ||
| className={classNames( | ||
| action.iconBackground, | ||
| action.iconForeground, | ||
| "inline-flex rounded-lg p-3" | ||
| )} | ||
| > | ||
| <action.icon className="h-6 w-6" aria-hidden="true" /> | ||
| </span> | ||
| </div> | ||
| <div className="mt-8"> | ||
| <h3 className="text-base font-semibold leading-6 text-white"> | ||
| {action.title} | ||
| </h3> | ||
| <p className="mt-2 text-sm text-gray-500"> | ||
| Doloribus dolores nostrum quia qui natus officia quod et | ||
| dolorem. Sit repellendus qui ut at blanditiis et quo et | ||
| molestiae. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| ))} | ||
| </div> | ||
| </> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| import React from "react"; | ||
|
|
||
| interface Props { | ||
| className?: string; | ||
| } | ||
|
|
||
| function WasixLogo({ className }: Props = {}) { | ||
| return ( | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| fill="none" | ||
| viewBox="0 0 324 128" | ||
| className={className} | ||
| > | ||
| <path fill="#fff" d="m79.87 67.39-3.11 13.99h9.68l-3.57-13.99h-3Z" /> | ||
| <path | ||
| fill="#fff" | ||
| d="M66.13 0c.01.193.01.387 0 .58a12.34 12.34 0 0 1-12.34 12.34A12.329 12.329 0 0 1 41.47.58a5.61 5.61 0 0 1 0-.58H0v107.62h107.62V0H66.13Zm69.62 60.23 3.11-13.99h-9.68l3.57 13.99h3Z" | ||
| /> | ||
| <path | ||
| fill="#fff" | ||
| d="M149.49 127.62a5.61 5.61 0 0 1 0-.58 12.338 12.338 0 0 1 12.34-12.34 12.344 12.344 0 0 1 8.716 3.618 12.323 12.323 0 0 1 3.604 8.722c.01.193.01.387 0 .58h41.47V20H108v107.62h41.49Zm146.38-60.23-3.11 13.99h9.68l-3.57-13.99h-3Z" | ||
| /> | ||
| <path | ||
| fill="#fff" | ||
| d="M282.13 0c.01.193.01.387 0 .58a12.342 12.342 0 0 1-3.614 8.726 12.34 12.34 0 0 1-8.726 3.614 12.333 12.333 0 0 1-11.385-7.62 12.325 12.325 0 0 1-.935-4.72 5.61 5.61 0 0 1 0-.58H216v107.62h107.62V0h-41.49Z" | ||
| /> | ||
| <path | ||
| fill="#000" | ||
| d="M167.029 78.603c0 2.54-.634 4.708-1.904 6.504-1.25 1.778-3.008 3.135-5.273 4.073-2.266.937-4.932 1.406-7.998 1.406-1.622 0-3.155-.078-4.6-.234a31.266 31.266 0 0 1-3.984-.674c-1.211-.293-2.276-.655-3.194-1.084v-4.776c1.465.606 3.252 1.172 5.362 1.7 2.109.507 4.316.761 6.621.761 2.148 0 3.964-.283 5.449-.85 1.484-.585 2.607-1.415 3.369-2.49.781-1.093 1.172-2.402 1.172-3.925 0-1.465-.322-2.686-.967-3.662-.644-.996-1.719-1.895-3.223-2.696-1.484-.82-3.515-1.69-6.093-2.607-1.817-.645-3.418-1.348-4.805-2.11-1.387-.78-2.549-1.66-3.486-2.636a9.922 9.922 0 0 1-2.139-3.399c-.469-1.289-.703-2.763-.703-4.424 0-2.285.576-4.238 1.728-5.859 1.172-1.64 2.784-2.89 4.834-3.75 2.071-.879 4.444-1.318 7.119-1.318 2.286 0 4.395.215 6.329.644 1.953.43 3.74 1.006 5.361 1.729l-1.553 4.277a33.763 33.763 0 0 0-4.922-1.611 21.896 21.896 0 0 0-5.332-.645c-1.836 0-3.388.274-4.658.82-1.25.528-2.207 1.28-2.871 2.256-.664.977-.996 2.14-.996 3.487 0 1.504.312 2.754.937 3.75.645.996 1.661 1.885 3.047 2.666 1.406.761 3.262 1.562 5.567 2.402 2.519.918 4.658 1.895 6.416 2.93 1.757 1.015 3.095 2.265 4.013 3.75.918 1.465 1.377 3.33 1.377 5.596ZM175.789 90V47.168h4.981V90h-4.981Zm76.664 0h-5.654l-11.572-18.867L223.479 90h-5.303l14.267-22.324-13.271-20.508h5.537l10.693 17.08 10.752-17.08h5.274l-13.242 20.42L252.453 90ZM66.522 47.168 55.066 90h-5.01l-8.495-28.828c-.254-.82-.498-1.64-.733-2.461-.215-.84-.42-1.63-.615-2.373-.195-.762-.361-1.426-.498-1.992l-.264-1.319c-.039.293-.117.723-.234 1.29a32.95 32.95 0 0 1-.41 1.962 37.879 37.879 0 0 1-.586 2.373c-.215.84-.45 1.69-.703 2.55L29.256 90h-5.01L12.88 47.168h5.185l6.885 26.865c.235.899.45 1.787.645 2.666.215.86.4 1.7.556 2.52a64.6 64.6 0 0 1 .47 2.402c.136.781.263 1.543.38 2.285.098-.762.225-1.553.38-2.373.157-.84.323-1.69.499-2.549.195-.859.4-1.728.615-2.607.235-.879.479-1.758.733-2.637l7.705-26.572h5.127l8.027 26.777a82.4 82.4 0 0 1 .762 2.725c.234.898.44 1.777.615 2.637.195.84.361 1.65.498 2.431.156.762.293 1.485.41 2.168a75.19 75.19 0 0 1 .498-3.017c.196-1.055.42-2.158.674-3.31.273-1.153.566-2.345.879-3.575l6.885-26.836h5.215ZM100.154 90l-5.273-13.594H77.713L72.469 90h-5.04l16.758-43.008h4.483L105.31 90h-5.157Zm-6.767-18.018-5.01-13.505c-.117-.352-.313-.928-.586-1.729L87 54.258c-.273-.86-.498-1.553-.674-2.08-.195.8-.41 1.601-.644 2.402a63.25 63.25 0 0 1-.645 2.197c-.215.664-.4 1.23-.556 1.7l-5.098 13.505h14.004Z" | ||
| /> | ||
| </svg> | ||
| ); | ||
| } | ||
|
|
||
| export default WasixLogo; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| import React from "react"; | ||
| import WasixLogo from "./WasixLogo"; | ||
| import Features from "./Features"; | ||
|
|
||
| function Home() { | ||
| return ( | ||
| <> | ||
| <div className=" h-[100lvh] w-[100lvw] flex flex-col items-center justify-center"> | ||
| <WasixLogo className="h-[100%] w-[100%] sm:h-[80%] sm:w-[50%] shadow-xl shadow-white rounded-xl p-12" /> | ||
| <div className=" -translate-y-48 text-center"> | ||
| <h2 className="text-3xl md:text-5xl mb-4">Introducing WASIX</h2> | ||
| <h3 className="text-lg md:text-xl">The superset of WASI</h3> | ||
| </div> | ||
| </div> | ||
| <div className="mx-auto max-w-7xl sm:px-6 lg:px-8"> | ||
| <Features /> | ||
| </div> | ||
| </> | ||
| ); | ||
| } | ||
|
|
||
| export default Home; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,22 @@ | ||
| @tailwind base; | ||
| @tailwind components; | ||
| @tailwind utilities; | ||
|
|
||
| :global(.dark) .optimization { | ||
| background: linear-gradient(27deg, #3d3d3d, #252525); | ||
| } | ||
|
|
||
| .features-icon { | ||
| mask-image: linear-gradient( | ||
| 60deg, | ||
| black 25%, | ||
| rgba(0, 0, 0, 0.2) 50%, | ||
| black 75% | ||
| ); | ||
| mask-size: 400%; | ||
| mask-position: 0%; | ||
| } | ||
| .features-icon:hover { | ||
| mask-position: 100%; | ||
| transition: mask-position 1s ease, -webkit-mask-position 1s ease; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters