📝 Add documentation to Readme

README.md

@@ -1,9 +1,12 @@
+<p align="center"><a href="https://iooxa.dev"><img src="https://iooxa.dev/images/logo.png" alt="iooxa.dev" width="150"></a></p>
+
 # @iooxa/article
 
 [![iooxa/article on npm](https://img.shields.io/npm/v/@iooxa/article.svg)](https://www.npmjs.com/package/@iooxa/article)
 [![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/iooxa/article/blob/master/LICENSE)
+[![Documentation](https://img.shields.io/badge/iooxa.dev-Docs-green)](https://iooxa.dev)
 
-The goal of `@iooxa/article` is to provide web-components for interactive scientific writing, reactive documents and [explorable explanations](https://explorabl.es). This library provides the layout and scientific specific parts of [iooxa/article](https://iooxa.dev) including ways equations, asides, callouts, outlines, etc.
+The goal of `@iooxa/article` is to provide web-components for interactive scientific writing, reactive documents and [explorable explanations](https://explorabl.es). `@iooxa/article` provides reactive components, equations, and charts as well as layouts for creating interactive scientific articles.
 
 The [iooxa/article](https://iooxa.dev/article) project is heavily inspired by [tangle.js](http://worrydream.com/Tangle/guide.html), re-imagined to use [web-components](https://www.webcomponents.org/)!
 This means you can declaratively write your variables and how to display them in `html` markup.
@@ -28,11 +31,12 @@ To get an idea of what that looks like, let's take the canonical example of *Tan
 
 ## Getting Started
 
-Ink is based on web-components, which creates custom HTML tags so that they can make writing documents easier.
+`@iooxa/article` is based on web-components, which creates custom HTML tags so that they can make writing documents easier.
 To get started, copy the built javascript file to the head of your page:
 
 ```html
-<script src="https://unpkg.com/@iooxa/article"></script>
+<link rel="stylesheet" href="https://unpkg.com/@iooxa/article/dist/iooxa.css">
+<script async src="https://unpkg.com/@iooxa/article"></script>
 ```
 
 You can also download the [latest release](https://github.com/iooxa/article/releases) from GitHub. If you are running this without a web server, ensure the script has `charset="utf-8"` in the script tag. You can also [install from npm](https://www.npmjs.com/package/@iooxa/article):
@@ -48,3 +52,7 @@ import components from '@iooxa/article';
 ```
 
 Note that the npm module does not setup the [@iooxa/runtime](https://github.com/iooxa/runtime) store, nor does it register the components. See the [iooxa.ts](/iooxa.ts) file for what the built package does to `setup` the store and `register` the components.
+
+## Documentation
+
+See https://iooxa.dev for full documentation.