From 6df1af1c739633243e9d8d56b3434dbac6ef5fcb Mon Sep 17 00:00:00 2001 From: Debanjum Singh Solanky Date: Tue, 28 Nov 2023 14:17:51 -0800 Subject: [PATCH 1/4] Navigate to docs homepage from Navigation pane --- src/NavMenu.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/NavMenu.tsx b/src/NavMenu.tsx index 4eaa804..d6979cd 100644 --- a/src/NavMenu.tsx +++ b/src/NavMenu.tsx @@ -14,7 +14,7 @@ import type { MenuProps } from 'antd'; import Icon from '@ant-design/icons'; import { DiscordIcon, GithubIcon } from './components/Icons'; -import { DISCORD_LINK, GITHUB_KHOJ } from './common/constants'; +import { DISCORD_LINK, GITHUB_KHOJ, DEV_DOCS } from './common/constants'; export default function NavMenu() { @@ -47,7 +47,7 @@ export default function NavMenu() { const items: MenuProps['items'] = [ { label: ( - + Docs ), From 70ba6a5d0f8ecf56f9dbdeaf17e00116fc625d11 Mon Sep 17 00:00:00 2001 From: Debanjum Singh Solanky Date: Tue, 28 Nov 2023 14:38:11 -0800 Subject: [PATCH 2/4] Improve left, right section distance. And generally improve spacing --- src/pages/About.tsx | 4 ++-- src/pages/Home.tsx | 22 +++++++++++----------- src/styles/About.css | 8 +++++++- src/styles/Home.css | 20 +++++++++++++++----- 4 files changed, 35 insertions(+), 19 deletions(-) diff --git a/src/pages/About.tsx b/src/pages/About.tsx index 596c0a3..937e897 100644 --- a/src/pages/About.tsx +++ b/src/pages/About.tsx @@ -94,9 +94,9 @@ export default function About() { -
+
-

Team

+

Team

diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 2c22bb9..f54633e 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -110,7 +110,7 @@ export function Home() {
-
+

Connect your knowledge

Khoj can understand your PDFs, markdown, plaintext, GitHub, and Notion, with more in the works. @@ -119,7 +119,7 @@ export function Home() { Connect files directly from your computer using our Desktop Application. They'll automatically stay in sync.

-
+
@@ -127,10 +127,10 @@ export function Home() {
-
+
chat-demo
-
+

Simplify your reasoning

Khoj allows you to leverage AI to make better sense of your notes and documents. @@ -142,7 +142,7 @@ export function Home() {

-
+

Engage anytime, anywhere

Use our native desktop app on any OS. Or use our first-party clients, Emacs and Obsidian, to stay within your existing workflow. @@ -160,7 +160,7 @@ export function Home() {

-
+
Data Sources Diagram
@@ -168,10 +168,10 @@ export function Home() {
-
+
chat-demo
-
+

Stay in flow

No GTD or Zettlekasten required. Read and write with peace of mind. @@ -184,7 +184,7 @@ export function Home() {

-
+

Run privately

We are completely open-source. @@ -195,7 +195,7 @@ export function Home() { You can switch between offline and online models when run locally. You can choose to use foundation models or keep your data on-premises.

-
+

Get started with Khoj locally in a few minutes with the following commands:

@@ -217,7 +217,7 @@ export function Home() {
-
+

Get involved

Personal AI should be accessible, transparent, and secure, so you can reason and create more effectively. diff --git a/src/styles/About.css b/src/styles/About.css index 34563b3..ed7ea75 100644 --- a/src/styles/About.css +++ b/src/styles/About.css @@ -14,8 +14,14 @@ div.content-sections { grid-template-columns: 1fr; } +#team-heading { + margin-bottom: 2rem; + font-family: var(--impact); + font-size: x-large; +} + div.article { - margin: 0 25%; + margin: 0 12%; } ul.content { diff --git a/src/styles/Home.css b/src/styles/Home.css index 9b3f688..dff5886 100644 --- a/src/styles/Home.css +++ b/src/styles/Home.css @@ -208,9 +208,21 @@ span.founders-item-bio { display: block; } +div.left-section { + padding-left: 25%; + padding-right: 0; +} +div.right-section { + padding-left: 0; + padding-right: 25%; +} +div.center-section { + padding-left: 25%; + padding-right: 25%; +} div.production-description-subcomponent { background-color: var(--mild-sun); - padding: 4% 15%; + padding-top: 4%; padding-bottom: 2.5%; font-size: x-large; text-align: left; @@ -221,7 +233,7 @@ div.camping-description-subcomponent { div.production-description-subcomponent-light { background-color: var(--light); - padding: 4% 15%; + padding-top: 4%; padding-bottom: 4.5%; font-size: x-large; text-align: left; @@ -359,9 +371,7 @@ img#yc-logo { } div.product-description-bubbles { - margin-right: 10%; - margin-left: 10%; - width: 80%; + width: 100%; } #demo-video { width: 95%; From 70edbc083c27fc40f824d5805697bc1918a1e3e0 Mon Sep 17 00:00:00 2001 From: Debanjum Singh Solanky Date: Tue, 28 Nov 2023 16:29:41 -0800 Subject: [PATCH 3/4] Update Khoj Cloud link and deduplicate it into a constant --- src/NavMenu.tsx | 4 ++-- src/common/constants.ts | 1 + src/pages/Home.tsx | 6 +++--- src/pages/Pricing.tsx | 3 ++- 4 files changed, 8 insertions(+), 6 deletions(-) diff --git a/src/NavMenu.tsx b/src/NavMenu.tsx index d6979cd..d00ef68 100644 --- a/src/NavMenu.tsx +++ b/src/NavMenu.tsx @@ -14,7 +14,7 @@ import type { MenuProps } from 'antd'; import Icon from '@ant-design/icons'; import { DiscordIcon, GithubIcon } from './components/Icons'; -import { DISCORD_LINK, GITHUB_KHOJ, DEV_DOCS } from './common/constants'; +import { DISCORD_LINK, GITHUB_KHOJ, DEV_DOCS, CLOUD_LINK } from './common/constants'; export default function NavMenu() { @@ -36,7 +36,7 @@ export default function NavMenu() { const primaryCTA = { label: ( - + Get Started ), diff --git a/src/common/constants.ts b/src/common/constants.ts index c2e980e..5bc58bf 100644 --- a/src/common/constants.ts +++ b/src/common/constants.ts @@ -2,3 +2,4 @@ export const WAITLIST_API_URL = process.env.NODE_ENV == 'production' ? "https:// export const DISCORD_LINK = "https://discord.gg/BDgyabRM6e"; export const DEV_DOCS = "https://docs.khoj.dev/#/"; export const GITHUB_KHOJ = "https://github.com/khoj-ai/khoj"; +export const CLOUD_LINK = "https://app.khoj.dev/login?"; diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index f54633e..e1c9239 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -1,7 +1,7 @@ import '../styles/Home.css'; import { Button } from 'antd'; import { Link } from "react-router-dom"; -import { DISCORD_LINK, DEV_DOCS } from '../common/constants'; +import { DISCORD_LINK, DEV_DOCS, CLOUD_LINK } from '../common/constants'; import ChatBubbles from '../components/ChatBubbles'; import IconDisplay from '../components/IconsDisplay'; @@ -88,7 +88,7 @@ export function Home() { size='large' className='cta-button' style={{borderRadius: '4px', fontSize: 'x-large', height: '50px' }} - href="https://app.khoj.dev"> + href={CLOUD_LINK}> Try the Beta

@@ -154,7 +154,7 @@ export function Home() { size='large' className='cta-button' style={{borderRadius: '4px', fontSize: 'x-large', height: '50px' }} - href="https://app.khoj.dev"> + href={CLOUD_LINK}> Get started
diff --git a/src/pages/Pricing.tsx b/src/pages/Pricing.tsx index d89481e..a48c7bc 100644 --- a/src/pages/Pricing.tsx +++ b/src/pages/Pricing.tsx @@ -4,6 +4,7 @@ import { Link } from 'react-router-dom'; import { Button } from 'antd'; import '../styles/Pricing.css'; +import { CLOUD_LINK } from '../common/constants'; const Pricing = () => { return ( @@ -32,7 +33,7 @@ const Pricing = () => { size='large' className='cta-button' style={{borderRadius: '4px', fontSize: 'x-large', height: '50px' }} - href="https://app.khoj.dev"> + href={CLOUD_LINK}> Get Started
From 4ab6700418d29b0f09d728abb521b4f783145244 Mon Sep 17 00:00:00 2001 From: Debanjum Singh Solanky Date: Tue, 28 Nov 2023 16:48:40 -0800 Subject: [PATCH 4/4] Increase size of text on pricing page --- src/pages/Pricing.tsx | 4 ++-- src/styles/Pricing.css | 7 ++++--- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/pages/Pricing.tsx b/src/pages/Pricing.tsx index a48c7bc..e108705 100644 --- a/src/pages/Pricing.tsx +++ b/src/pages/Pricing.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import { Link } from 'react-router-dom'; import { Button } from 'antd'; @@ -43,7 +42,8 @@ const Pricing = () => {
Early-Bird deal!
    -
  • Multi-modal (voice, image), internet-enabled AI chat
    • +
  • Real-time internet aware AI
    • +
  • Multi-modal: voice, image (soon!)
  • Early access to new features
  • Up to 100 MB of data storage
  • Unlimited queries per day
    • diff --git a/src/styles/Pricing.css b/src/styles/Pricing.css index f36ade0..4f78f42 100644 --- a/src/styles/Pricing.css +++ b/src/styles/Pricing.css @@ -20,12 +20,13 @@ ul.card-content { list-style: disc; text-align: left; font-family: var(--reader); + font-size: large; } -h2.article-title { - text-align: left; - margin: 2rem; +h1.article-title { + margin: 2rem 0; font-family: var(--impact); + font-size: xx-large; } div.content-sections {