Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/TryGhost/Pico

A paid members publishing theme for Ghost
https://github.com/TryGhost/Pico

ghost ghost-members ghost-theme journalism paid-memberships paid-subscriptions publishing

Last synced: 3 months ago
JSON representation

A paid members publishing theme for Ghost

Host: GitHub
URL: https://github.com/TryGhost/Pico
Owner: TryGhost
License: mit
Created: 2019-11-26T00:05:49.000Z (almost 5 years ago)
Default Branch: main
Last Pushed: 2023-07-06T15:20:45.000Z (over 1 year ago)
Last Synced: 2024-04-14T05:11:21.754Z (7 months ago)
Topics: ghost, ghost-members, ghost-theme, journalism, paid-memberships, paid-subscriptions, publishing
Language: CSS
Homepage: https://pico.ghost.io
Size: 645 KB
Stars: 69
Watchers: 12
Forks: 25
Open Issues: 7
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-starred - TryGhost/Pico - A paid members publishing theme for Ghost (publishing)

README

# Pico

A minimal, functional theme for running a paid-membership publication on [Ghost](https://ghost.org) - originally created by [@pjrvs](https://github.com/pjrvs) and [@jackellis](https://github.com/jackellis), acquired and stewarded by [@tryghost](https://github.com/tryghost) in 2020. Now available for free, for everyone!

![pico](https://user-images.githubusercontent.com/120485/70646878-67b93400-1c7a-11ea-9722-64bb7ecf2d22.png)

# Instructions

1. [Download this theme](https://github.com/TryGhost/Pico/archive/main.zip)
2. Log into Ghost, and go to the `Design` settings area to upload the zip file
3. Unzip the theme archive on your computer and locate the file called `routes.yaml`
4. Inside Ghost admin, go to the `Labs` settings area and scroll down until you see the `Custom Routes` section
5. Upload the `routes.yaml` from this theme

That's it! You now have a Ghost publication which supports free and paid memberships. If you need help, check out the Ghost members documentation or chat with other Ghost users on Ghost forum.

# Development

Styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need [Node](https://nodejs.org/), [Yarn](https://yarnpkg.com/) and [Gulp](https://gulpjs.com) installed globally. After that, from the theme's root directory:

```bash
# Install
yarn

# Run build & watch for changes
$ yarn dev
```

Now you can edit `/assets/css/` files, which will be compiled to `/assets/built/` automatically.

The `zip` Gulp task packages the theme files into `dist/.zip`, which you can then upload to your site.

```bash
yarn zip
```

# PostCSS Features Used

- Autoprefixer - Don't worry about writing browser prefixes of any kind, it's all done automatically with support for the latest 2 major versions of every browser.
- Variables - Simple pure CSS variables
- [Color Function](https://github.com/postcss/postcss-color-function)