Skip to content

Commit

Permalink
Merge branch 'master' of github.com:Darginec05/Editor-Yopta into 124-…
Browse files Browse the repository at this point in the history
…feature-add-functionality-for-extending-renders-with-custom-rendering
  • Loading branch information
Darginec05 committed Jul 7, 2024
2 parents dd7f3db + 74118d2 commit 08bc4c5
Show file tree
Hide file tree
Showing 2 changed files with 64 additions and 58 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -119,14 +119,14 @@ function WithCustomToolbar() {
style={toolbars.notion ? { backgroundColor: '#007aff' } : { backgroundColor: '#64748b' }}
onClick={() => setToolbars({ medium: false, notion: true })}
>
Notion toolbar
Switch to Notion toolbar
</button>
<button
className="relative mx-2 px-6 py-2 rounded text-white flex items-center"
style={toolbars.medium ? { backgroundColor: '#007aff' } : { backgroundColor: '#64748b' }}
onClick={() => setToolbars({ medium: true, notion: false })}
>
Medium toolbar
Switch to Medium toolbar
{/* {toolbars.medium && <CheckIcon size={15} className="absolute right-2 top-1/2 -translate-y-1/2" />} */}
</button>
</div>
Expand Down
118 changes: 62 additions & 56 deletions web/next-example/src/pages/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ export default function Home() {
>
Play with live demo 👇
</button>
<div className="relative min-h-[40vh] max-h-[80vh] overflow-y-auto my-4 mx-auto border md:w-[870px] pb-4 pt-2 rounded-sm flex justify-center bg-[#fafafa] text-black">
<div className="relative min-h-[40vh] max-h-[80vh] overflow-y-auto my-4 mx-auto border md:w-[80vw] pb-4 pt-6 rounded-sm flex justify-center bg-[#fafafa] text-black">
<div
className="text-[#4d494d] absolute top-0 left-0 w-full z-10 px-2 bg-[#252b2f]"
style={{
Expand Down Expand Up @@ -143,9 +143,62 @@ export default function Home() {
<LandingEditor editor={editor} selectionRef={selectionRef} />
</div>
</div>
<div className="mt-4">
<div className="mt-6 pb-4 border-b">
<h2 className="text-center font-heading mt-12 scroll-m-20 pb-2 text-2xl font-semibold tracking-tight first:mt-0">
Sponsorship
Our Plans 👨‍💻
</h2>
{/* card list */}
<div className="grid grid-cols-1 gap-4 md:grid-cols-3">
<Card
title="Continue to improve the project"
description="We're committed to enhancing Yoopta Editor by regularly updating it with new features and improvements based on community feedback."
/>
<Card
title={
<>
Building another{' '}
<a
className="text-[#1f6feb] underline"
target="_blank"
rel="noopener noreferrer"
href="https://github.com/Darginec05/Yoopta-Editor/discussions/197"
>
powerful plugins
</a>
</>
}
description="Our roadmap includes the development of innovative plugins that will extend the functionality and versatility of the editor, catering to more specialized content creation needs."
/>
<Card
title="Integration of AI-Powered Tools"
description="We plan to integrate advanced AI tools to provide intelligent editing capabilities, making content creation faster, smarter, and more intuitive."
/>
<Card
title="Collabrative editing"
description="We aim to incorporate advanced AI features to streamline content creation and editing, making the editor smarter and more intuitive."
/>
<Card
title="Customization Enhancements"
description="We aim to integrate real-time collaboration features, allowing multiple users to edit documents simultaneously and see each other's changes live, enhancing teamwork and productivity."
/>
<Card
title="Plugin Marketplace"
description="A one-stop-shop for plugins where developers can share and monetize their own plugins, and users can easily enhance their editor's capabilities."
/>
{/* <Card
title="Community Building Initiatives"
description="From webinars and workshops to meetups—expanding our community support to foster collaboration and learning among users and developers."
/> */}
<Card
title="Open-Source Email Builder"
description="Plans are underway to develop an open-source email builder that will provide developers and designers with the tools to create responsive, professionally designed emails easily, enhancing how email campaigns are built and managed."
/>
</div>
{/* card list using grid */}
</div>
<div className="mt-6">
<h2 className="text-center font-heading mt-12 scroll-m-20 pb-2 text-2xl font-semibold tracking-tight first:mt-0">
Sponsorship 💖
</h2>
<p className="mt-0 text-center text-muted-foreground md:w-[700px] text-[#dae2ed] mx-auto">
Your sponsorship motivates us to continuously improve the project and helps bring our ideas to fruition.
Expand All @@ -163,7 +216,7 @@ export default function Home() {
</div>
<div>
<h4 className="text-center mt-4 text-lg font-semibold">Current sponsors 💖</h4>
<div className="w-full flex-wrap flex justify-center border-b py-2">
<div className="w-full flex-wrap flex justify-center py-2">
<a
href="https://tapflow.co/"
target="_blank"
Expand Down Expand Up @@ -220,59 +273,12 @@ export default function Home() {
</div>
</div>
</div>
<div className="mt-6">
<h2 className="text-center font-heading mt-12 scroll-m-20 pb-2 text-2xl font-semibold tracking-tight first:mt-0">
Our Plans 👨‍💻

{/* <div className="mt-4">
<h2 className="font-heading mt-12 scroll-m-20 pb-2 text-2xl font-semibold tracking-tight first:mt-0">
Used by
</h2>
{/* card list */}
<div className="grid grid-cols-1 gap-4 md:grid-cols-3">
<Card
title="Continue to improve the project"
description="We're committed to enhancing Yoopta Editor by regularly updating it with new features and improvements based on community feedback."
/>
<Card
title={
<>
Building another{' '}
<a
className="text-[#1f6feb] underline"
target="_blank"
rel="noopener noreferrer"
href="https://github.com/Darginec05/Yoopta-Editor/discussions/197"
>
powerful plugins
</a>
</>
}
description="Our roadmap includes the development of innovative plugins that will extend the functionality and versatility of the editor, catering to more specialized content creation needs."
/>
<Card
title="Integration of AI-Powered Tools"
description="We plan to integrate advanced AI tools to provide intelligent editing capabilities, making content creation faster, smarter, and more intuitive."
/>
<Card
title="Collabrative editing"
description="We aim to incorporate advanced AI features to streamline content creation and editing, making the editor smarter and more intuitive."
/>
<Card
title="Customization Enhancements"
description="We aim to integrate real-time collaboration features, allowing multiple users to edit documents simultaneously and see each other's changes live, enhancing teamwork and productivity."
/>
<Card
title="Plugin Marketplace"
description="A one-stop-shop for plugins where developers can share and monetize their own plugins, and users can easily enhance their editor's capabilities."
/>
{/* <Card
title="Community Building Initiatives"
description="From webinars and workshops to meetups—expanding our community support to foster collaboration and learning among users and developers."
/> */}
<Card
title="Open-Source Email Builder"
description="Plans are underway to develop an open-source email builder that will provide developers and designers with the tools to create responsive, professionally designed emails easily, enhancing how email campaigns are built and managed."
/>
</div>
{/* card list using grid */}
</div>
</div> */}
<footer className="border-t mt-8">
<div className="mt-2 pb-6">
<p className="text-center text-muted-foreground">
Expand Down

0 comments on commit 08bc4c5

Please sign in to comment.