Hypertext is a Grav theme that focuses on speed and simplicity by using little-to-no JS or CSS. Hypertext is meant to be used with the latest version of the Grav CMS.
- Virtually weightless for maximum performance
- CSS/JS squelches to completely cut out any unnecessary stuff
- Fully responsive across almost any device
- Multiple page template types
- Includes
headless
parameter for serving only content
- Default view template
default.md
- Error view template
error.md
- Blog view template
collection.md
- Blog item view template
item.md
Installing the Hypertext theme can be done in one of two ways. Our GPM (Grav Package Manager) installation method enables you to quickly and easily install the theme with a simple terminal command, while the manual method enables you to do so via a zip file.
The simplest way to install this theme is via the Grav Package Manager (GPM) through your system's Terminal (also called the command line). From the root of your Grav install type:
bin/gpm install hypertext
This will install the Hypertext theme into your /user/themes
directory within Grav. Its files can be found under /your/site/grav/user/themes/hypertext
.
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 hypertext
. You can find these files either on GitHub or via GetGrav.org.
You should now have all the theme files under
/your/site/grav/user/themes/hypertext
Hypertext comes with a few default options that can be set site-wide. These options are:
allowCSS: 0 # Cut out slots for CSS to prevent any _implicit_ CSS from being included (e.g. plugins).
allowJS: 0 # Cut out slots for JS to prevent any _implicit_ JS from being included (e.g. plugins).
tagline: # An optinal tagline to appear under the title of your website
colors:
background: # An optional background color
text: # An optional text color
link: # An optional link color
activeLink: # An optional hover color
visitedLink: # An optional visited color
layout:
configuration: 'centered' # Whether to pull content to the left or center it
width: 768 # The max-width of the theme
style:
inlineNavbar: 1 # When enabled uses in-line navigation (rather than a list).
useFavicon: 0 # When enabled, provides the user with a favicon if one is available.
beautifyText: 0 # When enabled, provides a little CSS for better text spacing.
To make modifications, you can copy the user/themes/hypertext/hypertext.yaml
file to user/config/themes/
folder and modify, or you can use the admin plugin.
NOTE: Do not modify the
user/themes/hypertext/hypertext.yaml
file directly or your changes will be lost with any updates
Individual pages have toggles to give you the opportunity to turn on and off global CSS and JS. Useful for preventing plugins from loading except where you want them.