https://blog.sodawa.com/tags/ghost/Recent content in Ghost on Personal Blog of Maximilian EhlersHugo -- gohugo.ioen-usWed, 21 Nov 2018 11:41:00 +0000https://blog.sodawa.com/blog/ghost-theme-part-6-colours/Wed, 21 Nov 2018 11:41:00 +0000https://blog.sodawa.com/blog/ghost-theme-part-6-colours/Time for the final part in this series to finish up all the basics. The colours! The first thing that comes into my mind here is the fact that this is a blog with a lot of content for reading. So my goal is to make it easy on the eyes and provide a few colourful accentuations here and there. Again there are great resources on the internet. One of these, that is already pretty common in the programming scene is the solarized theme.https://blog.sodawa.com/blog/ghost-theme-part-5-typography/Wed, 14 Nov 2018 11:40:00 +0000https://blog.sodawa.com/blog/ghost-theme-part-5-typography/The layouting is pretty much done, bar the margins and paddings of the elements. In order to get those figured out nicely I want to introduce the Typography first. It will surely help to see how much space we will left to play with after both Fonts and their sizes are finished. Since this topic is huge and complicated I like to use a tool to assist with the choice.https://blog.sodawa.com/blog/ghost-theme-part-4/Wed, 07 Nov 2018 11:29:00 +0000https://blog.sodawa.com/blog/ghost-theme-part-4/Please Note that this theme is not in use anymore. See this post for more info. On mobile Layouts < 360px width the Sidebar still overflows vertically. Lets fix it and implement the features decided on in Part 3. First a small screenshot of the problem: As you can see the Sidebar flows into the other content. To fix this lets remove some margins and change the nav to list its items horizontally.https://blog.sodawa.com/blog/ghost-theme-part-3-mobile-layout/Sat, 22 Sep 2018 17:59:53 +0000https://blog.sodawa.com/blog/ghost-theme-part-3-mobile-layout/Please Note that this theme is not in use anymore. See this post for more info. Here is the third part of this series where we will dive into creating the proper layout for the posts on the front page and figure out a way to display our layout on mobilephones. Just in case lets bring up the inital sketch again But before we can jump in and take care of the posts we have a small problem.https://blog.sodawa.com/blog/ghost-theme-part-2-styling/Thu, 20 Sep 2018 12:19:25 +0000https://blog.sodawa.com/blog/ghost-theme-part-2-styling/Please Note that this theme is not in use anymore. See this post for more info. In this post I want to start with the styling. the first thing here is to consult the sketches again. Since we split out the sidebar into the default layout, we should create a Grid for this first. The technology I am going to use here is CSS-Grid. The only to be aware of is the browser support.https://blog.sodawa.com/blog/creating-a-new-ghost-theme/Thu, 13 Sep 2018 13:30:49 +0000https://blog.sodawa.com/blog/creating-a-new-ghost-theme/Please Note that this theme is not in use anymore. See this post for more info. I want to make my blog more unique and fitting to my style both in code and in looks. Writing my own theme seems like the right thing to do, given that I am currently looking for a job and having both more free time and wanting to look good to possible employers. So I want to accompany this with a few blog posts on how I am going about this.https://blog.sodawa.com/blog/gotede-quickly-create-a-ghost-theme-development-environment/Tue, 11 Sep 2018 15:30:25 +0000https://blog.sodawa.com/blog/gotede-quickly-create-a-ghost-theme-development-environment/When setting up a new theme for this blog, I ran into the issue of quickly setting up a development environment on my local machine to test out ideas. So I went on to duckduckgo.com and quickly found this blog article. Taking it as an inspiration I wrote a small script to publish on npm to make it easier for future themes and other people as well. You can find it at https://github.