diff --git a/images/img1.png b/images/img1.png new file mode 100644 index 0000000..38a9a47 Binary files /dev/null and b/images/img1.png differ diff --git a/images/img10.png b/images/img10.png new file mode 100644 index 0000000..1ba7cd8 Binary files /dev/null and b/images/img10.png differ diff --git a/images/img11.png b/images/img11.png new file mode 100644 index 0000000..36e576e Binary files /dev/null and b/images/img11.png differ diff --git a/images/img2.png b/images/img2.png new file mode 100644 index 0000000..690641c Binary files /dev/null and b/images/img2.png differ diff --git a/images/img3.png b/images/img3.png new file mode 100644 index 0000000..684a5b6 Binary files /dev/null and b/images/img3.png differ diff --git a/images/img4.png b/images/img4.png new file mode 100644 index 0000000..af0ffb7 Binary files /dev/null and b/images/img4.png differ diff --git a/images/img5.png b/images/img5.png new file mode 100644 index 0000000..e04744e Binary files /dev/null and b/images/img5.png differ diff --git a/images/img6.png b/images/img6.png new file mode 100644 index 0000000..541025b Binary files /dev/null and b/images/img6.png differ diff --git a/images/img7.png b/images/img7.png new file mode 100644 index 0000000..6eca9c9 Binary files /dev/null and b/images/img7.png differ diff --git a/images/img8.png b/images/img8.png new file mode 100644 index 0000000..734810e Binary files /dev/null and b/images/img8.png differ diff --git a/images/img9.png b/images/img9.png new file mode 100644 index 0000000..df161c8 Binary files /dev/null and b/images/img9.png differ diff --git a/index.html b/index.html index 80d09d5..f6af365 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,7 @@
-

Key Features

+

Key Features

Multiple AI Models

@@ -35,7 +35,7 @@
-

Frequently Asked Questions

+

Frequently Asked Questions

What is this AI assistant for?

@@ -77,16 +77,106 @@

Is there a mobile app available for the AI assistant?

Currently, there is no dedicated mobile app, but our web application is mobile-friendly and can be accessed on various devices.

+
+

Why doesn't my selection in the category dropdown menu apply?

+

Currently, the dropdown menu for selecting AI models does not retain your choice after a website refresh.

+
+
+

Why is the AI suddenly talking about the weather when I didn't select that option?

+

The AI is programmed to provide weather information even if you haven't specifically selected the weather option.

+
+
+

Why isn't the online API working?

+

At the moment, the online APIs for Google and La Plateforme are not operational. However, the OpenAI and Anthropic APIs may still function.

+
+
+

Why is the AI discussing unrelated topics?

+

Try disabling the AI system prompt settings, as the AI sometimes tends to focus on those topics excessively.

+
+
+

Why isn't the AI responding in the format I specified in the settings?

+

Please check if the system prompt settings are enabled. If the issue persists, it may be because the AI is unable to fully adhere to the command. These settings serve as a guideline rather than a strict internal directive, and the AI retains the discretion to follow them.

+
+
+

Does this AI have the ability to know my location or search the web?

+

No, this AI does not possess any capabilities to access your location or browse the web.

+
+
+

Does the AI really work offline?

+

Yes! Once you download the necessary models, it can operate fully offline, with the exception of the weather API.

+
+
+

Are my messages encrypted?

+

Unfortunately, not at this time. We recommend keeping your messages as anonymous as possible. Your messages are stored locally on your computer and are not sent to any external storage, unless you use an online API, in which case we cannot guarantee privacy.

+
+
+

Where is my data saved?

+

All data, including accounts, settings, and chats, is stored locally on your computer. You cannot log into this account from another device. If you need to synchronize settings, you can export them from one computer and import them on another.

+
+
+

Is this a virus?

+

No, this is not a virus, despite what Windows may indicate. The warning appears because the application is not officially signed, which requires a costly signing service that we cannot afford.

+
-
+
-

How It Works

-

Getting started is simple! Download the app, set up your preferred AI models, and start chatting with your assistant. Whether you're working offline or connected to online platforms, Interstellar AI adapts to your needs.

+

How It Works

+

Getting started is simple! Follow the steps below to set up your preferred AI models and start chatting with your assistant.

+ +

Step 1: Download the AI Package

+

Visit the website and click the download button to obtain the AI package. Ensure that you choose the correct version based on your operating system (Linux or Windows).

+ Image can't be displayed + +

Step 2: Unzip the Folder

+

After downloading, locate the compressed folder and unzip it to a location of your choice. Make sure you have enough disk space and the necessary permissions to extract files.

+ Image can't be displayed + Image can't be displayed + + +

Step 3: Start the Setup Script

+

Run the appropriate script based on your operating system to set up the AI:

+ +

The "free" option refers to freedom of use, allowing you to modify, share, or utilize outputs without restrictions. The "non-free" option may have license limitations, so review the licenses beforehand.

+ Image can't be displayed + +

Step 4: Run the AI Program

+

Execute the AI program based on your operating system:

+ +

This starts the AI system and prepares it for the next steps.

+ Image can't be displayed + +

Step 5: Create an Account

+

After the setup, you’ll be prompted to create an account. Fill in the necessary information, including username, email, and password, to register.

+ Image can't be displayed + Image can't be displayed + Image can't be displayed + +

Step 6: Log In

+

Once your account is created, log in using your credentials. Ensure you remember your password or store it securely for future logins.

+ Image can't be displayed + +

Step 7: Access the Settings

+

Navigate to the settings menu from the main dashboard. This is where you can configure various options for your AI setup.

+ Image can't be displayed + +

Step 8: Adjust the Settings Based on Your Setup

+

Select the configuration settings that match your chosen AI setup (free, non-free, or all). Adjust the settings to optimize the AI's performance according to your preferences and needs.

+ Image can't be displayed + + +

Step 9: Start Chatting with Our AI

+

With everything set up, you can now start chatting with the AI. Explore its capabilities, customize interactions, and enjoy the experience!

-

Download Interstellar AI

+

Download Interstellar AI

Ready to enhance your AI experience? Get started by downloading Interstellar AI today!


Windows

@@ -100,7 +190,7 @@
-

Explore Our Code

+

Explore Our Code

Access the source code of Interstellar AI and stay updated with the latest developments.

View Repository Download Source Code @@ -108,7 +198,7 @@
diff --git a/styles.css b/styles.css index 15d6e49..c5865ad 100644 --- a/styles.css +++ b/styles.css @@ -1,3 +1,4 @@ +/* Base Styles */ body { font-family: 'Arial', sans-serif; background-color: #FCFCEB; /* Light background */ @@ -7,6 +8,7 @@ body { overflow-x: hidden; } +/* Header */ header { background-color: #474D22; /* Dark header for contrast */ color: #FCFCEB; /* Light text */ @@ -15,6 +17,7 @@ header { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); } +/* Hero Section */ .hero h1 { font-size: 3rem; margin: 0; @@ -27,35 +30,41 @@ header { font-style: italic; /* Italicized for a playful feel */ } +/* Container */ .container { max-width: 1200px; margin: 0 auto; padding: 20px; } +/* Headings */ h1, h2 { color: #8B9635; /* Primary color for headings */ margin: 20px 0; padding: 10px; + text-align: center; } -.features, .how-it-works, .download { +/* Section Styles */ +.features, .how-it-works, .download, .repository { margin: 40px 0; - background-color: #f0f3da; /* Light feature background */ + background-color: #f0f3da; /* Light section background */ padding: 20px; - border-radius: 15px; /* More rounded corners */ + border-radius: 15px; /* Rounded corners */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); - transition: transform 0.3s; /* Add hover effect */ + transition: transform 0.3s; } -.features:hover, .how-it-works:hover, .download:hover { +.features:hover, .how-it-works:hover, .download:hover, .repository:hover { transform: translateY(-5px); /* Lift effect on hover */ } +/* Feature List */ .feature-list { display: flex; flex-wrap: wrap; justify-content: space-between; + gap: 20px; } .feature-item { @@ -66,7 +75,7 @@ h1, h2 { border-radius: 10px; /* Rounded corners */ margin: 10px; text-align: center; - transition: transform 0.3s, box-shadow 0.3s; /* Hover effect */ + transition: transform 0.3s, box-shadow 0.3s; } .feature-item:hover { @@ -74,31 +83,32 @@ h1, h2 { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Shadow effect */ } -.faq-container { - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; - padding: 0 10px; -} - +/* FAQ Section */ #faq { max-width: 800px; - width: 90%; + width: 100%; padding: 20px; background-color: #FCFCEB; /* Light background for FAQ */ border-radius: 15px; /* Rounded corners */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); margin: 2rem auto; - height: auto; +} + +.faq-container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 0 10px; } .faq-item { margin-bottom: 20px; padding: 15px; /* Increased padding for better readability */ border-radius: 10px; + border: 2px solid #8B9635; /* Consistent border */ background-color: #f0f3da; /* Light background for FAQ items */ - transition: background-color 0.3s ease-in-out; + transition: background-color 0.3s ease-in-out, transform 0.3s; /* Added transform transition */ } .faq-item h3 { @@ -110,63 +120,29 @@ h1, h2 { .faq-item p { color: #000000; font-size: 1.1em; - line-height: 1.5; + line-height: 1.6; } .faq-item:hover { background-color: #d1e0b6; /* Lighter background on hover */ + transform: translateY(-6px) scale(1.05); /* Lift and slightly enlarge effect */ } +/* Image Resizing in How It Works Section */ +.how-it-works img { + max-width: 100%; /* Ensure images fit within their parent */ + height: auto; /* Maintain aspect ratio */ + margin: 20px auto; /* Center the image and add spacing */ + display: block; /* Make the image a block element to center */ +} + +/* Download Button */ .download { text-align: center; padding-bottom: 1em; } -.download-button { - background-color: #8B9635; /* Primary button color */ - color: #FCFCEB; - padding: 15px 30px; - margin: 1em; - text-decoration: none; - border-radius: 5px; - font-size: 1.2rem; - transition: background-color 0.3s ease, transform 0.2s; /* Hover effects */ -} - -.download-button:hover { - background-color: #6E7629; /* Darker button color on hover */ - transform: translateY(-2px); /* Lift effect */ -} - -footer { - background-color: #474D22; /* Dark footer */ - color: #FCFCEB; /* Light footer text */ - padding: 20px; - text-align: center; - position: relative; - bottom: 0; - width: 100%; -} - -.repository { - text-align: center; - padding: 40px 20px; - background-color: #f0f3da; /* Light background for repository section */ - margin: 40px 0; - border-radius: 15px; - box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); - transition: transform 0.3s; -} - -.repository p{ - margin-bottom: 30px; -} - -.repository:hover { - transform: translateY(-5px); /* Lift effect on hover */ -} - -.repo-button { +.download-button, .repo-button { background-color: #8B9635; /* Primary button color */ color: #FCFCEB; padding: 15px 30px; @@ -177,11 +153,34 @@ footer { transition: background-color 0.3s ease, transform 0.2s; } -.repo-button:hover { +.download-button:hover, .repo-button:hover { background-color: #6E7629; /* Darker button color on hover */ transform: translateY(-2px); /* Lift effect */ } +/* Footer */ +footer { + background-color: #474D22; /* Dark footer */ + color: #FCFCEB; /* Light footer text */ + padding: 20px; + text-align: center; + width: 100%; +} + +/* Repository Section */ +.repository { + text-align: center; + padding: 40px 20px; + background-color: #f0f3da; /* Light background for repository section */ + margin: 40px 0; + border-radius: 15px; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); + transition: transform 0.3s; +} + +.repository p { + margin-bottom: 30px; +} /* Responsive Styles */ @media (max-width: 768px) { @@ -211,7 +210,7 @@ footer { font-size: 1em; } - .download-button { + .download-button, .repo-button { font-size: 1rem; padding: 10px 20px; } @@ -226,6 +225,10 @@ footer { font-size: 0.9rem; } + h1, h2 { + font-size: 1.5rem; + } + .faq-item h3 { font-size: 1.1em; } @@ -234,11 +237,7 @@ footer { font-size: 0.9em; } - h1, h2 { - font-size: 1.5rem; - } - - .download-button { + .download-button, .repo-button { padding: 10px 15px; font-size: 0.9rem; }