Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/apreshill/jekyll-atlantic-theme


https://github.com/apreshill/jekyll-atlantic-theme

Last synced: 26 days ago
JSON representation

Awesome Lists containing this project

README

        

# Jekyll Atlantic - Jekyll + Tailwind Starter Theme

Atlantic is a beutiful minimal blog theme for Jekyll. It is an excellent Jekyll + Tailwind boilerplate to start from.

[Live Demo](https://jekyll-atlantic.netlify.app/) | [Zerostatic Themes](https://www.zerostatic.io/theme/jekyll-atlantic/)

![Jekyll Atlantic Theme screenshot](https://www.zerostatic.io/theme/jekyll-atlantic/jekyll-atlantic-screenshot.png)

## Theme features

[Jekyll](https://jekyllrb.com/) 4.1+
[Tailwind CSS](https://tailwindcss.com/docs) v2.2+
[PostCSS](https://postcss.org/) 8.3+

- Uses PostCSS with autoprefixer, nested css, cssnano (minify css)
- Works with native Jekyll commands `jekyll serve` and `jekyll build`
- Correctly uses Tailwind to purge CSS in production
- Full blog functionality
- Beautfifuly designed responsive blog and post layouts
- Blog categories
- Blog authors (multiple)
- Blog pagination
- Ready to deploy to Netlify
- Responsive design
- Responsive menu
- 100/100 Google Lighthouse speed score ⚡
- 100/100 Google Lighthouse seo score 🏆
- 94/100 Google Lighthouse accessibility score (but this is just because of the green text color contrast)
- Page size is 10KB without images, can you believe it?? 🔥
- Robust example content included
- Royalty free illustrations included
- Netlify & Github Pages ready

## Installation

### Installing Ruby & Jekyll

If this is your first time using Jekyll, please follow the [Jekyll docs](https://jekyllrb.com/docs/installation/) and make sure your local environment (including Ruby) is setup correctly.

### Installing Theme

Download or clone the theme.

To run the theme locally, navigate to the theme directory and run:

To use Tailwind and PostCSS:

```
npm install
```

```
bundle install
```

To start the Jekyll local development server.

```
bundle exec jekyll serve
```

To build the theme.

```
bundle exec jekyll build
```

## Deployment

### Netlify

Use Netlify to deploy this theme. This theme contains a valid and tested `netlify.toml`

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/zerostaticthemes/jekyll-atlantic-theme)

### Github Pages
This theme has been tested to work with Github Pages (and Github Project Pages). When using Github Pages you will need to update the `baseurl` in the `_config.yml` otherwise all the css, images and paths will be broken.

For example the site https://zerostaticthemes.github.io/jekyll-atlantic-theme would have `baseurl: "/jekyll-atlantic-theme/"`

## Extras

### License

- Don't create ports or new versions of this theme without asking me
- You can't re-distribute or re-sell this theme as your own template

### Credits

- Beautiful royalty free Illustrations by Icons8 - https://icons8.com/illustrations/style--pixeltrue
- Stock images by Unsplash - https://unsplash.com/
- Feature icons by Noun Project - https://thenounproject.com/

### Other Jekyll Themes by Zerostatic

- [Jekyll Serif](https://github.com/zerostaticthemes/jekyll-serif-theme) - Open Source
- [Jekyll Advance](https://www.zerostatic.io/theme/jekyll-advance/) - Premium
- [Jekyll Curate](https://github.com/zerostaticthemes/jekyll-curate) - Premium
- [Jekyll Origin](https://www.zerostatic.io/theme/jekyll-origin/) - Premium

🇦🇺 **Made in Australia** by Robert Austin - Support our work - **Star this repo** ⭐

Buy Me A Coffee