Pygoscelis Papua

34 Followers
28 Following
130 Posts

Because of the performance issues with the Friendica.World server my primary account is now at dillyofapickle.com

DisclaimerI am not, in fact, an actual penguin living in Antarctica. This account is for development/testing purposes.
Real AboutPronouns: She/Her
Occupation: I've been a freelance web designer+developer and graphic designer for nearly 30 years. Most people on Friendica will know me as the designer of the "Bookface" scheme/theme. I'm not officially part of the Friendica development team, however, I just made "Bookface" for myself and others asked if they could have it.
Real Location: USA. But I'm in a part that can sometimes get as cold as Antarctica. Part-time penguins would like it here at least part of the time.
Why a penguin? Because penguins are cute!
Penguin FactsPygoscelis papua is the formal name for the "Gentoo" penguin. Gentoo's are characterized by a band of white feathers extending across the top of the thead from just above each eye, a black throat, a brush tail that is larger than other penguins, and a bill that is mostly deep orange or red. Some live on subantarctic islands while others live on the Antarctic Peninsula. A genetic analysis revealed there are FOUR subspecies!

Bookface 2.0 Releases!

New year, new Friendica, new Bookface!

DOWNLOAD FOR FRIENDICA 2026.01 & 2025.07-rc

DOWNLOAD FOR FRIENDICA 2024.12

If you're a server admin who is still running the previous Friendica stable 2024.12 and were pulling Bookface from either the "main" or "stable" branches of the repo please be aware those are now targeting the new stable version 2026.01, which will not work with the previous stable version. There is now a separate 2024.12 branch in the repository.

Please note that the Userstyles version has not been updated with 2.0 changes and that project is now archived. Those stylesheets will receive no further development or maintenance updates. If you're still on an instance that doesn't have the Bookface scheme available the version for Friendica Release Candidate 2025-07-rc does work with stable 2026.01.

Okay, so what's IN it? The most noticeable change in v2.0 is that the User Menu and Notifications have been moved to the far right in the desktop layout:

Also, the Search field expands on focus to make it easier to see what you are typing, and if navigation labels are enabled alignment issues with them have been fixed, as has the alignment of the buttons themselves.



When you open the User Menu now your user name appears with your avatar at all screen sizes. Some people have multiple accounts that use the same avatar and it could get confusing as to which account they were logged into when, at some screen widths, the username would disappear due to space constraints.



There has long been an alignment issue with Event Action Buttons if the label text was too long because they were absolutely positioned. They have been changed to a flex layout now, which also increased the space for the buttons above them:

The release for 2026.01 has a dozen changes and fixes. The release for 2024.12 has nearly two dozen. See the Changelog at the end of the ReadMe file for details.

@admins @helpers

I know I said I'd like to stop updating the Bookface Userstyles but I went ahead and did it anyway. In part because I've needed to start using them again myself over at Friendica.World, which switched to the Release Candidate and the Bookface schemes get overwritten every time the server is updated or something.

Anyway, I started by adding all the Bookface 1.8.5 server-side changes to the Userstyles for Friendica Stable:

DOWNLOAD: Userstyles for Friendica Stable

And then did the same for the upcoming version:

DOWNLOAD: Userstyles for Friendica Release Candidate

Instructions on how to use the Userstyles can be found in the Bookface Wiki

Bookface Userstyle v1.8.5 · Random Penguin / userstyles · GitLab

Yeah, I know I said wasn't going to update the userstyles anymore, but I ended up applying the fixes from the server-side 1.8.5 anyway. Those include:

GitLab
I finally got into the Friendica.world server so I can post my primary account is now @randompenguin Any future announcements of updates to Bookface or my add-ons will be over there. Direct questions/feedback to that account.

UPDATE TO VERSION 1.1

DOWNLOAD HERE: gitlab.com/randompenguin/cover…

Thanks to all the great feedback here I've already got some fixes in place:

  • Improved client-side JS error handling
  • Normalized the script to all be in jQuery (instead of a mix of vanilla JS and jQuery)
  • Added handling for image URL data from Frio version of browser.js script.
  • Fixed the regex that extracts the image URL in other themes so it now handles a caption having been set on the image.
  • Preview now shows the image you just selected from Photo Browser modal.

Some of the other issues can only be fixed in Friendica itself. I've already submitted these as PRs and some are already merged into the dev branch, but Admins can also go grab these scripts and manually replace the files on their server to get the fixes right now:

1. /view/js/module/media/browser.js fixes the inability to navigate to albums in the photo browser modal in themes other than Frio. It also makes the script data returned from selecting an image consistent between Frio and non-Frio themes, which in turn reduces potential errors in Cover Photo retrieving the selected image URL.

2. /view/theme/frio/frameworks/justifiedGallery/jquery.justifiedGallery.min.js fixes the missing Cover Photo thumbnail images on the Photo pages when using the Frio theme.

Cover Photo Add-On Version 1.1 · Random Penguin / coverphoto · GitLab

Improved client-side JS error handling Normalized JS script to jQuery (no longer a mix of vanilla and jQuery) Added handling for img url data...

GitLab
@corneel Yes, that would be better and easier. But I can ONLY use CSS for the Bookface scheme. I can't change the actual theme structure, apart from adding pseudo-elements.
@corneel It's not in a separate container element from the number which makes it tricky to hide it. Using clip-path works, but reduces the clickable/hover area to just the number itself, which for single digits isn't much. I'd have to test it, but I think hiding the word might also mean screen readers won't read it, and there's no ARIA accessibility stuff on any of those response elements. The only thing I tried that kind of worked was to create an absolutely positioned pseudo-element with the background color placed over the word to hide it. There are probably edge-cases where it would look weird or the layout wouldn't work. I'll consider it, but it may not be worth the extra work.

@andy If you're talking about for an entire server you admin you can edit and append the bookface stylesheets. If just as a user you'd need to use a custom user content stylesheet, but the method would be the same.

If you literally just want the icons to have a gray background:

.wall-item-responses > div > p:first-of-type::before, .hide-comments-total::before { background-color: #ccc !important; }
This might look better for bookface dark mode:
.wall-item-responses > div > p:first-of-type::before, .hide-comments-total::before { background-color: #eee !important; color: black !important; }

Or if you literally just want grayscale versions:

.wall-item-responses > div > p:first-of-type::before, .hide-comments-total::before { filter: grayscale(1); }
or for bookface dark mode:
.wall-item-responses > div > p:first-of-type::before, .hide-comments-total::before { filter: grayscale(1) invert(1) brightness(1.2); }