Personal Caarer Blog Theme for Ghostjs

This theme is a hero focused responsive theme for Ghost for my first GhostJS blog.

It was build to provide me a space where I can host my writings and a space for my resume as well.

🛠 Currently I working actively on this theme

Screenshot and Demo

You can look up a demo soon on kellner-digital.com

The screenshot is comming soon(TM)

Features

The following features are already in a useable state:

• Index.hbs
• Responsive Layout (even without javascript)
• Table of Contents (works onlly with javascript)
• hero.hbs
• custom-tags.hbs (display all the tags)
• Primary Menu
• Secondary Menu
• Title Description
• Theme Color (for Vivaldi users)
• Authors
• Koenig Editor Embeds
• Logo / Primary Color / Secondary Color
• English Translation via Theme Locales

The following features are active in development:

• custom-resume.hbs
• portal features (I don´t plan to do much with it because I only want to write and and don´t gather leads for possible newsletters)
• dark mode
• error page
• preloads
• CSS Rewamp - I used a lot claasses exlusive to there corresponding handlebar files. I need to clean up some rules

routes.yaml

My current routes.yaml is defined as:

routes:
  /: home  
  /featured/:
    controller: channel
    permalink: /featured/{slug}/
    template: index
    data: page.featured
    filter: featured:true
  
collections:
  /blog/:
    permalink: /blog/{primary_tag}/{slug}/
    template: blog
    data: page.blog

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/

To overcome an ongoing ossue with a empty description in head when using rewrites, the routes.yaml invokes two pages:

• featured (For all featured articles)
• blog (for the blog frontpage)

License

Copyright © 2023 by Mario Kellner. Released under the MIT license.

The following files are excluded from MIT licensing:

• custom-resume.hbs
• hero.hbs
• aboutme.hbs

These files must modified before production use because containing my personal information.

Built with

• PostCSS & Gulp (was default on Casper) - with many plugins activated
• @tryghost/shared-theme-assets (All other Frameworks used are inherited from this project)
• Icons are from Icons8 - Line awesome

Credits - Contribution

The base of the template comes from the Ghost theme Casper.

I tried to orientate at the this theme as much as I could.

I used many of the css classes from @tryghost/shared-theme-assets

I took insperation from the following site: Developer Portfolios

---

Im not a professional webdeveloper so some of my code is not state of the art. If you find something that I made horrrible wrong please open an issue or create a pull request.

Help me to improve myself 😄🚀️🎉️.