New theme - TOC, drop down menu, dark mode etc

hello all
I’ve been developing a new theme - I’ve used a minimal set of dependencies and (I hope) created some reasonably easy to follow css combined with a simple semantic html layout.

The front page layouts are based on the Source theme.

The theme is published with a MIT license which means you are free to use, copy and change it if you like:

see the releases tab for the latest version.

you can see it in action on my blog https://smallworkshop.co.uk/

Note I still have a bit of work to do, particularly on multi-author support and paid subscription tiers. All feedback and suggestions gratefully received.

4 Likes

v1.18 now with support for multiple authors and paid subscription tiers.

Nice work @NickAbs! Your theme has a pleasantly handcrafted aesthetic that I like a lot.

1 Like

Fantastic construction @NickAbs , and thank you so much for sharing this!!!

1 Like

Great job. I like the look and feel of the theme.
In my device(cell) the navbar overlap the post header a little bit. I Guess with a bit of CSS …

1 Like

thanks, I’ve just added a new option to select between a couple of different header styles. If the error is still there in the new version and you don’t mind supplying a bit more details about the problem here, I’ll do my best to fix it.

1 Like

A very good work! And even better when you sh are with the world :) I’ve forked it nd give it a try even if not what I’m looking for, I think it’s a really good theme and neresting code. COngrats from Chile!

1 Like

now with

  • support for new Ghost tip jar feature (option to include tip jar/donation request banner on posts)
  • new footer options
  • improved newsletter banner options

new version below, the main change is the inclusion of an improved enrolment banner.

My main goal was to cater for un-monetised blogs where there are no subscription tiers, but you would still like people to sign-up so they can comment.

For monetised sites, there are options to show a newsletter subscription form and/or a “subscribe” button on the banner.

For a free blog you can use the newsletter-only option. If you do this, there is a separate option to hide the standard portal “subscribe” CTA that shows on the comment section to avoid confusion.

I also added a pop-up for newsletter subscribers to remind them to check their inbox (similar to what you get when using the standard Ghost #portal/sign-in feature).

this is how it looks on my un-monetised blog

new cleaner layout & improved custom options

Now with secondary navigation!

… still a bit of work to do but the basic functionality is working. You can add items to the secondary navigation in two ways:

  1. using internal tags (prefix the tag names with “##-” to distinguish them from normal internal tags. Optionally you can number them to control the sort order, e.g ##1-tagxyz , ##2-tagabc). The current implementation will just link to the first post tagged with the tag (I am still trying to work out how best to handle cases where the tag has been used on multiple posts/pages). If you upload a svg as the feature image for the internal tag it will be used as an icon in the secondary nav bar
  2. using secondary navigation items (Settings > Design > Navigation > Secondary)
    … you can pick where the navigation shows on the screen (top, bottom, left & right)

There is also a list of sharing links (twitter, facebook etc). I do plan to make this part optional, but I have to decide which other option to give up first since I have now used all the available 20 options…

Hope you like it!


finished the demo site, let me know what you think!

update for developers: now includes a small utility to manage theme github releases from the command line. ./release --help for more info.

There are a few sample npm scripts included in the package.json that run the various release commands (see github readme for more details).

theme changes:

  • various minor bug fixes
  • new option to download the latest theme zip file directly from the demo site

now supports recommendations

plus

  • an improved build and release process (replacing gulp with esbuild)
  • improved demo site support
  • support for full and wide image widths
  • better highlighting for featured posts
  • numerous cosmetic improvements and bug fixes

download/preview on the demo site

now with internationalisation support!

In what I assumed (wrongly) would be a simple job, I automated the creation of my locale files based on translations already made available in a handful of open source themes + the official Ghost i18n locale files.

With a bit of judicious adjustments to my original English text strings I was able to get:

  • full coverage: vi, tr, ru, pt-BR, pl, nl, it, hr, fr, es, de
  • very nearly complete: uk, ko, id, sv, pt,
  • +40 or so partial translations

I did attempt to prioritize the allocation of translations where there were competing strings (for instance, I preferred the Ghost versions where available) but sadly I am an ignorant monoglot English person and am unable to check the results for quality.

My main take-way from doing this is ‘there must be an easier way to do this!’…

Translations are here, for those that are interested

now with support for tag and author collection pages and support for the new customs fonts option

In the latest version I’ve improved the demo site options picker so that it now persists user selected options between page refreshes: