interstellar_development/interstellar_website
3
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Website overhaul completed

Browse source
This commit is contained in:
sageTheDM 2025-10-18 18:55:01 +02:00
parent 4cb566828a
commit 9115a41488
18 changed files with 1407 additions and 263 deletions
Download patch file Download diff file Expand all files Collapse all files

158
index.html
View file

@ -21,6 +21,24 @@
/>
<!-- Main CSS -->
<link rel="stylesheet" href="src/styles/styles.css" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="src/favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="src/favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="src/favicon/favicon-16x16.png"
/>
</head>
<body>
@ -31,17 +49,19 @@
<!-- Navigation -->
<nav id="navigation">
<div class="nav-container">
<div class="logo">Interstellar Development</div>
<div class="logo">
<a href="#welcome-screen">Interstellar Development</a>
</div>
<button
class="mobile-menu-btn"
id="mobile-menu-btn"
id="burger-menu"
aria-label="Toggle navigation"
>
<i class="fas fa-bars"></i>
</button>
<ul class="nav-links" id="nav-links">
<ul class="nav-links" id="main-nav">
<li><a href="#projects">Projects</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#about">About</a></li>
@ -53,7 +73,7 @@
<main>
<!-- Hero Section -->
<section class="hero">
<section class="hero" id="welcome-screen">
<div class="container">
<div class="hero-content">
<h1>
@ -88,51 +108,36 @@
</p>
</div>
<div class="project-category">
<h3 class="category-title">Gaming Projects</h3>
<div class="projects-grid">
<div class="project-card">
<div class="project-icon">
<i class="fas fa-crosshairs"></i>
</div>
<h3>Chromania</h3>
<p>
A 2D jump-and-run game where players must restore color to the
world. Developed with our assistance. <br />
<span class="project-status development">In Development</span>
</p>
</div>
<div class="project-card">
<div class="project-icon">
<i class="fas fa-crosshairs"></i>
</div>
<h3>The tale of the Free</h3>
<p>
A 2.5D RPG where the protagonist journeys through the world,
gaining friends and allies to overthrow a corrupt government
branch. <br />
<span class="project-status development">In Planning</span>
</p>
</div>
<!-- Portfolio Filter Controls -->
<div class="portfolio-controls">
<div class="filter-buttons">
<button class="filter-btn active" data-filter="all">All</button>
<button class="filter-btn" data-filter="gaming">Gaming</button>
<button class="filter-btn" data-filter="software">
Software
</button>
<button class="filter-btn" data-filter="web">Web</button>
</div>
<div class="search-box">
<input
type="text"
id="project-search"
placeholder="Search projects..."
/>
<i class="fas fa-search"></i>
</div>
</div>
<div class="project-category">
<h3 class="category-title">Software Solutions</h3>
<div class="projects-grid">
<div class="project-card">
<div class="project-icon">
<i class="fas fa-code"></i>
</div>
<h3>FOSS Alternatives</h3>
<p>
We maintain a curated list of free software alternatives to
proprietary applications, focusing on quality and user
freedom.
</p>
<span class="project-status active">Ongoing</span>
</div>
<div class="portfolio-grid">
<!-- Gaming Projects -->
<div class="portfolio-grid">
<portfolio-card
icon="fas fa-rocket"
title="Projects Coming Soon"
desc="We're currently working on exciting new free and open source software projects. Stay tuned for updates as we develop high-quality solutions that respect user freedom."
tags="all"
collaboration="Internal Project"
></portfolio-card>
</div>
</div>
</div>
@ -277,6 +282,30 @@
</div>
</section>
<!-- Stats Section -->
<section class="stats-section">
<div class="container">
<div class="stats-container">
<div class="stat-item">
<div class="stat-number" data-count="0">0</div>
<div class="stat-label">Projects</div>
</div>
<div class="stat-item">
<div class="stat-number" data-count="2">0</div>
<div class="stat-label">Team Members</div>
</div>
<div class="stat-item">
<div class="stat-number" data-count="3">0</div>
<div class="stat-label">Years Active</div>
</div>
<div class="stat-item">
<div class="stat-number" data-count="100">0</div>
<div class="stat-label">% Free Software</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="section">
<div class="container">
@ -405,32 +434,7 @@
<h4>Projects</h4>
<ul>
<li>
<a
href="https://interstellardevelopment.org/code/interstellar_development"
target="_blank"
>Web Game Collection</a
>
</li>
<li>
<a
href="https://interstellardevelopment.org/code/interstellar_development"
target="_blank"
>FreeFTF Game</a
>
</li>
<li>
<a
href="https://interstellardevelopment.org/code/interstellar_development"
target="_blank"
>React Components</a
>
</li>
<li>
<a
href="https://interstellardevelopment.org/code/interstellar_development"
target="_blank"
>FOSS Alternatives</a
>
<a href="" target="_blank">Coming soon</a>
</li>
</ul>
</div>
@ -476,5 +480,15 @@
</div>
</footer>
</main>
<!-- JavaScript Files -->
<script src="src/js/main.js"></script>
<script src="src/js/stars.js"></script>
<script src="src/js/navigation.js"></script>
<script src="src/js/form.js"></script>
<script src="src/js/portfolioCard.js"></script>
<script src="src/js/portfolioFilter.js"></script>
<script src="src/js/overview.js"></script>
<script src="src/js/sectionTracker.js"></script>
</body>
</html>