index.html

---
layout: default
menu: main
order: 1
title: Home
type: one-box index fade-in
---

<div class="skip-target" id="maincontent"></div>

<section class="hero">
	<div class="left-half card">
		<h1>Start9</h1>
		<p class="subheading">A work-in-progress extensible, customizable shell supplement for Windows</p>

		<!-- <a class="button disabled" href="https://github.com/startnine/start9/releases">Download</a> -->
		<!-- <a class="button" href="#">Changelog</a> -->
	</div>

	<div class="right-half">
		<div class="card">
			<h3 class="subheading">customizable</h3>
			<p>
				Bend your Windows desktop to your will - Start9 is being built for maximum flexibility and minimal constraints.
			</p>
		</div>

		<div class="card">
			<h3 class="subheading">shale</h3>
			<p>
				We’ve made Shale — a design language made to balance the designs of the future while retaining the depth of the past.
			</p>
		</div>
	</div>
</section>

<h2 class="interlude">features&hellip;</h2>

<section class="slide card">
	<div class="right-half">
		<h3 class="subheading">modular</h3>
		<p>
			Start9 aspires to achieve maximum flexibility, and this is done by making it completely modular. Some Windows shells offer extensibility, but Start9 pretty much <em>is</em> extensibility. Everything is optional, and configurable via a node graph.
		</p>
	</div>
	<div class="left-half pic-right">
		<img src="{{ "/assets/img/nodegraph.png" | prepend: site.url }}" alt="Node Graph"/>
	</div>
</section>

<section class="slide card">
		<div class="left-half">
			<h3 class="subheading">extensible</h3>
			<p>
				Start9 will already be extremely flexible out of the box, but if that’s not enough for you, you can write your own modules, and take advantage of all the same cross-module communication and OS interaction capabilities our modules will benefit from!
			</p>
		</div>
		<div class="right-half pic-right">
			<picture>
				<source srcset="{{ "/assets/img/previews/start9/filecommander-dark-zoom.png" | prepend: site.url }}" media="(prefers-color-scheme: dark)">
				<source srcset="{{ "/assets/img/previews/start9/filecommander-zoom.png" | prepend: site.url }}" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)">
				<img src="{{ "/assets/img/previews/start9/filecommander-zoom.png" | prepend: site.url }}" alt="A screenshot of the module File Commander, demonstrating the extensibility of Start9"/>
			</picture>
		</div>
</section>