Giter Site home page Giter Site logo

grav-theme-bolt's Introduction

Bolt (Grav theme)

A simple theme for GRAV that utilizes css grids and variables.

Warning: This theme requires a very specific setup and it might not be suited for your needs. I wrote this theme for my own website.
Check my demo repo for a possible setup.

Features

  • Pure HTML and CSS
  • Different templates:
    • Default
    • Blog
    • Post
    • Columns
    • Gallery
    • Chapter
    • Docs
  • Dropdown menus
  • A configurable sidebar (can be customized in the page layout settings from the admin panel).
  • A breakpoint at 800px that enables the mobile layout.

Demo: test.re-volt.io

screenshot

Documentation

Page Templates

All page templates contain a sidebar. Its position can be set in the Layout Settings (see further below).

Default

The default layout displays page contents normally.

Blog

This template displays its children via the Pagination plugin.

Post

This template is for blog posts. It displays the page title and the date.

Columns

Divides the page content at horizontal lines --- and displays it in columns. Their width can be set in the Layout Settings.

Gallery

Similarly to the Columns template, it divides the page content at horizontal lines and displays the segments as gallery entries.

Chapter

Insipred by the Learn2 Chapter layout. It displays a large heading and a table of child pages.

Docs

Also inspired by Learn2. Displays the site title as a large heading with a horizontal line. Otherwise similar to Default.

Layout Settings

The layout settings can be set per-page in the Grav admin panel. Look out for the new Layout Settings tab in the page editor.
Nearly all settings have a global option that can be set in the theme settings, per-template.

Sidebar Layout

Select the sidebar location. The options including the showcase will enable a box with a ranom picture from the page folder.

Sidebar Content

In addition to the child pages of the current site, you can also display another page's contents in the sidebar. Provide the path to the page, e.g. /downloads/more/.

Showcase

Enable or disable the showcase.

Table of Contents

Show or hide the table of child pages in the sidebar.

Horizontal Table of Contents

Display the table horizontally rather than as a list. This is useful for the horizontal sidebar layouts.

Customization

The custom.css file in user/themes/bolt/css/ can be enabled in the theme settings and can be used to alter the style of the theme.
variables.css contains link and text colors as well as some dimensions for the grid layout.
style.css contains most of the style.

The sidebar layouts can be customized in the user/themes/bolt/css/layouts folder.

The favicon and the page background reside in user/themes/bolt/images.
You can updload your own images there and set them in the theme settings.

Plugins

Supported/required Grav plugins:

  • Breadcrumbs
  • Pagination
  • TNT Search
  • Toc

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.