Additional Grid or Sidebar Customization

[zacharico]

Good day, I've been playing around with some ideas on what I could include inside a specific post type. Since this could be of use to others, I thought I would open this is a feature/idea to be implemented.

I've spent a couple hours fiddling with adding specific layout/partials and side/post-type.html but can't seem to get it to work as intended. Perhaps someone could help me (and others who find this useful out)

The Plan

1. Use post front matter to include specific types of data to be displayed in the post/page.
2. Data is rendered in a table or grid-block within the post, just below the tags.
3. Use the same css styling as the sideBar borders and separation lines.
4. Include svg icons from font-awesome
5. Should be responsive on any device

Screenshot

Other ideas

• Could also be defined in the side bar

Note: Sidebar is not included by default on mobile / tablet devices.
Add sidebar to be responsive on mobile / tablet devices, stacked layout at the bottom of the post.

home:
  image: 'images/rt_logo.jpg'
  greetings: 'A Hugo Theme for Bloggers!'
  text: 'The definitive, configurable, customizable, old fashioned rusty coloured theme for web writers and readers.'
side:
  home:
  - content: 'If you like the theme make sure to give the repo a star!'
    imagePath: 'images/gh_source.png'
    imageHref: 'https://github.com/math-queiroz/rusty-typewriter'
    imageWidth: '100%'
  - title: 'Side Pane Features'
    content: 'There are lots of features regarding the side pane, check [the docs]({{< ref "features/static-content" >}}) for info.'
  single:
  - title: 'Static Content'
    content: 'Single pages (a.k.a. blog posts) can also have static content like so!'
  custom-post:
  - title: 'Revenue'
    content: '$50k/month`
  - title: 'Location'
    content: 'Europe`
  - title: 'Founders'
    content: 'Dragon and Nighthawk`
...

Appreciate anyone's input.