{% extends "templates/publishing.njk" %}

{% block main %}
	<header>
		<h1>Welcome to Nebulosa CSS!</h1>
	</header>
	<h1>What is Nebulosa CSS?</h1>
	<p>
		Nebulosa CSS is a CSS framework that you generate yourself! The idea is that you create your own config file and, if you are
		<i>hardcore</i>, your own palette. After that you just run the build script and boom! Your own custom CSS framework catered to your needs. This means a reduction in bloat and excess styling, since you only build what you need.
	</p>
	<p>
		Nebulosa CSS will give you a package of common components and layouts that look okay out of the box, but the thing is, Nebulosa CSS shouldn't replace the heart and soul of your project, unless you want to, so you are advised to create your own CSS building on top of Nebulosa!
	</p>
	<h2>What does it look like?</h2>
	<p>This site is built solely on Nebulosa CSS &mdash; so it should give you a taste. Below are links to guides visualising all the components and layouts of Nebulosa CSS:</p>
	<ul>
		<li><a href="/headings">Headings</a></li>
		<li><a href="/buttons">Buttons</a></li>
		<li><a href="/text">Text</a></li>
		<li><a href="/forms">Forms</a></li>
	</ul>
{% endblock %}