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

**URL:** <https://forum.ghost.org/t/my-first-theme-sredevops-org-based-on-tailwind-v3-wip/51959>\
**Category:** Share & showcase\
**Created:** [October 25, 2024, 10:23pm UTC](https://forum.ghost.org/t/my-first-theme-sredevops-org-based-on-tailwind-v3-wip/51959 "2024-10-25T22:23:23Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ngeorger](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/ngeorger/32/24496_2.png) [@ngeorger](https://forum.ghost.org/u/ngeorger)\
**Post date:** [October 25, 2024, 10:23pm UTC](https://forum.ghost.org/t/my-first-theme-sredevops-org-based-on-tailwind-v3-wip/51959/1 "2024-10-25T22:23:23Z")

</div>

> **[GitHub - sredevopsorg/sredevopsorg-ghost-theme: A Ghost v5 Theme made for SREDevOps.org based on...](https://github.com/sredevopsorg/sredevopsorg-ghost-theme)**
>
> A Ghost v5 Theme made for SREDevOps.org based on Tailwind CSS with sidebar navigation and dark theme by default.

# [SREDevOps.org](http://SREDevOps.org) Ghost Theme

Our Ghost v5 Theme made for [SREDevOps.org](https://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](https://www.priority.vision/themes/aspect/) and took many functionalities from [@TryGhost “Source” default theme](https://github.com/TryGhost/Source).

## Table of Contents

- [To Do / Roadmap](#to-do--roadmap)
- [Repo](#repo)
- [Demo](#demo)
- [Installation](#installation)
- [Features](#features)
- [Contributing](#contributing)
- [License](#license)
- [Credits](#credits)

## 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](https://github.com/sredevopsorg/sredevopsorg-ghost-theme).

## Demo

Check out the live demo at [SREDevOps.org](https://sredevops.org).

## Installation

### Prerequisites

- Ensure you have Ghost installed locally. Check [how to run Ghost Locally and set up a local environment](https://ghost.org/docs/install/local/).

### Steps

1. Clone the repository:

2. Navigate to the theme directory:

3. Install dependencies:

4. Run in development mode:

5. Activate the theme in your Ghost admin panel or use the [Deploy Ghost Theme Action](https://github.com/sredevopsorg/sredevopsorg-ghost-theme/blob/main/.github/workflows/deploy-theme.yaml).

## 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

- Author: Nicolás Georger [@ngeorger] - [info@sredevops.org](mailto:info@sredevops.org)
- Highly inspired by [Priority Vision’s “Aspect” Theme](https://www.priority.vision/themes/aspect/)
- Took many functionalities from [@TryGhost “Source” default theme](https://github.com/TryGhost/Source)