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

https://github.com/cecilapp/theme-applanding

App Landing is a theme for Cecil, powered by Tailwind CSS.
https://github.com/cecilapp/theme-applanding

cecil cecil-theme tailwindcss theme

Last synced: 12 months ago
JSON representation

App Landing is a theme for Cecil, powered by Tailwind CSS.

Awesome Lists containing this project

README

          

# App Landing theme

_App Landing_ is a theme for [Cecil](https://cecil.app), powered by [Tailwind CSS](https://tailwindcss.com).

![Demo screenshot](docs/screenshot.png)

## Installation

```bash
composer require cecil/theme-applanding
```

> Or [download the latest archive](https://github.com/Cecilapp/theme-applanding/releases/latest/) and uncompress its content in `themes/applanding`.

## Usage

### Configure Cecil

Add `applanding` in the `theme` section of your `config.yml`:

```yaml
theme:
- applanding
```

**Example:**

```yaml
theme:
- applanding
applanding:
buttons:
- name: Netlify
url: https://cecil.app/hosting/netlify/deploy
image: https://www.netlify.com/img/deploy/button.svg
source: https://github.com/Cecilapp/the-butler
documentation: https://github.com/Cecilapp/the-butler#readme
demo: https://the-butler-demo.cecil.app
screenshot: cecil-preview.png
```

### Build the CSS

Create the Tailwind configuration file `tailwind.config.js`:

```javascript
module.exports = {
presets: [
require('./themes/applanding/tailwind.preset.js')
],
content: [
'./layouts/**/*.html.twig',
'./themes/**/layouts/**/*.html.twig',
]
}
```

Run the following command:

```bash
npm install -D tailwindcss
npx tailwindcss -i ./themes/applanding/tailwind.css -o ./assets/styles.css
```

## License

_App Landing_ is a free software distributed under the terms of the MIT license.

© [Arnaud Ligny](https://arnaudligny.fr)