The Phantom Grav CMS Theme.
Based on the responsive Phantom template
Currently the fastest way to install this themplate is by cloning it and placing it in your grav/user/themes folder. You could also download it at https://github.com/michielStaes/grav-theme-phantom/releases
- Default view template (home/landing page)
default.md - Error view template
error.md - generic view template
generic.md
default.md is intended to be used as a landing/home page.
- Add a new page, select folowing options:
2.
Open the expert tab and paste following headers into the Frontmatter:
default.md headers
title: Home
content:
items: '@self.children'
form:
name: contact
fields:
-
name: name
label: Name
placeholder: 'Enter your name'
autocomplete: 'on'
type: text
validate:
required: true
-
name: email
label: Email
placeholder: 'Enter your email address'
type: email
validate:
required: true
-
name: message
label: Message
placeholder: 'Enter your message'
type: textarea
validate:
required: true
buttons:
-
type: submit
value: Submit
-
type: reset
value: Reset
process:
-
email:
subject: '[Site Contact Form] {{ form.value.name|e }}'
body: '{% include ''forms/data.html.twig'' %}'
-
save:
fileprefix: contact-
dateformat: Ymd-His-u
extension: txt
body: '{% include ''forms/data.txt.twig'' %}'
-
message: 'Thank you for getting in touch!'
- after saving, you can open the 'normal tab' and navigate to the 'home page settings tab'. To enable/disable extra features of the page.
generic.md is intended to be used as a information/blog page. Clicking a tile on the default page will open the generic page.
Make sure you add a picture when you add a generic page, as this picture will be used as a tile on the home page.
generic.md example
---
title: 'blog page'
content:
show_img: false
img:
user/pages/02.home/blog-page/pic.jpg:
name: pic.jpg
type: image/jpeg
size: 6311
path: user/pages/02.home/blog-page/pic.jpg
---
Hello,
I am a blog post.intended pages structure
.
├── pages
├── 01.home
├── default.md
├── 01.blog
├── generic.md
├── pic.jpg