I created a custom theme for my Happiness Course ☀️

Hello Creators :wave:t3:

I have created a custom theme for my Happiness Course with simple Bento Grids. :bento:

Feeling Happy Just Got Easy

I have studied computer engineering and happiness science (what a combo! :laughing:) and enjoy combining these worlds.

During our travel to Japan, I noticed the beauty of the perfectly organized breakfast and sushi boxes :bento: (which I think is called Bento Box). Later I dicovered, that so-called Bento Grids are popular in web design, for instance, by Apple.

Every tile in this grid is implemented as a Ghost “partial” to ensure consistency among the website. These tiles can be customized by predefined partial parameters, such as tagline, title, description, background, href, top/center/bottom image, and even allow custom code (as a parameter) to be injected for custom content. :nerd_face:

The stacking of these grids is achieved by flexbox. It is stupidly simple because the tiles are mapped to a simple grid. Tiles do not have to be reordered when changing the screen size. #lazy :upside_down_face:

My guideline was the quote from Antoine de Saint-Exupéry:

Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.

His words also applied to the content: My online happiness course is like “Blinkist for Happiness”—synthesizing happiness science into bite-sized lessons. :cookie:

Please check the website to see if it makes you happy! :blush:

I would appreciate your feedback and critiques. :pray:t3:

By the way, the course is FREE for the first 1000 members. :tada:

PS: Sorry for the rookie illustrations, this project is a one-man show. :face_holding_back_tears:

3 Likes

Adorable! :) (And some extra words because they’re required!)

1 Like

Looks amazing man, good job! Just signed up!

1 Like

Very nice, @mirokosut! The site makes me happy just looking at it :star_struck:

What are you using for AI-Narrated mp3 functionality, as on the Routines post?

1 Like

Thank you for your nice words, @denvergeeks! :blush:

I am using OpenAI Text to Speech (TTS), and the voice is called Echo:
https://platform.openai.com/docs/guides/text-to-speech

In the past months, I have tested many tools, and OpenAI sounds most natural. Many I have tried sounded ridiculous. :laughing:

Every time I adjust the content, a workflow in Make.com gets triggered, pulls the HTML from the post, strips away irrelevant parts such as images, converts the remaining HTML code to Markup, and sends it as input to OpenAI TTS, which in turn saves it to an organized Dropbox folder (where all narrations are saved). :nerd_face:

Then I need to download the mp3 chunks (there are more per post because of TTS character limit per execution), merge them, and manually re-upload the combined mp3 file to the post.

2 Likes

Thank you for that very useful information! Thank you for sharing positivity and best wishes for your delightful website!

1 Like

Hello Mirokosut,

I’m absolutely blown away by your Ghost theme—it’s incredible! I’m really eager to learn how to create something similar on my own. Is there a way for me to learn from you, or perhaps do you have a template available for purchase?

1 Like

A very nice website: clean, well-organized, concise text, informative and attention-to-details with podcasts.

Spark some ideas in my mind…

I feel happy already. :D

Congratulation. I hope it gets good traffic.

2 Likes

I like the design a lot. It is beautiful and simple. One nit-pick, you should have a link to the next lesson or related lessons below the lesson post so users don’t have to go back to go forward (if that sentence makes sense).

I love the illustrations and colors. It’s a very welcoming site. And I’m sure many Ghost users would like to be able to purchase and use this theme (I’m one of those people :blush:).

1 Like

Hello Everyone,

Thank you very much for your kind words. They mean a lot to me. :blush:

To show my appreciation, I have decided to make the theme available to the public soon. In the following weeks, I will abstract the theme and make it general-purpose and customizable with custom settings without you ever having to fiddle with the code. :star_struck:

It will support Ghost native memberships, posts, tags, authors, search, comments, and some useful integrations of privacy policies, cookie banners, and the GDPR consent database (consent proofs). :partying_face:

Is there anything you want to see that you have not seen yet? I am all ears!

I look forward to sharing the theme with you soon (at an affordable price). :tada:

PS: If you wish to be notified when it gets released, simply leave a comment here and I will send you a direct message… :bell:

Kind Regards
Miro

4 Likes

:sunny: UPDATES :sunny:

The theme will be released to the public in two to three weeks. :tada:

You can now join the waitlist here:

The work is in progress and is unstoppable.

2 Likes

I understand this theme is currently for 1 lesson, so the homepage is basically the “lesson detail / intro page”, and then the “. / lessons” is for subscribers.

I would suggest / Is it possible, to make this a multi-lesson theme, where homepage would feature all lessons, and then we can go to Happiness / Mental / Grateful… Lessons.

I’ve been thinking about multiple subscriptions where one can choose to subscribe to each lesson.

Just my idea…

1 Like

Hello Everyone,

I am happy to announce that the Bento Theme has been released and is now available on LemonSqueezy! :heart_eyes::lemon:

To ensure you are happy with the theme, I offer a money-back guarantee within seven days after the purchase. No monkey business. There is a fair human behind. :blush:

You can preview and buy the Bento Theme here.

If you find the documentation unclear or believe you have found a bug, please let me know at bento@happy.one, and I will do my best to improve it as soon as possible.

Than you for your support. Together we can make the theme the best it can be! :blush:

Kind Regards

Miro

2 Likes

Absolutely amazing modern and clean theme. As soon as I saw it and then found out you had it for sale, it was a must buy. well done on such a quality product.

1 Like

Hi Dave, thank you very much for your feedback. It is very kind of you! Such feedbacks are my driving force to serve the Ghost community with new themes. Speaking of that, the next one is going to be released in the very next days under a new brand… :star_struck: Yet bigger things are on the way.

2 Likes

Oh, I just dropped by to ask if Bento supports the font update rolled out earlier this month, as it caused issues with a few other custom themes. But I just saw your latest message mentioning that a new theme was released at the end of October. I’m really curious—could you share a link? I’d love to check it out!

Hi Shinu, thank you for your message. Would you please help me understand what font update you are referring to? I will gladly check it on my side. Regarding the new theme, it got a bit delayed and will be released in the next weeks (no final ETA yet). Sure! I have sent you now a link to a demo… :slight_smile:

1 Like

Here @mirokosut:

It was released by accident and is now behind a beta flag.

2 Likes

Hi Jannis, thank you for your quick response :slight_smile: That went completely off my radar. I will definitely check that out and prepare Bento for these updates.

1 Like

@shinu @jannis

Ghost custom fonts support has been added to Bento 0.98.7 and this version is already available on LemonSqueezy! :sunglasses:

All you need to do is to activate the beta feature in Ghost and set the fonts in the theme custom settings to “custom”.

Thank you very much for pointing out the new feature to me.

3 Likes