https://blog.sodawa.com/tags/theming/Recent content in Theming on Personal Blog of Maximilian EhlersHugo -- gohugo.ioen-usFri, 07 Dec 2018 18:16:00 +0000https://blog.sodawa.com/blog/upgrading-my-blog-theme-with-vanilla/Fri, 07 Dec 2018 18:16:00 +0000https://blog.sodawa.com/blog/upgrading-my-blog-theme-with-vanilla/Recently I have spent more and more time thinking about the usability of my website and the cleanliness of its code. This has brought me to another iteration in its design process. Of course also related to my employment at Canonical I have decided to give our Vanilla Framework a try. The first thing I had to update is my gulp task to include node_modules during the build. // CSS gulp.https://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/bug-hunting-on-6-3-1/Wed, 14 Nov 2018 15:35:00 +0000https://blog.sodawa.com/blog/bug-hunting-on-6-3-1/Impulse Me and my SO recently got an old iPad2, which we were planning to use for everyday usage around the house. Meaning, having it ready to research a recipe, get information about a topic or researching things to do together. Unfortunately though, the iOS version that it came preinstalled with was 9.3.5. On this later version of iOS there is quite a problem with the responsiveness though. Probably due to the big alterations on the design side the iPad feels slow and has noticeable lags when switching between applications, and even when using the web browser.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.