-
-
Notifications
You must be signed in to change notification settings - Fork 765
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Improve the email templates and better align with new branding
- Loading branch information
Showing
2 changed files
with
113 additions
and
87 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 |
|---|---|---|
| @@ -1,40 +1,37 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Khoj AI - Automation</title> | ||
| </head> | ||
| <body> | ||
| <body style="font-family: 'Verdana', sans-serif; font-weight: 400; font-style: normal; padding: 0; text-align: left; width: 600px; margin: 20px auto;"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| <a class="logo" href="https://khoj.dev" target="_blank" style="text-decoration: none; text-decoration: underline dotted;"> | ||
| <img src="https://assets.khoj.dev/khoj_logo.png" alt="Khoj Logo" style="width: 100px;"> | ||
| </a> | ||
| <div class="calls-to-action" style="margin-top: 20px;"> | ||
| <div> | ||
| <h1 style="color: #333; font-size: large; font-weight: bold; margin: 0; line-height: 1.5; background-color: #fee285; padding: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.5);">Your Automation, From Your Personal AI (Preview)</h1> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Khoj AI - Automation</title> | ||
| </head> | ||
| <body style="font-family: 'Arial', sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f5f5f5;"> | ||
| <div style="background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 30px;"> | ||
| <a href="https://khoj.dev" target="_blank" style="display: block; text-align: center; margin-bottom: 20px; text-decoration: none;"> | ||
| <img src="https://assets.khoj.dev/khoj_logo.png" alt="Khoj Logo" style="width: 120px;"> | ||
| </a> | ||
|
|
||
| <div style="display: grid; grid-template-columns: 1fr; grid-gap: 12px; margin-top: 20px;"> | ||
| <div style="border: 1px solid black; border-radius: 8px; padding: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0); margin-top: 20px;"> | ||
| <a href="https://app.khoj.dev/automations" style="text-decoration: none; text-decoration: underline dotted;"> | ||
| <h3 style="color: #333; font-size: large; margin: 0; padding: 0; line-height: 2.0; background-color: #b8f1c7; padding: 8px; ">{{subject}}</h3> | ||
| </a> | ||
| <p style="color: #333; font-size: medium; margin-top: 20px; padding: 0; line-height: 1.5;">{{result}}</p> | ||
| </div> | ||
| <h1 style="font-size: 24px; color: #2c3e50; margin-bottom: 20px; text-align: center; border-bottom: 2px solid #FFA07A; padding-bottom: 10px;">Your Automation, From Your Personal AI</h1> | ||
|
|
||
| <div style="background-color: #f8f9fa; border-left: 4px solid #FFA07A; padding: 15px; margin-bottom: 20px;"> | ||
| <h3 style="color: #2c3e50; margin-top: 0;">{{ subject }}</h3> | ||
| <p style="margin-bottom: 0;">{{ result }}</p> | ||
| </div> | ||
|
|
||
| <div style="font-size: 14px; color: #666; margin-bottom: 20px;"> | ||
| <p>The automation I ran on your behalf: {{ query }}</p> | ||
| <p>You can manage your automations via <a href="https://app.khoj.dev/automations" style="color: #007bff; text-decoration: none;">the settings page</a>.</p> | ||
| <p>This is an experimental feature. Please share any feedback with <a href="mailto:[email protected]" style="color: #007bff; text-decoration: none;">[email protected]</a>.</p> | ||
| </div> | ||
| <p style="color: #333; font-size: medium; margin-top: 20px; padding: 0; line-height: 1.5;">The automation I ran on your behalf: {{query}}</p> | ||
| <p style="color: #333; font-size: medium; margin-top: 20px; padding: 0; line-height: 1.5;">You can manage your automations via <a href="https://app.khoj.dev/automations">the settings page</a>.</p> | ||
| <p style="color: #333; font-size: medium; margin-top: 20px; padding: 0; line-height: 1.5;">This is an experimental feature. Please share any feedback with <a href="mailto:[email protected]">[email protected]</a>.</p> | ||
| </div> | ||
| </div> | ||
| <p style="color: #333; font-size: large; margin-top: 20px; padding: 0; line-height: 1.5;">- Khoj</p> | ||
| <table style="width: 100%; margin-top: 20px;"> | ||
| <tr> | ||
| <td style="text-align: center;"><a href="https://docs.khoj.dev" target="_blank" style="padding: 8px; color: #333; background-color: #fee285; border-radius: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0);">Docs</a></td> | ||
| <td style="text-align: center;"><a href="https://github.com/khoj-ai/khoj" target="_blank" style="padding: 8px; color: #333; background-color: #fee285; border-radius: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0);">GitHub</a></td> | ||
| <td style="text-align: center;"><a href="https://twitter.com/khoj_ai" target="_blank" style="padding: 8px; color: #333; background-color: #fee285; border-radius: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0);">Twitter</a></td> | ||
| <td style="text-align: center;"><a href="https://www.linkedin.com/company/khoj-ai" target="_blank" style="padding: 8px; color: #333; background-color: #fee285; border-radius: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0);">LinkedIn</a></td> | ||
| </tr> | ||
| </table> | ||
|
|
||
| <div style="font-size: 18px; font-weight: bold; margin-top: 30px; text-align: right;">- Khoj</div> | ||
|
|
||
| <div style="margin-top: 30px; text-align: center;"> | ||
| <a href="https://docs.khoj.dev" target="_blank" style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #333; text-decoration: none; border-radius: 5px;">Docs</a> | ||
| <a href="https://github.com/khoj-ai/khoj" target="_blank" style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #333; text-decoration: none; border-radius: 5px;">GitHub</a> | ||
| <a href="https://twitter.com/khoj_ai" target="_blank" style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #333; text-decoration: none; border-radius: 5px;">Twitter</a> | ||
| <a href="https://www.linkedin.com/company/khoj-ai" target="_blank" style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #333; text-decoration: none; border-radius: 5px;">LinkedIn</a> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |
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,61 +1,90 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Welcome to Khoj</title> | ||
| </head> | ||
| <body> | ||
| <body style="font-family: 'Verdana', sans-serif; font-weight: 400; font-style: normal; padding: 0; text-align: left; width: 600px; margin: 20px auto;"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| <a class="logo" href="https://khoj.dev" target="_blank" style="text-decoration: none; text-decoration: underline dotted;"> | ||
| <img src="https://assets.khoj.dev/khoj_logo.png" alt="Khoj Logo" style="width: 100px;"> | ||
| </a> | ||
| <div class="calls-to-action" style="margin-top: 20px;"> | ||
| <div> | ||
| <h1 style="color: #333; font-size: large; font-weight: bold; margin: 0; line-height: 1.5; background-color: #fee285; padding: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.5);">Merge AI with your brain</h1> | ||
| <p style="color: #333; font-size: medium; margin-top: 20px; padding: 0; line-height: 1.5;">Hi {{name}}! We are psyched to be part of your journey with personal AI. To better help you, we're committed to staying transparent, accessible, and completely open-source.</p> | ||
| <a class="button" href="https://app.khoj.dev" target="_blank" style="display: block; width: 200px; text-align: center; padding: 10px; margin-top: 20px; color: #333; background-color: #fee285; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s ease; box-shadow: 6px 6px rgba(0, 0, 0, 1.0); padding: 4px; font-size: large; text-transform: uppercase;">Get Started</a> | ||
| <p style="color: #333; font-size: medium; margin-top: 20px; padding: 0; line-height: 1.5;">You're about to get a whole lot more productive.</p> | ||
|
|
||
| <div style="display: grid; grid-template-columns: 1fr 1fr; grid-gap: 12px; margin-top: 20px;"> | ||
| <div style="border: 1px solid black; border-radius: 8px; padding: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0); margin-top: 20px;"> | ||
| <a href="https://docs.khoj.dev/features/online_search" style="text-decoration: none; text-decoration: underline dotted;"> | ||
| <h3 style="color: #333; font-size: large; margin: 0; padding: 0; line-height: 2.0; background-color: #b8f1c7; padding: 8px; ">Ditch the search bar</h3> | ||
| </a> | ||
| <p style="color: #333; font-size: medium; margin-top: 20px; padding: 0; line-height: 1.5;">You don't need to click around Google results and sift through information yourself, because Khoj is connected to the internet.</p> | ||
| </div> | ||
| <div style="border: 1px solid black; border-radius: 8px; padding: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0); margin-top: 20px;"> | ||
| <a href="https://app.khoj.dev/agents" style="text-decoration: none; text-decoration: underline dotted;"> | ||
| <h3 style="color: #333; font-size: large; margin: 0; padding: 0; line-height: 2.0; background-color: #b8f1c7; padding: 8px;">Get a village, not just an agent</h3> | ||
| </a> | ||
| <p style="color: #333; font-size: medium; margin-top: 20px; padding: 0; line-height: 1.5;">Khoj can fill the need for more specialized assistance, <a href="https://blog.khoj.dev/posts/using-khoj-for-studying/">such as tutoring</a>, with its curated agents. You get a whole team, always available.</p> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Welcome to Khoj</title> | ||
| </head> | ||
|
|
||
| <body | ||
| style="font-family: 'Arial', sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f5f5f5;"> | ||
| <div | ||
| style="background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 30px;"> | ||
| <a href="https://khoj.dev" target="_blank" | ||
| style="display: block; text-align: center; margin-bottom: 20px; text-decoration: none;"> | ||
| <img src="https://assets.khoj.dev/khoj_logo.png" alt="Khoj Logo" style="width: 120px;"> | ||
| </a> | ||
|
|
||
| <h1 | ||
| style="font-size: 24px; color: #2c3e50; margin-bottom: 20px; text-align: center; border-bottom: 2px solid #FFA07A; padding-bottom: 10px;"> | ||
| Merge AI with your brain</h1> | ||
|
|
||
| <p style="font-size: 16px; color: #333; margin-bottom: 20px;">Hi {{name}}! We are psyched to be part of your | ||
| journey with personal AI. To better help you, we're committed to staying transparent, accessible, and | ||
| completely open-source.</p> | ||
|
|
||
| <a href="https://app.khoj.dev" target="_blank" | ||
| style="display: block; width: 200px; text-align: center; padding: 10px; margin: 20px auto; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 16px; text-transform: uppercase;">Get | ||
| Started</a> | ||
|
|
||
| <p style="font-size: 16px; color: #333; margin-bottom: 20px;">You're about to get a whole lot more productive. | ||
| </p> | ||
| <a href="https://docs.khoj.dev/features/online_search" | ||
| style="color: #FFA07A; text-decoration: none; font-weight: bold; font-size: 14px;"> | ||
| <div style="display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; margin-bottom: 20px;"> | ||
| <div style="background-color: #f8f9fa; border-left: 4px solid #FFA07A; padding: 15px;"> | ||
| <h3 style="color: #2c3e50; margin-top: 0; font-size: 18px;">Ditch the search bar</h3> | ||
| <p style="font-size: 14px; color: #666; margin-bottom: 0;">You don't need to click around Google | ||
| results | ||
| and sift through information yourself, because Khoj is connected to the internet.</p> | ||
| </div> | ||
| </a> | ||
| <a href="https://app.khoj.dev/agents" | ||
| style="color: #FFA07A; text-decoration: none; font-weight: bold; font-size: 14px;"> | ||
| <div style="background-color: #f8f9fa; border-left: 4px solid #FFA07A; padding: 15px;"> | ||
| <h3 style="color: #2c3e50; margin-top: 0; font-size: 18px;">Get a village, not just an agent</h3> | ||
| <p style="font-size: 14px; color: #666; margin-bottom: 0;">Khoj can fill the need for more specialized | ||
| assistance, such as tutoring, with its curated agents. You get a whole team, always available.</p> | ||
| </div> | ||
| <div style="border: 1px solid black; border-radius: 8px; padding: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0); margin-top: 20px;"> | ||
| <a href="https://docs.khoj.dev/category/clients" style="text-decoration: none; text-decoration: underline dotted;"> | ||
| <h3 style="color: #333; font-size: large; margin: 0; padding: 0; line-height: 2.0; background-color: #b8f1c7; padding: 8px;">Available where you are</h3> | ||
| </a> | ||
| <p style="color: #333; font-size: medium; margin-top: 20px; padding: 0; line-height: 1.5;">Build on top of your digital brain. Khoj stores whatever data you share with it, so you can get answers from your personal notes and documents in your native language. You can engage from your desktop, Obsidian, WhatsApp, or the web.</p> | ||
| </a> | ||
| <a href="https://docs.khoj.dev/category/clients" | ||
| style="color: #FFA07A; text-decoration: none; font-weight: bold; font-size: 14px;"> | ||
| <div style="background-color: #f8f9fa; border-left: 4px solid #FFA07A; padding: 15px;"> | ||
| <h3 style="color: #2c3e50; margin-top: 0; font-size: 18px;">Activate your data</h3> | ||
| <p style="font-size: 14px; color: #666; margin-bottom: 0;">Build on top of your digital brain. Khoj | ||
| stores whatever data you share with it, so you can get answers from your personal notes and | ||
| documents in your native language.</p> | ||
| </div> | ||
| <div style="border: 1px solid black; border-radius: 8px; padding: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0); margin-top: 20px;"> | ||
| <a href="https://blog.khoj.dev/posts/how-khoj-generates-images/" style="text-decoration: none; text-decoration: underline dotted;"> | ||
| <h3 style="color: #333; font-size: large; margin: 0; padding: 0; line-height: 2.0; background-color: #b8f1c7; padding: 8px;">Create rich, contextual images</h3> | ||
| </a> | ||
| <p style="color: #333; font-size: medium; margin-top: 20px; padding: 0; line-height: 1.5;">With your shared data, Khoj can help you create astoundingly personal images depicting scenes of what's important to you.</p> | ||
| </a> | ||
| <a href="https://blog.khoj.dev/posts/how-khoj-generates-images/" | ||
| style="color: #FFA07A; text-decoration: none; font-weight: bold; font-size: 14px;"> | ||
| <div style="background-color: #f8f9fa; border-left: 4px solid #FFA07A; padding: 15px;"> | ||
| <h3 style="color: #2c3e50; margin-top: 0; font-size: 18px;">Create rich, contextual images</h3> | ||
| <p style="font-size: 14px; color: #666; margin-bottom: 0;">With your shared data, Khoj can help you | ||
| create astoundingly personal images depicting scenes of what's important to you.</p> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| <p style="color: #333; font-size: medium; margin-top: 20px; padding: 0; line-height: 1.5;">Like something? Dislike something? Searching for some other magical feature? Our inbox is always open for feedback! Reply to this email and say hi to introduce yourself 👋🏽.</p> | ||
|
|
||
| <p style="color: #333; font-size: large; margin-top: 20px; padding: 0; line-height: 1.5;">- The Khoj Team</p> | ||
| <table style="width: 100%; margin-top: 20px;"> | ||
| <tr> | ||
| <td style="text-align: center;"><a href="https://docs.khoj.dev" target="_blank" style="padding: 8px; color: #333; background-color: #fee285; border-radius: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0);">Docs</a></td> | ||
| <td style="text-align: center;"><a href="https://github.com/khoj-ai/khoj" target="_blank" style="padding: 8px; color: #333; background-color: #fee285; border-radius: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0);">GitHub</a></td> | ||
| <td style="text-align: center;"><a href="https://twitter.com/khoj_ai" target="_blank" style="padding: 8px; color: #333; background-color: #fee285; border-radius: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0);">Twitter</a></td> | ||
| <td style="text-align: center;"><a href="https://www.linkedin.com/company/khoj-ai" target="_blank" style="padding: 8px; color: #333; background-color: #fee285; border-radius: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0);">LinkedIn</a></td> | ||
| <td style="text-align: center;"><a href="https://discord.gg/BDgyabRM6e" target="_blank" style="padding: 8px; color: #333; background-color: #fee285; border-radius: 8px; box-shadow: 6px 6px rgba(0, 0, 0, 1.0);">Discord</a></td> | ||
| </tr> | ||
| </table> | ||
|
|
||
| <p style="font-size: 16px; color: #333; margin-bottom: 20px;">Like something? Dislike something? Searching for | ||
| some other magical feature? Our inbox is always open for feedback! Reply to this email and say hi to | ||
| introduce yourself 👋🏽.</p> | ||
| <div style="font-size: 18px; font-weight: bold; margin-top: 30px; text-align: right;">- The Khoj Team</div> | ||
|
|
||
| <div style="margin-top: 30px; text-align: center;"> | ||
| <a href="https://docs.khoj.dev" target="_blank" | ||
| style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px;">Docs</a> | ||
| <a href="https://github.com/khoj-ai/khoj" target="_blank" | ||
| style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px;">GitHub</a> | ||
| <a href="https://twitter.com/khoj_ai" target="_blank" | ||
| style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px;">Twitter</a> | ||
| <a href="https://www.linkedin.com/company/khoj-ai" target="_blank" | ||
| style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px;">LinkedIn</a> | ||
| <a href="https://discord.gg/BDgyabRM6e" target="_blank" | ||
| style="display: inline-block; margin: 0 10px; padding: 8px 15px; background-color: #FFA07A; color: #ffffff; text-decoration: none; border-radius: 5px;">Discord</a> | ||
| </div> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> |