Share to Fedi Button Builder
https://dillyofapickle.com/display/8aa28c03-6569-9296-f8e7-dfb207478076
Because of the performance issues with the Friendica.World server my primary account is now at dillyofapickle.com
| Disclaimer | I am not, in fact, an actual penguin living in Antarctica. This account is for development/testing purposes. |
| Real About | Pronouns: 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 Facts | Pygoscelis 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! |
Share to Fedi Button Builder
https://dillyofapickle.com/display/8aa28c03-6569-9296-f8e7-dfb207478076
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.
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.
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 & Add-on Updates
https://dillyofapickle.com/display/8aa28c03-1368-f17e-dd7a-130878134308
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:
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 for Friendica
https://dillyofapickle.com/display/8aa28c03-1768-b221-56e5-e89517846698
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;
}.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);
}.wall-item-responses > div > p:first-of-type::before,
.hide-comments-total::before {
filter: grayscale(1) invert(1) brightness(1.2);
}