eternia VS Bulma

https://www.catpea.com/ custom code exploring github editable data, that is then processed into a local .cache folder and made into an express (JS) website which I then spider to convert into a static version.

UI uses bootstrap with minor modifications.

Compilation is handeled via https://github.com/catpea/eternia which I can't replace with hugo, as I want to have a notion of books, playlists, maybe javascript apps in some articles. I need a custom static site generator.

I am learning how to Narrate audiobooks while reading my own poetry, and learning how to write out philosophical ideas in the process.

I also convert the audio into simple videos on youtube, and recently uploaded a 70+ hour behemoth to the Internet Archive (3.6GB) https://archive.org/details/@catpea-com

I recommend making an audio recording of your writings (I use audacity and a mic with a pop/plosive filer) even if just for your family for 50 or a 100 years from now.

I have no views, I have no time to argue with people which is why I keep away from social media, I only have time make a stranger laugh (I do digital portraits on reddit and occasionally compose a weird song on youtube).

As to the content it self, I am just exploring random subjects, that capture my own curiosity. It is nothing special, it will take me a couple more decades to grow into a writer. This is my start.

Currently I am babbling about digital painting, previously 3D Printing, Music Composition, Circuit Design, Programming, Teaching, Dancing (I dance to Blanco Brown https://www.youtube.com/watch?v=Q7U6AoZ27yE at the gym every day I can't help it), Bicycling, Camping, and sending people on the Appalachian trail: https://www.youtube.com/watch?v=hPSvdKTEZug

I host with vercel, as a hobby project. If you want to grab all the audio, use the archive.org or youtube. The archive.org link has everything one file, and youtube has a playlist you can hop around.

I am not a fan of ads, I understand YouTube maybe running their own ads on videos I did not monetize. If I recorded a video of my readings, and did video editing, I would regret putting all that time into videos that now would have ads between them.

I like being a narrator, not a fan of videos, decades from now I'll write an AudioBook, in which I complain about High School.

Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.

I would talk about building the frontend, but it is just a single page React app I built quickly. It does use a CSS library called Bulma, which is similar to tailwind and worth checking out. I did spend a day implementing a login/signup page, but this was just for the learning experience, and not what I wanted in the final product.

After finding a few spare hours I decided to address the alerts and update some my dependencies. I spent several hours debugging my Gatsby site after doing some recommended npm package updates. My UI class library Bulma was not being loaded by my sass-loader module. (I later learned that they migrated to dart-sass so I guess the fix should have been a pretty easy). Nonetheless, this prompted me to rethink my entire static site generator stack and got me curious about some other options. Why have these unnecessarily complex dependency chains? At that point I was almost too hesitant to even touch my package.json file. That's just silly.

Oh wow, quite happy about this, for a while it seemed the project was abandoned, really glad Jeremy keeps working on this :) The new website (https://bulma.io/) also looks very slick. I could totally see that he'd be able to monetize this like Tailwind, it's a really well thought-out framework with a good compromise between responsiveness, utility classes and components.

So, our post.component.html component is the generic page where all posts will have their content loaded. Here, the classes are from the Bulma CSS framework, and the template looks like this:

This is a pretty basic HTML that contains a form with a couple of form fields and a submit button. To make styling a little easier, I opted to use Bulma. But that’s entirely optional, and does nothing to impact our app.

Since v1.9.0 release, the Gowebly CLI includes support for Bootstrap and Bulma CSS frameworks.

Bulma is a lightweight and modern CSS framework that simplifies the styling of your web projects. It offers a clean and intuitive set of classes to structure and design your HTML elements, providing a quick and easy way to create visually appealing layouts. Bulma is responsive and mobile-friendly, making it an excellent choice for developers who want a straightforward and flexible solution for their projects. Whether you're a beginner or an experienced coder, Bulma's simplicity and versatility make it a popular option for building stylish and responsive web interfaces without the need for extensive customization.