I'm the dev that created the "Bookface" schemes for the Friendica "Frio" theme. I know I've been taking a long time to answer some people's questions and feedback. That's because for weeks I've only occasionally been able to log into my main account on friendica.world. Today it seems that server has become completely inaccessible. 😭

As that server is down I couldn't just migrate my account, so I've set up a new account here at dillyofapickle.com. If you were friended to me over there you'll need to send me a request here. But I also moved here because @Kevin has embraced my projects for his server and is running newer versions than most other servers I could find. And I kind of need to see it in action for real, not just on my dev server.

I guess for the foreseeable future updates to my Friendica projects will be posted from this account.

#Bookface #Friendica

@Friendica Support @Friendica Developers @Friendica Admins

!Friendica Support

The verified checkmark on Friendica is literally just a Unicode checkmark after the homepage URL. These should be restyled to be more prominent. Here are my proposals:




Round Style is like how they look on Bluesky.

Sharp Seal Style is similar to Facebook.

Rounded Seal Style is similar to Twitter/X

I'm also showing each of them with three different checkmark styles:

A. Existing Unicode checkmark

B. Alternate Unicode checkmark

C. Icon Font checkmark

There is also an Issue on the GitLab project for this:
https://gitlab.com/randompenguin/bookface/-/issues/30

#Bookface #Friencica

@xy..
I've just started looking into making a theme with something like #Bookface styling. I was just going to fork the "Frio" theme but the more I look at it the less I like that idea, because of all the jQuery, Bootstrap, and other framework stuff and how over-coded the templates feel. I'm now looking at using the "Vier" theme since it already has none of that . I don't want anything in my theme apart from HTML5, CSS3, and vanilla JS.

But that means I'll need to re-do ALL my stying work with Vier as the base. But it wouldn't be my styles on top of Vier like the Bookface scheme is for Frio, it will be replacing Vier's styles with mine. Plus I'll be able to change the actual page structure. I believe recreating my styling on top of Vier will still be less work than trying to strip/replace framework code in Frio. The end product will probably be similar to Bookface, but not identical.

I have no idea how long it will take me to make it though. Friendica has a lot of "moving parts" to consider!

!Friendica Support

I'm considering changing the engagement details below posts and comments now that Bookface shows icons for them. The current appearance is a vertical list, which can leave a lot of unused space to the right of it, plus all the explanatory text feels redundant and visually cluttering to me:



So I'm considering eliminating the explanatory text and going with a horizontal list of just names (for single interactions) and counts (that trigger the pop-over list) like this:



But that got me to an option with just icons and counts, which is similar to how Facebook and Misskey/Sharkey show reactions/engagements:




Which is what I'd prefer as it looks the cleanest and most consistent.

Thoughts on this proposed change? (I really wish Friendica had polls for this sort of thing!)

#Bookface #Friendica #proposal

These are the changes and fixes in this release:

* Restyled “New Message” button to make it more obvious.
* Fixed Profile Pics and Cover Photos not working in old iOS browsers
* Moved Postbox styles to the end of the stylesheet
* Minified Postbox CSS.
* Restyled Item Responses
* Action Buttons you’ve interacted with before now adopt accent color.
* Fix for disabled Action Buttons to make it clear they are disabled.
* Fixed issue with slow-loading secondary toolbar in Safari
* Updated with Postbox version 1.1 styles
— names of solid colors now match HTML color names
— 24 new solid colors
— 5 new gradient backgrounds
— 17 new pattern backgrounds

Some of these will be fairly obvious. The big one is that the Action Buttons below posts and comments used to change to the accent color on hover and there was no indicator if you’d previously interacted with any of them. NOW they have a slight shift in darkness/lightness on hover and the accent color indicates you’ve previously clicked the Like, Dislike, Share, or Event buttons (the exceptions being Comment or Quote). If a post's scope is limited (not public) the "Share" and "Quote" buttons are now obviously disabled by being faded out.





Engagement Counts also now show an icon indicating the type of engagement, which should make it easier to see what kind of engagement a post or comment is getting. And if there are 2+ the individuals are revealed in a pop-over box rather than pushing the entire layout down.



The new Postbox pattern backgrounds are done with pure CSS, no images! So they’ll load and display fast and don’t incur additional server calls. Postboxes are just a nice looking way to dress up your text-only posts. Of course only Friendica users will see them, and only if they are using the Bookface scheme or their instance has installed one of the Postbox add-ons. The styling doesn’t transfer to other platforms (Note: there are still issues with Postbox posts shared to Diaspora and Hubzilla).




Thank you to everyone who gave me feedback, reported issues, and tested things for me to help improve Bookface for everyone. :D

#Friendica #Bookface @Friendica Support @Friendica Admins

Server Styles:
https://gitlab.com/randompenguin/bookface/-/releases/1.7

User Styles:
https://gitlab.com/randompenguin/userstyles/-/releases/1.7

#Friendica people! I think #Bookface is getting close to another release. So let me know if there is anything you've noticed that should be tweaked or fixed for the next major version. If I can, of course. Bookface is just CSS and I can only style what's already there in the "Frio" theme.

@Friendica Support @Friendica Admins

!Friendica Support the #bookface effort is continuing to evolve nicely. Version 1.3 has been released: https://gitlab.com/randompenguin/bookface (scroll down readme for full changelog)

All work done by @Kristi H. so huge thanks - this is outstanding 🙏 🚀

#Friendica #Theme #Stylesheet