-
Notifications
You must be signed in to change notification settings - Fork 414
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[ENG-1268] Add more information about what we can do at Konfig to web…
…site (#306) * fix docs image on mobile * TODO: Demos section * update * save * save * save * demo section done * demo section + polish padding * polisg * fixed heading * "Our Products" section * fix doc --------- Co-authored-by: konfig-bot <[email protected]>
- Loading branch information
dphuang2
and
konfig-bot
authored
Oct 20, 2023
1 parent
d20ff99
commit 159fbb3
Showing
28 changed files
with
332 additions
and
85 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
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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
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 |
|---|---|---|
| @@ -0,0 +1,77 @@ | ||
| import { Title, Box, Mark, clsx } from "@mantine/core"; | ||
|
|
||
| import "reactflow/dist/style.css"; | ||
| import { useGraphicStyles } from "@/utils/use-graphic-styles"; | ||
| import { TitleHighlight } from "./TitleHighlight"; | ||
| import { useSectionStyles } from "./GetSdksWithZeroEffort/GetSdksWithZeroEffort"; | ||
|
|
||
| export function CustomFlowsDemo() { | ||
| const { classes, cx } = useSectionStyles(); | ||
|
|
||
| const { | ||
| classes: { texture }, | ||
| } = useGraphicStyles({})(); | ||
|
|
||
| return ( | ||
| <Box className={"my-[200px]"}> | ||
| <Box className={classes.sectionInner}> | ||
| <div className="flex flex-col md:flex-row relative gap-0 md:gap-12"> | ||
| <Box | ||
| className={cx(classes.textColor, classes.textSection, "basis-4/5")} | ||
| > | ||
| <div | ||
| className={cx( | ||
| classes.triangle, | ||
| classes.triangle1, | ||
| texture, | ||
| "rounded-full" | ||
| )} | ||
| /> | ||
| <Box className={clsx(classes.textLayer, "w-11/12 md:w-full")}> | ||
| <Title c="hsl(214 36% 58% / 1)" order={6}> | ||
| Demos & Tutorials | ||
| </Title> | ||
| <Title className={classes.title}> | ||
| <TitleHighlight>Engaging Demos & Tutorials</TitleHighlight> with | ||
| Markdown | ||
| </Title> | ||
| <div className={classes.textSize}> | ||
| <ul className="list-disc list-inside space-y-2"> | ||
| <li> | ||
| Simple Creation: Write, style, and embed code with{" "} | ||
| <a | ||
| target="_blank" | ||
| className="border-b text-white border-yellow-300 hover:border-b-2" | ||
| href="https://github.com/passiv/snaptrade-sdks/blob/master/demos/registering-users.md" | ||
| > | ||
| familiar Markdown | ||
| </a> | ||
| . | ||
| </li> | ||
| <li> | ||
| Immediate Engagement: Allow users to run code in-browser, | ||
| enhancing hands-on learning. | ||
| </li> | ||
| <li> | ||
| Quick Onboarding: Speed up user adoption with interactive | ||
| demos that teach as they engage. | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </Box> | ||
| </Box> | ||
| <div className="p-2 md:p-6 w-full flex items-center relative text-sm bg-[#002b36] rounded-xl shadow-xl"> | ||
| <video | ||
| className="rounded-xl w-full bg-video-bg shadow-xl" | ||
| playsInline | ||
| autoPlay | ||
| muted | ||
| loop | ||
| src="/video/demo-quick.webm" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </Box> | ||
| </Box> | ||
| ); | ||
| } |
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,23 @@ | ||
| import { clsx } from "@mantine/core"; | ||
| import { PropsWithChildren } from "react"; | ||
|
|
||
| export function DarkSectionWrapper({ | ||
| children, | ||
| direction, | ||
| id, | ||
| }: PropsWithChildren<{ direction?: "bl"; id?: string }>) { | ||
| return ( | ||
| <div | ||
| id={id} | ||
| className={clsx( | ||
| { | ||
| ["bg-gradient-to-br"]: direction !== "bl", | ||
| ["bg-gradient-to-bl"]: direction === "bl", | ||
| }, | ||
| `px-4 sm:px-12 from-[rgb(8,17,25)] to-[rgb(9,7,48)] overflow-hidden` | ||
| )} | ||
| > | ||
| {children} | ||
| </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
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
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
Oops, something went wrong.