Quickly search documentation, product details and articles.
AOS Atom Animation on Scroll (AOS) is a small JS library that allows you to animate elements on your page as you scroll. To initialize the library, go to your Base Outline > Page Settings and drag the Animate on Scroll atom into the dock. You can then save the Page Settings. By clicking on the atom, you will find the Global settings to be used for your AOS elements: Option Description Duration Values from 0 to 3000, with step 50ms...
Grav Documentation /docs/grav/themes/clarity/atom_aos.mdIntroduction The Fixed Header atom gives you the ability to fix your header to the top of your page so it follows your visitors as they scroll. The fixed header conveniently disappears as the user scrolls down and slides down with the slightest upward scroll. This allows users to see the full scope of the page while maintaining access navigation and search without having to scroll back to the top...
Grav Documentation /docs/grav/themes/clarity/atom_fixedheader.mdSingle Page Nav Atom Single Page Nav is a JS library that scrolls to a section on your one page website when you click on a menu item. For a demonstration, please visit our GetGrav.org website. To initialize the library, go to your Base Outline > Page Settings and drag the Single Page Nav atom into the dock...
Grav Documentation /docs/grav/themes/clarity/atom_singlepagenav.mdIntroduction The Block Content particle is a great way to create a clean and simple content block with images and text. Here are the topics covered in this guide: Configuration Main Options Item Options Pages Display Configuration Settings These options affect the main area of the particle, and not the individual items within...
Grav Documentation /docs/grav/themes/clarity/particle_block.mdIntroduction The Grav Content particle (Also known as contentarray) gives you the ability to directly list and pull in Grav posts directly from the CMS and present them in a clean, organized way. It's important to note this does not take the place of the Page Content particle which essentially displays any article content assigned to the page...
Grav Documentation /docs/grav/themes/clarity/particle_grav.mdIntroduction The Grid Statistic particle enables you to display animated, well-organized numbers and statistics on your site. Here are the topics covered in this guide: Configuration Main Options Item Options Configuration Main Options These options affect the main area of the particle, and not the individual items within...
Grav Documentation /docs/grav/themes/clarity/particle_grid.mdIntroduction The Image Grid particle gives you the ability to quickly set up a clean, organized grid of images. This particle is perfect for image portfolios and galleries. Here are the topics covered in this guide: Configuration Main Options Item Options Configuration Main Options These options affect the main area of the particle, and not the individual items within...
Grav Documentation /docs/grav/themes/clarity/particle_image.mdIntroduction The Info List particle is an excellent choice for any situation where you want to create a content block that lists features and other tidbits of information. Here are the topics covered in this guide: Configuration Main Options Item Options Configuration Main Options These options affect the main area of the particle, and not the individual items within...
Grav Documentation /docs/grav/themes/clarity/particle_info.mdIntroduction The Latest News particle displays your featured content, along with images and text. You can vary the way these items appear, making them more appealing to the eye and magazine-like. Here are the topics covered in this guide: Configuration Main Options Item Options Configuration Settings These options affect the main area of the particle, and not the individual items within...
Grav Documentation /docs/grav/themes/clarity/particle_latestnews.mdIntroduction The Pricing Table particle is a simple particle that enables you to create clean, organized comparison tables. This is a perfect addition to any website featuring tiered products and/or services. Here are the topics covered in this guide: Configuration Main Options Item Options Sub Item Options Configuration Main Options These options affect the main area of the particle, and not the individual items within...
Grav Documentation /docs/grav/themes/clarity/particle_pricing.md