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 😄🚀️🎉️.