Skip to navigation

Making Pyplate Responsive

February 05, 2015

I'm more of a programmer than a designer, so I haven't spent that much time developing themes for Pyplate. The ones that I have developed are quite crude, so I need to brush up on my design skills.  

I want to be able to design modern HTML5 themes that display well on a range of devices. I've made a start on making some of my themes responsive using CSS media queries. In particular I've spent a lot of time making Linux Web Servers more responsive. I'm interested in getting feedback on this theme, so feel free to comment below if you can see any errors.

There's still much more to do. I've taken a look at the web site for Twitter Bootstrap for inspiration. The front page is divided into sections with different coloured backgrounds.  The frontpage of this Javascript CMS uses similar styling. 

I've started implementing a method for organizing sections in Pyplate. A section is created by adding a post whose filename starts with a '#'. Each section uses the post title as header, and a link element using the id attribute is embedded in the top of each section.  I've written some code that generates a navbar with links to all the secions on a page, making it easy for users to jump from the top of a page to a specific section.

I've also been working to make page layouts more flexible by moving several functions from pyplate.py to layout.py so that they can be customized more easily. I've added some new functions to display an index of the pages in a category in a format suitable for a section.

Once I release this version of Pyplate, it should be much easier to use it to build mobile friendly web sites.


Comments

Share this page:

Follow me