GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → zerostaticthemes → jekyll-atlantic-theme

zerostaticthemes / jekyll-atlantic-theme

Licence: MIT license
Jekyll Atlantic is a beautiful Tailwind CSS theme. It shows best practices for using Tailwind with Jekyll.

Programming Languages

HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language
ruby
36898 projects - #4 most used programming language

Labels

jekyllthemejekyll-themetailwindtailwindcsszerostatic

Projects that are alternatives of or similar to jekyll-atlantic-theme

stencil-tailwind-plugin
Plugin for using tailwindcss with StencilJS
Stars: ✭ 17 (-57.5%)
Mutual labels:  tailwind, tailwindcss
tailwind-color-alpha
Automatic alpha variants for your Tailwind CSS colors based on your opacity config
Stars: ✭ 21 (-47.5%)
Mutual labels:  tailwind, tailwindcss
shopify-foundation-theme
Modern Shopify theme using Shopify Theme Lab, Liquid, Vue and Tailwind CSS 🎨
Stars: ✭ 195 (+387.5%)
Mutual labels:  tailwind, tailwindcss
Limg
An image hosting service powered by Laravel
Stars: ✭ 41 (+2.5%)
Mutual labels:  tailwind, tailwindcss
vscode-xwind
vscode extension for xwind
Stars: ✭ 16 (-60%)
Mutual labels:  tailwind, tailwindcss
taro-plugin-tailwind
Taro 接入 windicss / tailwindcss 插件
Stars: ✭ 78 (+95%)
Mutual labels:  tailwind, tailwindcss
vuejs-tailwindcss-portfolio
A simple multipage and responsive Vue.js & Tailwind CSS portfolio theme with dark mode.
Stars: ✭ 100 (+150%)
Mutual labels:  tailwind, tailwindcss
Jekyll Serif Theme
Serif is a beautiful business theme for Jekyll.
Stars: ✭ 235 (+487.5%)
Mutual labels:  jekyll, jekyll-theme
material-tailwind
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
Stars: ✭ 861 (+2052.5%)
Mutual labels:  tailwind, tailwindcss
tailwind-twitter-clone
Twitter UI Clone built during a live stream.
Stars: ✭ 19 (-52.5%)
Mutual labels:  tailwind, tailwindcss
tailwindcss-fluid-type
A plugin that makes the use of Fluid Type a breeze.
Stars: ✭ 91 (+127.5%)
Mutual labels:  tailwind, tailwindcss
eslint-plugin-tailwind
ESLint rules for Tailwind CSS
Stars: ✭ 97 (+142.5%)
Mutual labels:  tailwind, tailwindcss
Just The Docs
A modern, high customizable, responsive Jekyll theme for documention with built-in search.
Stars: ✭ 3,747 (+9267.5%)
Mutual labels:  jekyll, jekyll-theme
kickstart
Ruby on Rails application templates
Stars: ✭ 61 (+52.5%)
Mutual labels:  tailwind, tailwindcss
Poole
The Jekyll Butler. A no frills responsive Jekyll blog theme.
Stars: ✭ 2,666 (+6565%)
Mutual labels:  jekyll, jekyll-theme
svelte-tailwind-snowpack
TailwindCSS with Svelte and Snowpack v3
Stars: ✭ 100 (+150%)
Mutual labels:  tailwind, tailwindcss
Hcz Jekyll Blog
A simple material theme for blogger
Stars: ✭ 220 (+450%)
Mutual labels:  jekyll, jekyll-theme
Millennial
A minimalist Jekyll theme for running an online publication
Stars: ✭ 223 (+457.5%)
Mutual labels:  jekyll, jekyll-theme
create-next-pwa
⚡️ Set up Next.js Progressive Web App with `npx create-next-pwa`
Stars: ✭ 59 (+47.5%)
Mutual labels:  tailwind, tailwindcss
next-tailwind-motion
A simple Next.js starter kit with TailwindCSS (JIT) and Framer Motion preconfigured. Optional feature branches for Locomotive Scroll, Sanity and Dato configuration coming soon...
Stars: ✭ 40 (+0%)
Mutual labels:  tailwind, tailwindcss
View All Similar Projects ➔

Jekyll Atlantic - A Jekyll Tailwind Theme

Atlantic is a Jekyll Tailwind CSS theme. It shows best practices for using Tailwind with Jekyll.

Live Demo | Zerostatic Themes

Buy Me A Coffee

Jekyll Atlantic Theme screenshot

Theme features

Jekyll 4.1+ Tailwind CSS v2.2+ PostCSS 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 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

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

Other Jekyll Themes by Zerostatic

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].