love/source/atom/SITE README.md

<section>
<header class="is-light padded">

## Preview
</header>
</section>

<section class="images-section">
<div class="is-dark">

![Love Dark Preview 1](/images/atom/love-dark-01.png)
</div>

<div class="is-light">

![Love Light Preview 1](/images/atom/love-light-01.png)
</div>

<div class="is-dark">

![Love Dark Preview 2](/images/atom/love-dark-02.png)
</div>

<div class="is-light">

![Love Light Preview 2](/images/atom/love-light-02.png)
</div>
</section>

<div class="spacer"></div>

<section>
<header class="is-light padded">

## Installation
</header>

<div class="is-dark padded">

### Via Atom

1. Head to your Settings by clicking on `Edit -> Preferences`.
1. Head on the Install section.
1. Switch the search to look for Themes.
1. Search for `love-dark` or `love-light` and install the syntax and UI themes.
1. Done! ♥
</div>

<div class="is-light padded">

### Via the Command Line

1. Install the wanted themes with `apm install`:
  * `apm install love-dark-syntax`
  * `apm install love-dark-ui`
  * `apm install love-light-syntax`
  * `apm install love-light-ui`
1. Done! ♥
</div>

<div class="is-dark padded">

### From Source

Requires [NodeJS](https://nodejs.org) and [Yarn](https://yarnpkg.com) to be installed.

With a cloned repository and your current working directory at the root of it:

1. Install the dependencies with `yarn`.
1. Build the theme with `yarn build:atom`.
1. Link the wanted themes with `apm link`:
  * `apm link source/atom/love-dark-syntax`
  * `apm link source/atom/love-dark-ui`
  * `apm link source/atom/love-light-syntax`
  * `apm link source/atom/love-light-ui`
1. Done! ♥
</div>
</section>