---
layout: default
title: {site.title}
---

{|
<header class="hero">
  <h1>{page.title}</h1>
  <p class="tagline">Built with <a href="https://iamroq.dev/">Roq</a></p>
</header>

<main class="content">
  <section class="card">
    <h2>Start here</h2>
    <p>Edit <code>content/index.html</code> to change this page.</p>
    <p>Add pages in <code>content/</code>, posts in <code>content/posts/</code>, and styles in <code>web/app.css</code>.</p>
  </section>

  <div class="grid">
    <section class="card">
      <div class="card-icon">&#9998;</div>
      <h3>Content</h3>
      <p>Markdown, AsciiDoc, or plain HTML with front matter.</p>
    </section>
    <section class="card">
      <div class="card-icon">&#9881;</div>
      <h3>Config</h3>
      <p>Site settings live in <code>config/application.properties</code>.</p>
    </section>
    <section class="card">
      <div class="card-icon">&#9889;</div>
      <h3>Live Reload</h3>
      <p>Save a file and your browser refreshes instantly.</p>
    </section>
  </div>
</main>
|}