From 5e0dd5c63b39b0ff235aa86e92656634f60a1b9d Mon Sep 17 00:00:00 2001 From: Varun Dhand Date: Tue, 31 Oct 2023 18:56:18 +0530 Subject: [PATCH 1/7] feat: mobile responsive hero page --- frontend/src/Hero.tsx | 178 +++++++++++++++++++++++++++++++++--------- 1 file changed, 139 insertions(+), 39 deletions(-) diff --git a/frontend/src/Hero.tsx b/frontend/src/Hero.tsx index b62823aa..406e48f8 100644 --- a/frontend/src/Hero.tsx +++ b/frontend/src/Hero.tsx @@ -1,34 +1,81 @@ +import { useMediaQuery } from './hooks'; import DocsGPT3 from './assets/cute_docsgpt3.svg'; export default function Hero({ className = '' }: { className?: string }) { + // const isMobile = window.innerWidth <= 768; + const { isMobile } = useMediaQuery(); return ( -
-
+
+

DocsGPT

DocsGPT
-

- Welcome to DocsGPT, your technical documentation assistant! -

-

- Enter a query related to the information in the documentation you - selected to receive -
and we will provide you with the most relevant answers. -

-

- Start by entering your query in the input field below and we will do the - rest! -

-
-
-
- lock -

Chat with Your Data

-

+ {isMobile ? ( +

+ Welcome to DocsGPT, your technical + documentation assistant! Start by entering your query in the input + field below, and we'll provide you with the most relevant + answers. +

+ ) : ( + <> +

+ Welcome to DocsGPT, your technical documentation assistant! +

+

+ Enter a query related to the information in the documentation you + selected to receive +
and we will provide you with the most relevant answers. +

+

+ Start by entering your query in the input field below and we will do + the rest! +

+ + )} +
+ {/* first */} +
+
+ {/* Add Mobile check here */} + {isMobile ? ( +
+ lock +

+ Chat with Your Data +

+
+ ) : ( + <> + lock +

+ Chat with Your Data +

+ + )} +

DocsGPT will use your data to answer questions. Whether its documentation, source code, or Microsoft files, DocsGPT allows you to have interactive conversations and find answers based on the @@ -36,12 +83,36 @@ export default function Hero({ className = '' }: { className?: string }) {

- -
-
- lock -

Secure Data Storage

-

+ {/* second */} +

+
+ {/* Add Mobile check here */} + {isMobile ? ( +
+ lock +

+ Secure Data Storage +

+
+ ) : ( + <> + lock +

+ Secure Data Storage +

+ + )} +

The security of your data is our top priority. DocsGPT ensures the utmost protection for your sensitive information. With secure data storage and privacy measures in place, you can trust that your @@ -49,15 +120,44 @@ export default function Hero({ className = '' }: { className?: string }) {

-
-
- lock -

Open Source Code

-

+ {/* third */} +

+
+ {/* Add Mobile check here */} + {isMobile ? ( +
+ lock +

+ Open Source Code +

+
+ ) : ( + <> + lock +

+ Open Source Code +

+ + )} +

DocsGPT is built on open source principles, promoting transparency and collaboration. The source code is freely available, enabling developers to contribute, enhance, and customize the app to meet From 7ba939b00861191957c65893b03df67db4a789e8 Mon Sep 17 00:00:00 2001 From: Varun Dhand Date: Tue, 31 Oct 2023 18:56:18 +0530 Subject: [PATCH 2/7] feat: mobile responsive hero page --- frontend/src/Hero.tsx | 178 +++++++++++++++++++++++++++++++++--------- 1 file changed, 139 insertions(+), 39 deletions(-) diff --git a/frontend/src/Hero.tsx b/frontend/src/Hero.tsx index b62823aa..406e48f8 100644 --- a/frontend/src/Hero.tsx +++ b/frontend/src/Hero.tsx @@ -1,34 +1,81 @@ +import { useMediaQuery } from './hooks'; import DocsGPT3 from './assets/cute_docsgpt3.svg'; export default function Hero({ className = '' }: { className?: string }) { + // const isMobile = window.innerWidth <= 768; + const { isMobile } = useMediaQuery(); return ( -

-
+
+

DocsGPT

DocsGPT
-

- Welcome to DocsGPT, your technical documentation assistant! -

-

- Enter a query related to the information in the documentation you - selected to receive -
and we will provide you with the most relevant answers. -

-

- Start by entering your query in the input field below and we will do the - rest! -

-
-
-
- lock -

Chat with Your Data

-

+ {isMobile ? ( +

+ Welcome to DocsGPT, your technical + documentation assistant! Start by entering your query in the input + field below, and we'll provide you with the most relevant + answers. +

+ ) : ( + <> +

+ Welcome to DocsGPT, your technical documentation assistant! +

+

+ Enter a query related to the information in the documentation you + selected to receive +
and we will provide you with the most relevant answers. +

+

+ Start by entering your query in the input field below and we will do + the rest! +

+ + )} +
+ {/* first */} +
+
+ {/* Add Mobile check here */} + {isMobile ? ( +
+ lock +

+ Chat with Your Data +

+
+ ) : ( + <> + lock +

+ Chat with Your Data +

+ + )} +

DocsGPT will use your data to answer questions. Whether its documentation, source code, or Microsoft files, DocsGPT allows you to have interactive conversations and find answers based on the @@ -36,12 +83,36 @@ export default function Hero({ className = '' }: { className?: string }) {

- -
-
- lock -

Secure Data Storage

-

+ {/* second */} +

+
+ {/* Add Mobile check here */} + {isMobile ? ( +
+ lock +

+ Secure Data Storage +

+
+ ) : ( + <> + lock +

+ Secure Data Storage +

+ + )} +

The security of your data is our top priority. DocsGPT ensures the utmost protection for your sensitive information. With secure data storage and privacy measures in place, you can trust that your @@ -49,15 +120,44 @@ export default function Hero({ className = '' }: { className?: string }) {

-
-
- lock -

Open Source Code

-

+ {/* third */} +

+
+ {/* Add Mobile check here */} + {isMobile ? ( +
+ lock +

+ Open Source Code +

+
+ ) : ( + <> + lock +

+ Open Source Code +

+ + )} +

DocsGPT is built on open source principles, promoting transparency and collaboration. The source code is freely available, enabling developers to contribute, enhance, and customize the app to meet From de0e1d3e104041977f7deb4eeba49c8869e5cf62 Mon Sep 17 00:00:00 2001 From: Senthil Kumar N <89689985+IamSenthilKumar@users.noreply.github.com> Date: Tue, 31 Oct 2023 23:41:27 +0530 Subject: [PATCH 3/7] Fix Guide to use other LLMS --- docs/pages/Guides/How-to-use-different-LLM.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/docs/pages/Guides/How-to-use-different-LLM.md b/docs/pages/Guides/How-to-use-different-LLM.md index 6c7e08a9..da7c18ad 100644 --- a/docs/pages/Guides/How-to-use-different-LLM.md +++ b/docs/pages/Guides/How-to-use-different-LLM.md @@ -19,11 +19,14 @@ You can omit the keys if users provide their own. Ensure you set `LLM_NAME` and ## Step 2: Choose Your Models **Options for `LLM_NAME`:** -- OpenAI ([More details](https://platform.openai.com/docs/models)) +- openai ([More details](https://platform.openai.com/docs/models)) +- anthropic ([More details](https://docs.anthropic.com/claude/reference/selecting-a-model)) - manifest ([More details](https://python.langchain.com/docs/integrations/llms/manifest)) - cohere ([More details](https://docs.cohere.com/docs/llmu)) +- Arc53/DocsGPT-7B ([More details](https://huggingface.co/Arc53/DocsGPT-7B)) - Arc53/docsgpt-14b ([More details](https://huggingface.co/Arc53/docsgpt-14b)) - Arc53/docsgpt-7b-falcon ([More details](https://huggingface.co/Arc53/docsgpt-7b-falcon)) +- Arc53/docsgpt-40b-falcon ([More details](https://huggingface.co/Arc53/docsgpt-40b-falcon)) - llama.cpp ([More details](https://python.langchain.com/docs/integrations/llms/llamacpp)) **Options for `EMBEDDINGS_NAME`:** From 3bc0fe5a70b74033e0f5bdcd43b1b7eef133c49d Mon Sep 17 00:00:00 2001 From: gfggithubleet <144522681+gfggithubleet@users.noreply.github.com> Date: Wed, 1 Nov 2023 01:09:38 +0530 Subject: [PATCH 4/7] Update README.md TYPO FIXED --- README.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 4bc9d199..3c0e4126 100644 --- a/README.md +++ b/README.md @@ -23,7 +23,7 @@ Say goodbye to time-consuming manual searches, and let

diff --git a/frontend/src/index.css b/frontend/src/index.css index 256367b4..4d881fe0 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -364,3 +364,17 @@ template { color: #9ca3af; opacity: 1; } + +/* third container laylout for Firefox */ +@-moz-document url-prefix() { + .firefox{ + padding: 32px; + } +} + +/* For screens with a maximum width of 768px (mobile) */ +@media (max-width: 768px) { + .firefox { + padding: 16px; + } +} \ No newline at end of file From 961c26894df720131cf52edb383c3da3d4d29a24 Mon Sep 17 00:00:00 2001 From: Alex Date: Tue, 31 Oct 2023 23:21:46 +0000 Subject: [PATCH 6/7] Update README.md --- README.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/README.md b/README.md index 3c0e4126..58639d3d 100644 --- a/README.md +++ b/README.md @@ -30,8 +30,6 @@ We're eager to provide personalized assistance when deploying your DocsGPT to a - [Book Demo :wave:](https://airtable.com/appdeaL0F1qV8Bl2C/shrrJF1Ll7btCJRbP) - [Send Email :email:](mailto:contact@arc53.com?subject=DocsGPT%20support%2Fsolutions) -### [:tada: Join the Hacktoberfest with DocsGPT and Earn a Free T-shirt! :tada:](https://github.com/arc53/DocsGPT/blob/main/HACKTOBERFEST.md) - ![video-example-of-docs-gpt](https://d3dg1063dc54p9.cloudfront.net/videos/demov3.gif) ## Roadmap From bb527ac9813cf1fdda170950bd99e26c33d55bc8 Mon Sep 17 00:00:00 2001 From: Alex Date: Tue, 31 Oct 2023 23:22:23 +0000 Subject: [PATCH 7/7] Update index.mdx --- docs/pages/index.mdx | 2 -- 1 file changed, 2 deletions(-) diff --git a/docs/pages/index.mdx b/docs/pages/index.mdx index fa667b70..8c646918 100644 --- a/docs/pages/index.mdx +++ b/docs/pages/index.mdx @@ -25,8 +25,6 @@ DocsGPT 🦖 is an innovative open-source tool designed to simplify the retrieva Try it yourself: [https://docsgpt.arc53.com/](https://docsgpt.arc53.com/) -### [🎉 Join the Hacktoberfest with DocsGPT and Contribute to Earn a Free T-shirt!](https://github.com/arc53/DocsGPT/blob/main/HACKTOBERFEST.md) - (