My first Theme: SREDevOps.org - Based on Tailwind v3 (WiP)

Share & showcase
1

SREDevOps.org Ghost Theme

Our Ghost v5 Theme made for SREDevOps.org based on Tailwind CSS v3, responsive, dark color schema, SVG icons, sidebar + footer navigation, customized tags, and recommendations pages. Highly inspired by Priority Vision’s “Aspect” Theme and took many functionalities from @TryGhost “Source” default theme.

Table of Contents

To Do / Roadmap

  • Missing SVG Icons
  • Granular internationalization using custom post templates
  • Ghost Cards assets CSS Cleanup
  • Migrate Tailwind classes from inline styles into stylesheets files
  • Improve Algolia Search
  • Implement custom options

Repo

Find the source code on GitHub Repo.

Demo

Check out the live demo at SREDevOps.org.

Installation

Prerequisites

Steps

  1. Clone the repository:

    git clone https://github.com/sredevopsorg/redevopsorg-ghost-theme.git

  2. Navigate to the theme directory:

    cd sredevopsorg-ghost-theme

  3. Install dependencies:

    yarn install

  4. Run in development mode:

    yarn dev

  5. Activate the theme in your Ghost admin panel or use the Deploy Ghost Theme Action.

Features

  • Tailwind CSS based design
  • Sidebar main navigation
  • Dark schema
  • Responsive design
  • Customizable image sizes

Contributing

Contributions are welcome! Please open an issue or submit a pull request.

License

All original code of this theme is licensed under the MIT License.

Credits

6 Likes