<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="https://cecilapp.github.io/theme-aube/xsl/atom.xsl" media="all"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
  <id>https://cecilapp.github.io/theme-aube/docs/</id>
  <title>Aube for Cecil - Documentation</title>
  <subtitle><![CDATA[Demo of the Aube theme for the Cecil static site generator.]]></subtitle>
  <link href="https://cecilapp.github.io/theme-aube/docs/atom.xml" rel="self" type="application/atom+xml" />
  <link href="https://cecilapp.github.io/theme-aube/docs/" rel="alternate" type="text/html" />
  <updated>2026-10-21T22:29:51+00:00</updated>
  <author>
    <name>Cecil</name>
    <uri>https://cecil.app</uri>
  </author>
  <entry xml:lang="en">
    <id>https://cecilapp.github.io/theme-aube/docs/getting-started/</id>
    <title>Getting started</title>
    <published>2026-10-21T22:29:44+00:00</published>
    <link href="https://cecilapp.github.io/theme-aube/docs/getting-started/" rel="alternate" type="text/html" />
    <content type="html">
      <![CDATA[<h2 id="requirements">Requirements</h2>
<p>Cecil requires <strong>PHP 8.1+</strong>.</p>
<h2 id="installation">Installation</h2>
<p>Download the Phar and create a new site:</p>
<pre><code class="language-bash hljs bash" translate="no">curl -LO https://cecil.app/cecil.phar
php cecil.phar new:site</code></pre>
<h2 id="enable-the-theme">Enable the theme</h2>
<pre><code class="language-bash hljs bash" translate="no">composer require cecil/theme-aube</code></pre>
<p>Then add <code translate="no">aube</code> to the <code translate="no">theme</code> section of your configuration:</p>
<pre><code class="language-yaml hljs yaml" translate="no"><span class="hljs-attr">theme:</span>
  <span class="hljs-bullet">-</span> <span class="hljs-string">aube</span></code></pre>
<aside class="note note-tip"><p>Run <code translate="no">php cecil.phar serve</code> to preview your site locally.</p></aside>
<h2 id="next-steps">Next steps</h2>
<p>Read the <a href="/theme-aube/docs/configuration/">configuration</a> page to customize colors, logo and footer.</p>]]>
    </content>
  </entry>
  <entry xml:lang="en">
    <id>https://cecilapp.github.io/theme-aube/docs/configuration/</id>
    <title>Configuration</title>
    <published>2026-10-21T22:29:44+00:00</published>
    <link href="https://cecilapp.github.io/theme-aube/docs/configuration/" rel="alternate" type="text/html" />
    <content type="html">
      <![CDATA[<h2 id="colors">Colors</h2>
<pre><code class="language-yaml hljs yaml" translate="no"><span class="hljs-attr">aube:</span>
  <span class="hljs-attr">colors:</span>
    <span class="hljs-attr">primary:</span> <span class="hljs-string">'#d43900'</span></code></pre>
<h2 id="logo-and-font">Logo and font</h2>
<pre><code class="language-yaml hljs yaml" translate="no"><span class="hljs-attr">aube:</span>
  <span class="hljs-attr">logo:</span> <span class="hljs-string">images/logo.svg</span>
  <span class="hljs-attr">font:</span>
    <span class="hljs-attr">family:</span> <span class="hljs-string">Inter</span></code></pre>
<aside class="note note-info"><p>Set <code translate="no">font.family</code> to an empty value to use the system font stack and avoid loading Google Fonts.</p></aside>
<h2 id="color-mode">Color mode</h2>
<pre><code class="language-yaml hljs yaml" translate="no"><span class="hljs-attr">aube:</span>
  <span class="hljs-attr">color_mode:</span>
    <span class="hljs-attr">enabled:</span> <span class="hljs-literal">true</span>
    <span class="hljs-attr">default:</span> <span class="hljs-string">auto</span></code></pre>
<h2 id="footer">Footer</h2>
<pre><code class="language-yaml hljs yaml" translate="no"><span class="hljs-attr">aube:</span>
  <span class="hljs-attr">footer:</span>
    <span class="hljs-attr">text:</span> <span class="hljs-string">'Code released under the MIT license.'</span>
    <span class="hljs-attr">columns:</span>
      <span class="hljs-bullet">-</span> <span class="hljs-attr">title:</span> <span class="hljs-string">Links</span>
        <span class="hljs-attr">links:</span>
          <span class="hljs-bullet">-</span> <span class="hljs-string">{</span> <span class="hljs-attr">name:</span> <span class="hljs-string">Docs,</span> <span class="hljs-attr">url:</span> <span class="hljs-string">docs</span> <span class="hljs-string">}</span></code></pre>
<aside class="note note-warning"><p>Theme options are only defaults: your site configuration always wins.</p></aside>]]>
    </content>
  </entry>
  <entry xml:lang="en">
    <id>https://cecilapp.github.io/theme-aube/docs/authoring-content/</id>
    <title>Authoring Content</title>
    <published>2026-10-21T22:29:44+00:00</published>
    <link href="https://cecilapp.github.io/theme-aube/docs/authoring-content/" rel="alternate" type="text/html" />
    <content type="html">
      <![CDATA[<p>Cecil supports <a href="https://cecil.app/documentation/content/#markdown" rel="noopener noreferrer">Markdown</a> syntax in <code translate="no">.md</code> files as well as <a href="https://cecil.app/documentation/content/#front-matter" rel="noopener noreferrer">front matter</a> to define variables.</p>
<p><strong>Table of content:</strong></p>
<div id="toc"><ul>
<li class="toc-level-2"><a href="#inline-style">Inline style</a></li>
<li class="toc-level-2"><a href="#how-to-structure-page">How to structure page</a></li>
<li class="toc-level-2"><a href="#image">Image</a></li>
<li class="toc-level-2"><a href="#list">List</a></li>
<li class="toc-level-2"><a href="#blockquote">Blockquote</a></li>
<li class="toc-level-2"><a href="#code-block">Code block</a></li>
<li class="toc-level-2"><a href="#there-is-a-horizontal-rule-below-this">There is a horizontal rule below this</a></li>
<li class="toc-level-2"><a href="#definition-list">Definition list</a></li>
<li class="toc-level-2"><a href="#table">Table</a></li>
<li class="toc-level-2"><a href="#notes">Notes</a></li>
</ul>
</div>
<pre><code class="language-markdown hljs markdown" translate="no">[toc]</code></pre>
<h2 id="inline-style">Inline style</h2>
<p>Text can be <strong>bold</strong>, <em>italic</em>, or <del>strikethrough</del>.</p>
<pre><code class="language-markdown hljs markdown" translate="no">Text can be <span class="hljs-strong">**bold**</span>, <span class="hljs-emphasis">_italic_</span>, or ~~strikethrough~~.</code></pre>
<p>You can <a href="/theme-aube/about/">link to a page</a> or <a href="/theme-aube/">to another page</a>.</p>
<pre><code class="language-markdown hljs markdown" translate="no">You can [<span class="hljs-string">link to a page</span>](<span class="hljs-link">/about.md</span>) or [<span class="hljs-string">to another page</span>](<span class="hljs-link">page:index</span>).</code></pre>
<p>You can highlight <code translate="no">inline code</code> with backticks.</p>
<pre><code class="language-markdown hljs markdown" translate="no">You can highlight <span class="hljs-code">`inline code`</span> with backticks.</code></pre>
<h2 id="how-to-structure-page">How to structure page</h2>
<p>Cecil automatically use the page file name as title, but you can also define title and other variables in the <a href="https://cecil.app/documentation/content/#front-matter" rel="noopener noreferrer">front matter</a>.</p>
<p>You can structure content using a heading. Headings in Markdown are indicated by a number of <code translate="no">#</code> at the start of the line.</p>
<pre><code class="language-markdown hljs markdown" translate="no">---
title: Page title
<span class="hljs-section">description: Page short description.
---</span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<span class="hljs-section">## Heading</span>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</code></pre>
<h2 id="image">Image</h2>
<p>Images use Cecil’s built-in optimized asset support.</p>
<img src="/theme-aube/favicon.7ff4b89eec6dad139a7d2d6561543285.png" alt="Cecil favicon" title="Cecil favicon" loading="lazy" decoding="async" class="img-fluid rounded" width="250" height="250">
<pre><code class="language-markdown hljs markdown" translate="no">![<span class="hljs-string">Cecil favicon</span>](<span class="hljs-link">/favicon.png "Cecil favicon"</span>)</code></pre>
<p>Cecil search images in <code translate="no">assets/</code> and <code translate="no">static/</code> folders, but relative path is also supported:</p>
<pre><code class="language-markdown hljs markdown" translate="no">![<span class="hljs-string">Cecil favicon</span>](<span class="hljs-link">../assets/favicon.png "Cecil favicon"</span>)</code></pre>
<h2 id="list">List</h2>
<ul>
<li>Unordered list</li>
<li>Unordered list</li>
<li>Unordered list</li>
</ul>
<ol>
<li>Ordered list</li>
<li>Ordered list</li>
<li>Ordered list</li>
</ol>
<ul>
<li>Level 1<ul>
<li>Level 2</li>
<li>Level 2<ul>
<li>Level 3</li>
<li>Level 3</li>
</ul>
</li>
</ul>
</li>
</ul>
<h2 id="blockquote">Blockquote</h2>
<blockquote>
<p>This is a blockquote, which is commonly used when quoting another person or document.</p>
<p>Blockquotes are indicated by a <code translate="no">&gt;</code> at the start of each line.</p>
</blockquote>
<pre><code class="language-markdown hljs markdown" translate="no"><span class="hljs-quote">&gt; This is a blockquote, which is commonly used when quoting another person or document.</span>
<span class="hljs-quote">&gt;
&gt; Blockquotes are indicated by a `&gt;` at the start of each line.</span></code></pre>
<h2 id="code-block">Code block</h2>
<p>A code block is indicated by a block with three backticks <code translate="no">```</code> at the start and end. You can indicate the programming language being used after the opening backticks.</p>
<pre><code class="language-php hljs php" translate="no"><span class="hljs-comment">// PHP code</span>
$config = [
    <span class="hljs-string">'title'</span>   =&gt; <span class="hljs-string">"My website"</span>,
    <span class="hljs-string">'baseurl'</span> =&gt; <span class="hljs-string">'http://localhost:8000/'</span>,
];

Builder::create($config)-&gt;build();</code></pre>
<pre>
```php
// PHP code
$config = [
    'title'   =&gt; "My website",
    'baseurl' =&gt; 'http://localhost:8000/',
];

Builder::create($config)-&gt;build();
```
</pre>
<h2 id="there-is-a-horizontal-rule-below-this">There is a horizontal rule below this</h2>
<hr>
<h2 id="definition-list">Definition list</h2>
<dl>
<dt>First Term</dt>
<dd>This is the definition of the first term.</dd>
<dt>Second Term</dt>
<dd>This is one definition of the second term.</dd>
<dd>This is another definition of the second term.</dd>
</dl>
<h2 id="table">Table</h2>
<table>
<thead>
<tr>
<th style="text-align: left;">Head 1</th>
<th style="text-align: left;">Head 2</th>
<th style="text-align: left;">Head 3</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">ok</td>
<td style="text-align: left;">good swedish fish</td>
<td style="text-align: left;">nice</td>
</tr>
<tr>
<td style="text-align: left;">out of stock</td>
<td style="text-align: left;">good and plenty</td>
<td style="text-align: left;">nice</td>
</tr>
<tr>
<td style="text-align: left;">ok</td>
<td style="text-align: left;">good <code translate="no">oreos</code></td>
<td style="text-align: left;">hmm</td>
</tr>
<tr>
<td style="text-align: left;">ok</td>
<td style="text-align: left;">good <code translate="no">zoute</code> drop</td>
<td style="text-align: left;">yumm</td>
</tr>
</tbody>
</table>
<h2 id="notes">Notes</h2>
<aside class="note"><p>empty</p></aside>
<aside class="note note-info"><p>info</p></aside>
<aside class="note note-tip"><p>tip</p></aside>
<aside class="note note-important"><p>important</p></aside>
<aside class="note note-warning"><p>warning</p></aside>
<aside class="note note-caution"><p>caution</p></aside>
<pre><code class="language-markdown hljs markdown" translate="no">:::info|tip|important|warning|caution
Note here.
:::</code></pre>]]>
    </content>
  </entry>
</feed>
