npm package: @pewriebontal/gatsby-theme-novela
Description: ### [Narative](https://www.narative.co) Team is now building **[Fey](https://www.feyapp.com)**, a tool for strategic, focused trading for self-directed investors. check out their project.
Author: hello@bontal.net
Latest version: 0.18.24

# Novela is archived

### [Narative](https://www.narative.co) Team is now building **[Fey](https://www.feyapp.com)**, a tool for strategic, focused trading for self-directed investors. check out their project.

<br />

---

# Novela — A Gatsby theme by Narative

With minimal styling and maximum features — including multiple homepage layouts, built-in social sharing and dark mode — Novela makes it easy to start publishing beautiful articles and stories with Gatsby.

Novela was built by the team at [Narative](https://www.narative.co), and built for everyone that loves the web.

Special thanks to [@narative](https://github.com/narative) for this awesome project and
[@jpvalery](https://github.com/jpvalery) for helping maintain Novela.

<br />

<a href="https://www.narative.co/labs/novela/" target="_blank">
<img src="https://media.discordapp.net/attachments/841725773983252480/939896047273123840/gatsby-theme-novela-hero.png?width=989&height=426" alt="gatsby-novela-theme hero image" />
</a>

<br/>

## Maintenance

We have stopped maintainig this project. There will be occassional PR reviews and merges of significant errors but do not expect any changes or responses to support questions in the future. Thank you to everyone that has contributed and continues to use and learn from Novela.

<br/>

<div>
<a href="https://www.narative.co/labs/novela/" target="_blank">
<img src="https://images-ext-1.discordapp.net/external/sHuekK_hR16QWDkt6HgNSJrGfhwez7zFJyoOP4Xq8nI/https/raw.githubusercontent.com/zahradnik-io/gatsby-theme-novela-example/main/assets/gatsby-theme-novela-cta-demo.jpg" alt="gatsby-novela-theme live demo" width="295px" />
</a>
</div>

<div>
<a href="https://www.narative.co/design/open/novela" target="_blank">
<img src="https://images-ext-1.discordapp.net/external/2WtpCTcCe-N3k0rVYN2lI5S0ciVdovqtT0_zpO71RzQ/https/raw.githubusercontent.com/zahradnik-io/gatsby-theme-novela-example/main/assets/gatsby-theme-novela-cta-figma.jpg" alt="gatsby-novela-theme figma link" width="295px" />
</a>
</div>

<br />

## Why use Novela?

There are many Gatsby themes to choose from. Here’s why we think you won’t regret choosing Novela:

### Multiple Homepage Layouts

Choose between a variable width grid or a simpler list style to display each story.

### Mailchimp integration

Start building an audience and grow your blog subscribers with Mailchimp.

### Toggleable Light and Dark Mode

Out of the box, Novela includes both light and dark designs that can be toggled by the user anywhere across the site.

<img src="https://images-ext-2.discordapp.net/external/eeZdmB7tdRuh5F_kUfCP09fvx3FQ28KahrEk0IPEPpE/https/raw.githubusercontent.com/zahradnik-io/gatsby-theme-novela-example/main/assets/gatsby-theme-novela-light-dark.gif?width=722&height=427" alt="gatsby-novela-theme light dark theme demonstration" />

### Simple Customization with [Theme UI](https://theme-ui.com/)

Consistent, easy-to-read code lets you quickly customize every color and setting.

### Show code effortlessly

High quality embedded codeblocks that make authoring technical blog posts a breeze.

### Highlight-to-Share

Users can select text within an article to copy or share to platforms like Twitter and LinkedIn.

<img src="https://media.discordapp.net/attachments/841725773983252480/939897046683492352/gatsby-theme-novela-share.png?width=989&height=233" alt="gatsby-novela-theme light dark theme demonstration" />

### Read Time and Progress

Read time is automatically generated for each article based on length, with an animated bar tracking the reader’s progress through each piece.

### Accessibility in Mind

Navigable by cursor or keyboard, readable via screens and screen readers, Novela ensures everyone on the web can read what you write.

<img src="https://images-ext-1.discordapp.net/external/SPaildbHaBctYjcsl5mMhuhQwwS5_VgHBhbbs5yMVNU/https/raw.githubusercontent.com/zahradnik-io/gatsby-theme-novela-example/main/assets/gatsby-theme-novela-accessibility.gif?width=722&height=427" alt="gatsby-novela-theme accessibility demonstration" />

<br/>

# The Future

This project is archived and only bug fixes will be made.

<div>
<a href="https://gatsby-theme-novela.netlify.com" target="_blank">
<img src="https://images-ext-1.discordapp.net/external/sHuekK_hR16QWDkt6HgNSJrGfhwez7zFJyoOP4Xq8nI/https/raw.githubusercontent.com/zahradnik-io/gatsby-theme-novela-example/main/assets/gatsby-theme-novela-cta-demo.jpg" alt="gatsby-novela-theme live demo" width="295px" />
</a>
</div>

<div>
<a href="https://www.narative.co/design/open/novela" target="_blank">
<img src="https://images-ext-1.discordapp.net/external/2WtpCTcCe-N3k0rVYN2lI5S0ciVdovqtT0_zpO71RzQ/https/raw.githubusercontent.com/zahradnik-io/gatsby-theme-novela-example/main/assets/gatsby-theme-novela-cta-figma.jpg" alt="gatsby-novela-theme figma link" width="295px" />
</a>
</div>