iooxa.dev - logo

NPM Version MIT License GitHub Stars Twitter Follow

@iooxa/article

Introduction

The @iooxa/article is bundled with web-components and a CSS framework that helps you write interactive scientific articles. This documentation makes use of these components and styles. All components and layouts can be used by having the following structure to your HTML:

<!doctype html> <html itemscope itemtype="http://schema.org/Article"> <head> <link rel="stylesheet" href="https://unpkg.com/@iooxa/article/dist/iooxa.css"> <script async src="https://unpkg.com/@iooxa/article"></script> </head> <body> <article> <h1>Hello Iooxa</h1> </article> </body>

The javascript will load up the components, which allow you to add reactivity to your document. The CSS framework assumes there is an <article> on the page. To center the article, which will collapse the sidenotes (aside), you can add the "centered" class to the article.

<article class="centered"></article>

Layout

Article Components


Made with love by iooxa
Last updated May 21st, 2020