The Gravtail Theme is made for Grav CMS.
Please note that the purpose of this theme is to be just a demo of using Tailwindcss for Grav CMS.
If you have feedback or suggestions for improvement, please open an issue first, so we can discuss the change.
This grav theme uses the Tailwindcss framework and is based on the landing page made bij Tailwindtoolbox.com
Pictures of the demo by Undraw, logo icon by freepik from Flaticon
Tailwind files are no longer added in the vendor/tailwindcss directory, but can easily be installed via npm - see paragraph "Extending Tailwindcss" For more information about Tailwindcss please refer to the documentation of Tailwindcss
If you want to extend tailwind css using your own classes, you can do so by adapting the base.css file and/or the tailwind.config.js file.
First you will need to install tailwindcss and dependencies. Navigate with a CLI tool to the gravtail directory and run npm install. You can now adapt the above mentioned files and recreate the gravtail.css file using CLI command npm run build which shortcuts to "npx tailwindcss build css/base.css -o css/custom.css".
Do not forget to empty caches to see the result.
Please refer to the Tailwindcss docs for more information.
Currently not supported as gravtail is not listed yet.
To install this theme, just download the zip version of this repository and unzip it under /your/site/grav/user/themes. Then, rename the folder to gravtail.
You should now have all the theme files under the gravtail directory
If you want to set gravtail theme as the default theme, you can do so by following these steps:
if you have the admin panel installed:
- go to themes and click on the activate button under the theme name
Without the admin panel:
- Navigate to
/your/site/grav/user/config. - Open the system.yaml file.
- Change the
theme:setting totheme: gravtail. - Save your changes.
- Clear the Grav cache. The simplest way to do this is by going to the root Grav directory in Terminal and typing
bin/grav clear-cache.
The theme has several configuration settings for the social links, the terms & condition link, the company address. They can easily be accessed in the admin panel by clicking on the theme picture.
Without the admin panel the parameters have to be filled in manually in the gravtail.yaml file.
The names of the different parameters can be found in the blueprint.yaml file of the theme.
Demo can be found here.