interstellar_development/InterstellarAI-DL
3
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: interstellar_development:ce185928649e9fdc9dbda449987d76606ad3c2a8
Branches Tags
interstellar_development:main
..
compare: interstellar_development:5baea09e7b11814cf7eccbd98a9a461f08cd1a02
Branches Tags
interstellar_development:main

No commits in common. "ce185928649e9fdc9dbda449987d76606ad3c2a8" and "5baea09e7b11814cf7eccbd98a9a461f08cd1a02" have entirely different histories.
ce18592864 ... 5baea09e7b

2 changed files with 144 additions and 178 deletions
Download patch file Download diff file Expand all files Collapse all files

15
index.html
View file

@ -10,7 +10,6 @@
<header> <header>
<div class="hero"> <div class="hero">
<h1>Interstellar AI</h1> <h1>Interstellar AI</h1>
<p>Your personal AI assistant to enhance productivity.</p>
</div> </div>
</header> </header>
@ -36,7 +35,6 @@
<section id="faq"> <section id="faq">
<h2>Frequently Asked Questions</h2> <h2>Frequently Asked Questions</h2>
<div class="faq-container">
<div class="faq-item"> <div class="faq-item">
<h3>What is this AI assistant for?</h3> <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> <p>This AI assistant helps you with various tasks such as answering questions, generating text, and even helping with code or writing tasks.</p>
@ -77,9 +75,9 @@
<h3>Is there a mobile app available for the AI assistant?</h3> <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> <p>Currently, there is no dedicated mobile app, but our web application is mobile-friendly and can be accessed on various devices.</p>
</div> </div>
</div>
</section> </section>
<section class="how-it-works"> <section class="how-it-works">
<h2>How It Works</h2> <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> <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>
@ -89,18 +87,11 @@
<h2>Download Interstellar AI</h2> <h2>Download Interstellar AI</h2>
<p>Ready to enhance your AI experience? Get started by downloading Interstellar AI today!</p> <p>Ready to enhance your AI experience? Get started by downloading Interstellar AI today!</p>
<br /> <br />
<h2>Windows</h2> <!-- 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 for Windows</a> <a href="https://download.comodo.com/icedragon/update/icedragonsetup.exe?sp_q=ice+dragon" class="download-button" target="_blank">Download Now</a>
<br />
<br />
<h2>GNU/Linux</h2>
<a href="https://your-linux-download-link-here" class="download-button" target="_blank">Download for GNU/Linux</a>
<br>
<br>
</section> </section>
</div> </div>
<footer> <footer>
<p>© 2024 Interstellar AI. All rights reserved.</p> <p>© 2024 Interstellar AI. All rights reserved.</p>
</footer> </footer>

221
styles.css
View file

@ -1,6 +1,6 @@
body { body {
font-family: 'Arial', sans-serif; font-family: 'Arial', sans-serif;
background-color: #FCFCEB; /* Light background */ background-color: #FCFCEB;
color: #000000; color: #000000;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -8,23 +8,37 @@ body {
} }
header { header {
background-color: #474D22; /* Dark header for contrast */ background-color: #474D22;
color: #FCFCEB; /* Light text */ color: #FCFCEB;
padding: 40px 20px; padding: 40px 20px;
text-align: center; text-align: center;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
} }
.hero h1 { .hero h1 {
font-size: 3rem; font-size: 3rem;
margin: 0; margin: 0;
font-weight: bold; /* Bolder text */
} }
.hero p { .hero p {
font-size: 1.2rem; font-size: 1.2rem;
margin: 10px 0; margin: 10px 0;
font-style: italic; /* Italicized for a playful feel */ }
.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 { .container {
@ -34,22 +48,15 @@ header {
} }
h1, h2 { h1, h2 {
color: #8B9635; /* Primary color for headings */ color: #8B9635;
margin: 20px 0;
padding: 10px;
} }
.features, .how-it-works, .download { .features {
margin: 40px 0; margin: 40px 0;
background-color: #f0f3da; /* Light feature background */ background-color: #f0f3da;
padding: 20px; padding: 20px;
border-radius: 15px; /* More rounded corners */ border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s; /* Add hover effect */
}
.features:hover, .how-it-works:hover, .download:hover {
transform: translateY(-5px); /* Lift effect on hover */
} }
.feature-list { .feature-list {
@ -60,87 +67,65 @@ h1, h2 {
.feature-item { .feature-item {
flex: 1 1 calc(30% - 20px); flex: 1 1 calc(30% - 20px);
background-color: #FCFCEB; /* Light background for feature items */ background-color: #FCFCEB;
border: 1px solid #8B9635; /* Consistent border */ border: 1px solid #8B9635;
padding: 20px; padding: 20px;
border-radius: 10px; /* Rounded corners */ border-radius: 5px;
margin: 10px; margin: 10px;
text-align: center; text-align: center;
transition: transform 0.3s, box-shadow 0.3s; /* Hover effect */
} }
.feature-item:hover { .testimonial {
transform: scale(1.05); /* Slight scaling on hover */ margin: 40px 0;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Shadow effect */
} }
.faq-container { .testimonial-item {
display: flex; background-color: #474D22;
flex-direction: column; color: #FCFCEB;
justify-content: center;
align-items: flex-start;
padding: 0 10px;
}
#faq {
max-width: 800px;
width: 90%;
padding: 20px; padding: 20px;
background-color: #FCFCEB; /* Light background for FAQ */ border-radius: 5px;
border-radius: 15px; /* Rounded corners */ margin: 10px 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); font-style: italic;
margin: 2rem auto; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
height: auto;
} }
.faq-item { .author {
margin-bottom: 20px; font-weight: bold;
padding: 15px; /* Increased padding for better readability */ margin-top: 10px;
text-align: right;
}
.how-it-works {
margin: 40px 0;
background-color: #f7f9e8;
padding: 20px;
border-radius: 10px; border-radius: 10px;
background-color: #f0f3da; /* Light background for FAQ items */
transition: background-color 0.3s ease-in-out;
}
.faq-item h3 {
color: #8B9635;
margin-bottom: 10px;
font-size: 1.5em;
}
.faq-item p {
color: #000000;
font-size: 1.1em;
line-height: 1.5;
}
.faq-item:hover {
background-color: #d1e0b6; /* Lighter background on hover */
} }
.download { .download {
margin: 40px 0;
padding: 30px;
text-align: center; text-align: center;
padding-bottom: 1em;
} }
.download-button { .download-button {
background-color: #8B9635; /* Primary button color */ background-color: #8B9635;
color: #FCFCEB; color: #FCFCEB;
padding: 15px 30px; padding: 15px 30px;
margin: 1em; margin: 2em;
text-decoration: none; text-decoration: none;
border-radius: 5px; border-radius: 5px;
font-size: 1.2rem; font-size: 1.2rem;
transition: background-color 0.3s ease, transform 0.2s; /* Hover effects */ transition: background-color 0.3s ease;
} }
.download-button:hover { .download-button:hover {
background-color: #6E7629; /* Darker button color on hover */ background-color: #6E7629;
transform: translateY(-2px); /* Lift effect */
} }
footer { footer {
background-color: #474D22; /* Dark footer */ background-color: #474D22;
color: #FCFCEB; /* Light footer text */ color: #FCFCEB;
padding: 20px; padding: 20px;
text-align: center; text-align: center;
position: relative; position: relative;
@ -148,63 +133,53 @@ footer {
width: 100%; width: 100%;
} }
/* Responsive Styles */ .faq-container {
@media (max-width: 768px) { display: flex;
.hero h1 { justify-content: center;
font-size: 2.5rem;
}
.hero p {
font-size: 1rem;
}
.feature-list {
flex-direction: column;
align-items: center; align-items: center;
} height: 100vh;
padding: 0 10px;
.feature-item {
flex: 1 1 100%;
margin: 10px 0;
}
.faq-item h3 {
font-size: 1.2em;
}
.faq-item p {
font-size: 1em;
}
.download-button {
font-size: 1rem;
padding: 10px 20px;
}
} }
@media (max-width: 480px) { #faq {
.hero h1 { max-width: 800px;
font-size: 2rem; 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;
}
.hero p { #faq h2 {
font-size: 0.9rem; text-align: center;
} color: #8B9635; /* Use a static color instead of a variable */
font-size: 2em;
margin-bottom: 20px;
}
.faq-item h3 { .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; font-size: 1.1em;
} line-height: 1.5;
}
.faq-item p {
font-size: 0.9em; .faq-item:hover {
} background-color: #d1e0b6; /* Change to a lighter shade on hover */
h1, h2 {
font-size: 1.5rem;
}
.download-button {
padding: 10px 15px;
font-size: 0.9rem;
}
} }