Merge pull request 'Download Page' (#1) from sageTheDm/InterstellarAI-DL:main into main

Reviewed-on: https://interstellardevelopment.org/code/code/interstellar_development/InterstellarAI-DL/pulls/1
This commit is contained in:
Patrick 2024-10-07 10:51:17 +02:00
commit 5baea09e7b
2 changed files with 284 additions and 0 deletions

99
index.html Normal file
View file

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Interstellar AI - Download</title>
</head>
<body>
<header>
<div class="hero">
<h1>Interstellar AI</h1>
</div>
</header>
<div class="container">
<section class="features">
<h2>Key Features</h2>
<div class="feature-list">
<div class="feature-item">
<h3>Multiple AI Models</h3>
<p>Leverage AI models from both offline and online sources, giving you unmatched flexibility.</p>
</div>
<div class="feature-item">
<h3>Full Customization</h3>
<p>Customize the look, feel, and behavior of your AI assistant to match your personal style.</p>
</div>
<div class="feature-item">
<h3>Seamless Integration</h3>
<p>Connect with various platforms and AI providers easily, without the hassle.</p>
</div>
</div>
</section>
<section id="faq">
<h2>Frequently Asked Questions</h2>
<div class="faq-item">
<h3>What is this AI assistant for?</h3>
<p>This AI assistant helps you with various tasks such as answering questions, generating text, and even helping with code or writing tasks.</p>
</div>
<div class="faq-item">
<h3>How does the AI assistant work?</h3>
<p>The assistant uses machine learning algorithms to understand your input and provide contextually relevant answers or generate content based on the task you've described.</p>
</div>
<div class="faq-item">
<h3>Can I trust the answers given by the AI assistant?</h3>
<p>While the AI strives to give accurate and helpful answers, it is important to verify critical information, especially for complex or sensitive queries.</p>
</div>
<div class="faq-item">
<h3>What kind of questions can I ask?</h3>
<p>You can ask a wide range of questions from simple factual queries to more complex requests like generating creative writing or code snippets.</p>
</div>
<div class="faq-item">
<h3>Is my data secure when using the AI assistant?</h3>
<p>We take privacy seriously. Your data is handled according to our privacy policy, ensuring that any personal information shared is securely processed and not misused.</p>
</div>
<div class="faq-item">
<h3>How can I provide feedback about the AI assistant?</h3>
<p>Feedback can be provided through our feedback form, available on our website. We appreciate your input and use it to improve the AI assistant's performance.</p>
</div>
<div class="faq-item">
<h3>Can I customize the AI assistant's responses?</h3>
<p>Customization options are limited in the current version, but we are working on features that will allow users to tailor responses to better suit their needs.</p>
</div>
<div class="faq-item">
<h3>How frequently is the AI assistant updated?</h3>
<p>The AI assistant is updated regularly to improve its functionality and incorporate new features. Stay tuned to our update logs for information on the latest improvements.</p>
</div>
<div class="faq-item">
<h3>What should I do if the AI assistant is not working properly?</h3>
<p>If you encounter any issues with the AI assistant, please contact our support team for assistance. Provide details about the problem to help us resolve it quickly.</p>
</div>
<div class="faq-item">
<h3>Is there a mobile app available for the AI assistant?</h3>
<p>Currently, there is no dedicated mobile app, but our web application is mobile-friendly and can be accessed on various devices.</p>
</div>
</section>
<section class="how-it-works">
<h2>How It Works</h2>
<p>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.</p>
</section>
<section id="download" class="download">
<h2>Download Interstellar AI</h2>
<p>Ready to enhance your AI experience? Get started by downloading Interstellar AI today!</p>
<br />
<!-- As per request that spefificly was made the placeholder link is commodo ice dragon apparently -->
<a href="https://download.comodo.com/icedragon/update/icedragonsetup.exe?sp_q=ice+dragon" class="download-button" target="_blank">Download Now</a>
</section>
</div>
<footer>
<p>© 2024 Interstellar AI. All rights reserved.</p>
</footer>
</body>
</html>

185
styles.css Normal file
View file

@ -0,0 +1,185 @@
body {
font-family: 'Arial', sans-serif;
background-color: #FCFCEB;
color: #000000;
margin: 0;
padding: 0;
overflow-x: hidden;
}
header {
background-color: #474D22;
color: #FCFCEB;
padding: 40px 20px;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.hero h1 {
font-size: 3rem;
margin: 0;
}
.hero p {
font-size: 1.2rem;
margin: 10px 0;
}
.cta-button {
background-color: #8B9635;
color: #FCFCEB;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
margin-top: 20px;
display: inline-block;
transition: background-color 0.3s ease;
}
.cta-button:hover {
background-color: #6E7629;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
h1, h2 {
color: #8B9635;
}
.features {
margin: 40px 0;
background-color: #f0f3da;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.feature-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.feature-item {
flex: 1 1 calc(30% - 20px);
background-color: #FCFCEB;
border: 1px solid #8B9635;
padding: 20px;
border-radius: 5px;
margin: 10px;
text-align: center;
}
.testimonial {
margin: 40px 0;
}
.testimonial-item {
background-color: #474D22;
color: #FCFCEB;
padding: 20px;
border-radius: 5px;
margin: 10px 0;
font-style: italic;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.author {
font-weight: bold;
margin-top: 10px;
text-align: right;
}
.how-it-works {
margin: 40px 0;
background-color: #f7f9e8;
padding: 20px;
border-radius: 10px;
}
.download {
margin: 40px 0;
padding: 30px;
text-align: center;
}
.download-button {
background-color: #8B9635;
color: #FCFCEB;
padding: 15px 30px;
margin: 2em;
text-decoration: none;
border-radius: 5px;
font-size: 1.2rem;
transition: background-color 0.3s ease;
}
.download-button:hover {
background-color: #6E7629;
}
footer {
background-color: #474D22;
color: #FCFCEB;
padding: 20px;
text-align: center;
position: relative;
bottom: 0;
width: 100%;
}
.faq-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
padding: 0 10px;
}
#faq {
max-width: 800px;
width: 90%;
padding: 20px;
background-color: #FCFCEB; /* Set a static color instead of a variable */
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
overflow-y: auto; /* Allow vertical scrolling if content overflows */
margin: 2rem auto;
height: 80vh;
}
#faq h2 {
text-align: center;
color: #8B9635; /* Use a static color instead of a variable */
font-size: 2em;
margin-bottom: 20px;
}
.faq-item {
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
background-color: #f0f3da; /* Use a specific background color */
transition: background-color 0.3s ease-in-out;
}
.faq-item h3 {
color: #8B9635; /* Static color */
margin-bottom: 10px;
font-size: 1.5em;
}
.faq-item p {
color: #000000; /* Static text color */
font-size: 1.1em;
line-height: 1.5;
}
.faq-item:hover {
background-color: #d1e0b6; /* Change to a lighter shade on hover */
}