Aureum


This is what an example site using Aureum would look like.

Everything scales, automatically, for perfect readability and comfortable design.

Make your browser window smaller or larger, or zoom in / out to see the responsive scaling, then view the source to see that there aren't any CSS classes used to style this page - just plain and simple HTML tags, aureum.css, and three tiny template files.


Pellentesque sapien tellus, a porta ante vulputate ut.

Proin at libero vel nisl vestibulum tincidunt nec eu ex. Aenean rutrum semper orci, non tincidunt purus convallis non. Vivamus sodales ex a pellentesque condimentum. Fusce augue est, ullamcorper et neque id, elementum gravida nunc. Integer tincidunt vulputate tincidunt. Sed ullamcorper consequat felis tempor pulvinar.

Nullam ante dolor, convallis at iaculis id, sagittis ut lectus.

Maecenas a ultrices lorem. Maecenas interdum, dui et facilisis tincidunt, augue nulla sodales enim, sed viverra nibh lectus sed mauris.

Nullam non luctus dui.

Aenean fermentum elit nec auctor suscipit. Ut eget dui risus. Etiam facilisis, libero eu euismod sollicitudin, metus erat congue quam, at feugiat risus nulla eu augue.


Nulla facilisi.

Maecenas et eros interdum, fermentum ante id, imperdiet felis. Aenean at hendrerit sapien, vitae imperdiet quam.

Praesent egestas ante eget elit malesuada, a venenatis nulla tincidunt.

Nulla sem justo, lacinia nec nunc id, feugiat volutpat arcu.

Proin at libero vel nisl vestibulum tincidunt nec eu ex.

Sed nec pretium ex, non mattis leo.

Suspendisse mi justo, tempor et metus ut, viverra accumsan massa.

Cras eu sollicitudin erat, non egestas elit.

Donec a quam consectetur, commodo arcu iaculis, vulputate dolor:

Pellentesque non mollis risus, quis lobortis sem.


Aliquam sed mollis odio.

Nunc bibendum felis eros, ut eleifend leo volutpat a. Praesent egestas ante eget elit malesuada, a venenatis nulla tincidunt.

<body>
  <h1><a href="//aureum.io">Aureum</a></h1>
  <h2>Perfect formatting and readable text, at every screen size. Automatically.</h2>
  <p><strong>With only one 3kb CSS file, and absolutely zero CSS classes.</strong></p>
  <p>Because <a href="https://github.com/matisseverduyn/aureum"><u>Aureum</u></a> algorithmically formats your HTML, you don't have to learn any new CSS classes, or clutter your HTML templates with <em><code>class="screen-small-12 screen-medium-6"</code></em> to try to make the styling look decent on mobile, tablet, and web devices. <strong>It just scales.</strong></p>
  <p><strong><a href="./example.html"><u>See an example page designed with a custom Aureum theme</u></a></strong></p>
  <hr />
  <nav>
    <p><a href="https://github.com/matisseverduyn/aureum" target="_blank" rel="noopener noreferrer"><u>Github repo</u></a></p>
    <p><a href="https://github.com/matisseverduyn/aureum/blob/master/README.md" target="_blank" rel="noopener noreferrer"><u>How do I use Aureum?</u></a></p>
    <p><a href="./why.html"><u>Why use / why did I build Aureum?</u></a></p>
  </nav>
</body>

Proin rhoncus, leo sit amet scelerisque vestibulum, ligula turpis porttitor risus, sed bibendum enim erat sed tellus. Nulla sem justo, lacinia nec nunc id, feugiat volutpat arcu. Sed nec pretium ex, non mattis leo. Suspendisse mi justo, tempor et metus ut, viverra accumsan massa.


Pellentesque ac tellus vel lacus ultricies tempus.

Donec imperdiet lobortis sapien at convallis. Vivamus consectetur risus eget fringilla ornare. Donec hendrerit blandit risus, congue iaculis magna condimentum a. Cras eu sollicitudin erat, non egestas elit. Morbi bibendum venenatis congue. Nunc a efficitur diam. Praesent sodales odio lectus, vitae feugiat eros feugiat vitae.