stairjoke/beachball.tech

Beachball.tech is a blog

To learn more about this blog, visit the about page on beachball.tech.

This blog uses the Kirby CMS with a custom theme, see the /site directory.

beachball.tech's Issues

Videos should never display taller than the viewport

Describe the bug
On this page the video at the end is much taller than the viewport landscape devices, as it is vertical video.

Expected behavior
The video should be scaled down.

OGImage.jpg reference in content files

Currently, all content files must contain field OGImagereferencing the Open Graph image of the page, otherwise the page uses the globally available OGdefault-image. As the name of this image is usually OGImage.jpg for all pages, stored in the page’s folder, having to reference it in the content-file on every single page is cumbersome.

Describe the solution you'd like
The template for any page should try to find a file OGImage.jpg by default and use it as the Open Graph Image. The description should be in OGImage.jpg.txt and not be part of the page’s content file.

Describe alternatives you've considered

Additional context

Show one full post on homepage

Instead of a list of teasers, show the latest article fully and the last couple of headlines. Maybe even in a Griffey layout rather than stacked.

Consider implementing Activity Pub

Instead of adding plain comment features, look into adding Activity Pub.

Describe the solution you'd like
ActivityPub would allow people to boost/repost and reply to blog entries, instead of a classic commenting feature. It would also outsource moderation.

Describe alternatives you've considered
Not adding comments at all, because I will definitely not be monitoring them or moderating them.

Show full posts in RSS feed

Add support for better formatting and full posts in the feed.

Latest Toots

I think the website should show my latest Mastodon toots. Prototype some designs.

Display Publishing Date on Post

Is your feature request related to a problem? Please describe.

• Each blog post should display when it was published.
• The home page should also show a publishing date with the article teaser.

All content transition to MD

To allow syncing and editing with Obsidian, all content was transitioned to .md-files. Kirby needs to be configured to use those content generation of the website will be empty with the next update.

Homepage: At the end/bottom add show more or all posts link

Is your feature request related to a problem? Please describe.
When a user scrolls all the way there is no indication that there are most posts available.

Describe the solution you'd like
Currently there is a link available to see all posts, as that link is below every entry, but there is no indicaiton if there are actually more posts or if the user has arrived at the end of the list. I think adding pagination would be a good idea, or a blurb informing about the all posts option and how many more there are.

Describe alternatives you've considered
Loading more posts on the homepage, but that is not scalable.

Navigation layout breaks on mobile

Describe the bug
Since adding a third element ("RSS") to the main navigation, the "Beachball.tech" text, next to the logo on the top left, breaks into a new line.

Screenshots

Smartphone (please complete the following information):

• Device: iPhone 12 Pro
• Browser: Safari

RSS Generator should use a field in the feed.txt to select a collection

Describe the solution you'd like
Additionally of using HTTP GET variables to select a collection, the feed generator should default to a collection specified in a field, instead of always to the blog.

<aside> renders too wide

Describe the bug

-html elements break out of flow.

To Reproduce
Add an

to an article.

Screenshots

Server side, anonymous website statistics

Describe the solution you'd like
For each page a stats.txt file should be generated that saves:

• The timestamp of each page load
• The language preference of the visitor
• The referrer

Describe alternatives you've considered

• I also considered a lazy-loading <img> in the footer to be able to count how many people read all the way to the end server-side, but I think that is too much.
• I considered using a self-hosted instance of Matamo, but I would prefer to keep the whole site file-based without the need for any database. Also, adding a stats.txt file to each page will allow that file to move to whatever URL the page might be moved to in the future without any additional IDs or database-updates (as there is no database).
• I considered adding the stats to the page’s txt file itself, but that might bloat it and it would invalidate the cached version of the site on every single page load.

Additional context
Currently there are no visitor stats and I don’t know if an article is popular or doesn’t get read at all. I also don’t know if there are any regular referrers. Without stats I’m flying blind, which I considered preferable for a while, but I’m curious and I want to know if anybody is interested in what I publish at all.

Typoghraphy → Spacing too small on desktop

Describe the issue
The typography updates that fixed the issues on mobile don't work well for desktop. The margin between paragraphs is too small and the main headline too close to the head of the page.

Expected behavior/appearance

• The main headline stands out visually.
• Paragraphs are clearly separated.

Screenshots

Headlines on mobile misaligned

Describe the issue
When viewing the website on a mobile device, the H1 headings are aligned center, all other content aligns left. This looks particularly bad on smartphones.

Expected behavior/appearance
On mobile all headlines should be left aligned.

Screenshots
iPhone 13 mini:

iPad mini:

Smartphone (please complete the following information):

• Device: tablet and smartphone viewport sizes
• OS: [e.g. iOS8.1]

Additional context
Add any other context about the problem here.

Missing HEX color values in CSS

Describe the bug
Currently the CSS only provides Display p3 color values. Add HEX sRGB fallback values.

RSS Generator caching optimization

Is your feature request related to a problem? Please describe.
Currently, the feed generator does not save an RSS file to be cached by the system. Each RSS call causes a new feed to be rendered and delivered individually.

Describe the solution you'd like
The feed should be saved to a file that is only updated fi there are changes to the colleciton of pages that is referenced by the fed generator.

Describe alternatives you've considered
Using Wordpress…

Additional context

Add support for footnotes in captions

Is your feature request related to a problem? Please describe.
When adding a [^footnote] reference to a kirbytext-caption, the reference is not processed, resulting in a missing footnote and the text [^footnote] being printed on screen for the reader to see.

Example:

(video: file poster: poster: caption: [^footnote]) will add a figurewith the video, but the caption will read "[^footnote]".

Describe the solution you'd like
The markdown()-function should be executed on the caption-field of the kirbytag.