added support

Support FreeChatGPT's mission of making AI accessible to everyone,
by funding the OpenAI API endpoint.

.github/FUNDING.yml

@@ -0,0 +1,2 @@
+github: [ztjhz]
+ko_fi: freechatgpt

README.md

@@ -24,6 +24,11 @@
 </a>
 <a href="https://twitter.com/intent/tweet?text=👋%20Check%20this%20amazing%20repo%20https://github.com/ztjhz/ChatGPTFreeApp,%20created%20by%20@nikushii_"><img src="https://img.shields.io/twitter/url?label=Share%20on%20Twitter&style=social&url=https%3A%2F%2Fgithub.com%ztjhz%2FChatGPTFreeApp"></a>
 </p>
+<p align="center">
+    <a href="https://ko-fi.com/freechatgpt" target="_blank">
+        <img src="https://ko-fi.com/img/githubbutton_sm.svg" alt="support" />
+    </a>
+</p>
 
 <p align="center">
     <a href="https://freechatgpt.chat">View Demo</a>
@@ -61,6 +66,7 @@ Liked it? Please give a ⭐️ to **ChatGPTFreeApp**.
 
 - 🌐 Access ChatGPT from anywhere in the world, completely free of charge.
 - 📝 Create and edit messages from the perspectives of the system, assistant, and user.
+- 📝 Customise model parameters such as temperature to achieve an unexpected outcome.
 - 🔀 Change the order of messages to suit your needs and preferences.
 - ➕ Add new messages in between old ones for a seamless conversation flow.
 - 💬 Utilise a wide range of languages to ensure maximum accessibility.
@@ -70,3 +76,17 @@ Liked it? Please give a ⭐️ to **ChatGPTFreeApp**.
 ## 🛠️ Usage
 
 To get started, simply visit our website at [https://freechatgpt.chat/](https://freechatgpt.chat). You can start enjoying the power of ChatGPT powered by the [ayaka14732/ChatGPTAPIFree](https://github.com/ayaka14732/ChatGPTAPIFree) or use your own OpenAI API Key obtained from [OpenAI API Keys](https://platform.openai.com/account/api-keys).
+
+# 🙏 Support
+
+We need your help to continue providing the OpenAI API for free. As you may know, the API costs money and in order to sustain our mission of making AI accessible to everyone, we need your help.
+
+Every donation, no matter how small, will go towards paying for the API endpoint. By contributing to our crowdfunding campaign, you're not only supporting us, but you're also helping to shape the future of AI technology.
+
+We believe that artificial intelligence has the potential to revolutionize the way we live, work, and interact with one another. But this future is only possible if we work together and support initiatives like ours.
+
+So please, donate what you can and spread the word to your friends and family. With your help, we can continue to make the OpenAI API available for free to everyone.
+
+Thank you for your support.
+
+[![support](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/freechatgpt)

src/components/AboutMenu/AboutMenu.tsx

@@ -37,6 +37,15 @@ const AboutMenu = () => {
               <p>We highly value your privacy and are committed to safeguarding the privacy of our users. We do not collect or store any text you enter or receive from the OpenAI server in any form. Our source code is available for your inspection to verify this statement.</p>
 
               <p>We prioritise the security of your API key and handle it with utmost care. If you use your own API key, your key is exclusively stored on your browser and never shared with any third-party entity. It is solely used for the intended purpose of accessing the OpenAI API and not for any other unauthorised use.</p>
+              <h2 className='text-lg font-bold'>Support</h2>
+              <a href="https://ko-fi.com/freechatgpt" target="_blank">
+                  <img src="https://ko-fi.com/img/githubbutton_sm.svg" alt="support" />
+              </a>
+              <p>We need your help to continue providing the OpenAI API for free. As you may know, the API costs money and in order to sustain our mission of making AI accessible to everyone, we need your help.</p>
+              <p>Every donation, no matter how small, will go towards paying for the API endpoint. By contributing to our crowdfunding campaign, you're not only supporting us, but you're also helping to shape the future of AI technology.</p>
+              <p>We believe that artificial intelligence has the potential to revolutionize the way we live, work, and interact with one another. But this future is only possible if we work together and support initiatives like ours.</p>
+              <p>So please, donate what you can and spread the word to your friends and family. With your help, we can continue to make the OpenAI API available for free to everyone.</p>
+              <p>Thank you for your support.</p>
             </div>
           </div>
         </PopupModal>

src/components/PopupModal/PopupModal.tsx

@@ -30,8 +30,8 @@ const PopupModal = ({
   if (modalRoot) {
     return ReactDOM.createPortal(
       <div className='fixed top-0 left-0 z-[999] w-full p-4 overflow-x-hidden overflow-y-auto h-full flex justify-center items-center'>
-        <div className='relative z-2 max-w-2xl md:h-auto flex justify-center items-center'>
+        <div className='relative z-2 max-w-2xl md:h-auto flex justify-center max-h-full'>
-          <div className='relative bg-gray-50 rounded-lg shadow dark:bg-gray-700'>
+          <div className='relative bg-gray-50 rounded-lg shadow dark:bg-gray-700 max-h-full overflow-y-auto hide-scroll-bar'>
             <div className='flex items-center justify-between p-4 border-b rounded-t dark:border-gray-600'>
               <h3 className='ml-2 text-lg font-semibold text-gray-900 dark:text-white'>
                 {title}

src/main.css

@@ -52,6 +52,11 @@
     }
   }
 
+  .hide-scroll-bar::-webkit-scrollbar {
+    display: none;
+    scrollbar-width: none; /* Firefox */
+  }
+
   .dark::-webkit-scrollbar-thumb {
     --tw-bg-opacity: 1;
     background-color: rgba(86, 88, 105, var(--tw-bg-opacity));