App Landing theme

App Landing is designed to help you quickly create a landing page for your application, powered by Tailwind CSS.

Installation

composer require cecil/theme-applanding

Or download the latest archive and uncompress its content in themes/applanding.

Usage

Configure Cecil

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

theme:
  - applanding

Example:

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

Screenshot

To display a distinct image on mobile, add an image suffixed with .mobile alongside the original one (e.g.: preview.mobile.png). The suffix and the media query can be changed with the layouts.images.mobile_suffix and layouts.images.mobile_media_query options.

To display a dark mode variant, add an image suffixed with .dark alongside the original one (e.g.: preview.dark.png). The suffix can be changed with the layouts.images.dark_suffix option.

Build the CSS

Run the following command to build the CSS file:

composer install
composer css:build

License

App Landing is a free software distributed under the terms of the MIT license.

© Arnaud Ligny