mirror of
https://gitlab.com/randompenguin/bookface.git
synced 2025-06-07 19:14:26 +02:00
Compare commits
150 commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
85ac784984 | ||
|
|
d905c78987 | ||
|
|
f393644de7 | ||
|
|
b4a4c71081 | ||
|
|
1d3b333cc4 | ||
|
|
bf37887600 | ||
|
|
f74a279231 | ||
|
|
e129dd4d7e | ||
|
|
b008423895 | ||
|
|
0fcadbfa79 | ||
|
|
c738654f98 | ||
|
|
81f75faf0a | ||
|
|
4cc4f4c6d2 | ||
|
|
1aefeb96cb | ||
|
|
9bbeefa43a | ||
|
|
386e5823e1 | ||
|
|
5a32472933 | ||
|
|
d87a5fa776 | ||
|
|
1b171dfd09 | ||
|
|
62f4f0ecd5 | ||
|
|
2636056012 | ||
|
|
bbf9e59732 | ||
|
|
8c69446e11 | ||
|
|
4e7d5e8be7 | ||
|
|
a84d063497 | ||
|
|
ad2aaadf2a | ||
|
|
a7a2f6665a | ||
|
|
9f87ae86d7 | ||
|
|
a2730bf7d2 | ||
|
|
af0a0b3e78 | ||
|
|
dc1bc32a61 | ||
|
|
7be49b8359 | ||
|
|
2a9588c574 | ||
|
|
2d644b351b | ||
|
|
6199397586 | ||
|
|
41a29c38ea | ||
|
|
cdae9e75d0 | ||
|
|
1e80b613f0 | ||
|
|
44211a53a4 | ||
|
|
97d00a1a66 | ||
|
|
443ba25847 | ||
|
|
8f27f736a5 | ||
|
|
560db120b1 | ||
|
|
b71f322840 | ||
|
|
82054decb8 | ||
|
|
b82887ea99 | ||
|
|
6413ddd91b | ||
|
|
6845d5d3da | ||
|
|
58824d66ec | ||
|
|
9818d4938a | ||
|
|
b2e57ed925 | ||
|
|
b4ab1d85bb | ||
|
|
9c7505a2e6 | ||
|
|
04c5f25f90 | ||
|
|
6344c57063 | ||
|
|
63c4dbb8c8 | ||
|
|
074f00373d | ||
|
|
7ea1550a83 | ||
|
|
b23c318c8a | ||
|
|
93274a817e | ||
|
|
bd8c34cb75 | ||
|
|
e1b0ab872b | ||
|
|
64b661fbcb | ||
|
|
e11dd7ec2e | ||
|
|
0874861e9f | ||
|
|
ab93a441b8 | ||
|
|
6602c01bc5 | ||
|
|
c63967eb81 | ||
|
|
7d925f5d93 | ||
|
|
26e4e26873 | ||
|
|
c01241a6a8 | ||
|
|
d4a0a5a14d | ||
|
|
8c17699758 | ||
|
|
c64af6ec03 | ||
|
|
ebc90092d1 | ||
|
|
e680bacf4c | ||
|
|
f48b6170ec | ||
|
|
763b386b3f | ||
|
|
0bfce6fefa | ||
|
|
66dede1c17 | ||
|
|
85c440c1d0 | ||
|
|
82902d7cfa | ||
|
|
d18fc22c07 | ||
|
|
581b2a9f2c | ||
|
|
1a188f6cbd | ||
|
|
7572346d5d | ||
|
|
12f69c93e0 | ||
|
|
62521e9d33 | ||
|
|
afd1e424c5 | ||
|
|
9d0ba2ad10 | ||
|
|
559b2b656d | ||
|
|
5bd499671e | ||
|
|
3e7d92515f | ||
|
|
536b926619 | ||
|
|
55d973921e | ||
|
|
ae25df43aa | ||
|
|
9e1b7c6675 | ||
|
|
d40575aecf | ||
|
|
6b82b7a90b | ||
|
|
8e594eed9a | ||
|
|
19457de03f | ||
|
|
7978b87a13 | ||
|
|
7a4aa337ba | ||
|
|
6c17b5d227 | ||
|
|
7c4ff09594 | ||
|
|
feb7f6f65c | ||
|
|
0ba90a3251 | ||
|
|
e8ac120d0e | ||
|
|
245142cdce | ||
|
|
a8b8778153 | ||
|
|
de0e91cdd0 | ||
|
|
67fc396e31 | ||
|
|
2cb56a6ab4 | ||
|
|
c82c80e8d6 | ||
|
|
ece45d8b9f | ||
|
|
53a54258a4 | ||
|
|
b7245b2f28 | ||
|
|
18a97400c2 | ||
|
|
fd9738dbaa | ||
|
|
034e10c21c | ||
|
|
ddf3161b59 | ||
|
|
84762a6d60 | ||
|
|
56cfada385 | ||
|
|
4196d06b15 | ||
|
|
737acf3949 | ||
|
|
4b36e2cdf1 | ||
|
|
ec7b92437b | ||
|
|
5bf5ce3548 | ||
|
|
d5f20f7e9f | ||
|
|
04c61cc92b | ||
|
|
330bec368b | ||
|
|
519500c760 | ||
|
|
ae51fdc341 | ||
|
|
c35be46445 | ||
|
|
546088c463 | ||
|
|
b022445376 | ||
|
|
31b018a3b2 | ||
|
|
13ec0a4a57 | ||
|
|
389a6ca7b6 | ||
|
|
1a6e06c50c | ||
|
|
4215ebd43f | ||
|
|
e966febbba | ||
|
|
1a78703986 | ||
|
|
5c7b0534e8 | ||
|
|
07d6022a42 | ||
|
|
3a8d6f89ef | ||
|
|
dd2d5ddb71 | ||
|
|
b7acd24c7d | ||
|
|
7d970ea16e | ||
|
|
02d6e85d56 |
7 changed files with 1684 additions and 130 deletions
176
README.md
176
README.md
|
|
@ -1,6 +1,6 @@
|
||||||
BOOKFACE FOR FRIENDICA
|
BOOKFACE FOR FRIENDICA
|
||||||
======================
|
======================
|
||||||
Version 1.5
|
Version 1.7.1
|
||||||
|
|
||||||
**Description:** A Friendica Theme Template/Scheme for the "Frio" theme that gives it a modern makeover.
|
**Description:** A Friendica Theme Template/Scheme for the "Frio" theme that gives it a modern makeover.
|
||||||
|
|
||||||
|
|
@ -48,6 +48,7 @@ Bookface uses a number of pseudo-elements to label buttons in the Frio theme. Yo
|
||||||
--add-photo-button-text: 'Add Photos';
|
--add-photo-button-text: 'Add Photos';
|
||||||
--follow-button-text: 'Follow';
|
--follow-button-text: 'Follow';
|
||||||
--save-button-text: 'Save';
|
--save-button-text: 'Save';
|
||||||
|
--new-message-text: 'New Message';
|
||||||
|
|
||||||
### CUSTOMIZATION
|
### CUSTOMIZATION
|
||||||
|
|
||||||
|
|
@ -144,6 +145,143 @@ While not really recommended you can place up to four images in the Cover Photo
|
||||||
|
|
||||||
Extras spaces are okay, but just make sure there are no carriage returns or other elements inside `[class]..[/class]` or it will mis-count the images and size them wrong. Also keep in mind people not using Bookface will see three thumbnail images on your profile, only Bookface users will see the striped collage.
|
Extras spaces are okay, but just make sure there are no carriage returns or other elements inside `[class]..[/class]` or it will mis-count the images and size them wrong. Also keep in mind people not using Bookface will see three thumbnail images on your profile, only Bookface users will see the striped collage.
|
||||||
|
|
||||||
|
### POSTBOXES
|
||||||
|
|
||||||
|
Starting with Bookface version 1.6 now Friendica will have Postboxes too! Styling similar to the Facebook solid color and gradient backgrounds have been added to the Bookface stylesheets.
|
||||||
|
|
||||||
|
**Right now Postbox is exclusively available for people using the Bookface scheme in the Friendica webapp, either on desktop or mobile.**
|
||||||
|
|
||||||
|
When a Postbox post is shared to another platform like Mastodon, Sharkey, Disapora, Hubzilla, etc., the Postbox styling does not go with it. The same is true for anyone viewing the post in a third-party app, because none of them support Postbox styling, at least not yet.
|
||||||
|
|
||||||
|
There are two Friendica add-ons server administrators can install to add global support for Postbox styling. The "[Postbox](https://gitlab.com/randompenguin/postbox)" add-on simply adds a stylesheet to the `<head>` element. It provides no interface for creating Postboxes, but users can still create them manually with BBcode. The other is the "[Zen Postbox](https://gitlab.com/randompenguin/zen_postbox)" add-on which not only adds the stylesheet to the `<head>` it also adds a Jot Plugin button to the message composer with a menu of all the available Postbox styles.
|
||||||
|
|
||||||
|
#### How to Use Postboxes
|
||||||
|
|
||||||
|
To make use of a Friendica Postbox simply wrap the text inside a Postbox Class BBcode like this:
|
||||||
|
|
||||||
|
`[class=postbox-red]This is the wrapped text[/class]`
|
||||||
|
|
||||||
|
### Available Postbox styles
|
||||||
|
|
||||||
|
Old names are in parenthesis next to the new names to which they've been mapped.
|
||||||
|
|
||||||
|
**Solid Color Backgrounds:**
|
||||||
|
|
||||||
|
- .postbox-black
|
||||||
|
- .postbox-cornflowerblue (.postbox-blue)
|
||||||
|
- .postbox-darkblue (.postbox-ocean)
|
||||||
|
- .postbox-darkgray
|
||||||
|
- .postbox-darkorange (.postbox-orange)
|
||||||
|
- .postbox-darkred
|
||||||
|
- .postbox-darkslateblue
|
||||||
|
- .postbox-forestgreen (.postbox-forest)
|
||||||
|
- .postbox-gold
|
||||||
|
- .postbox-goldenrod
|
||||||
|
- .postbox-honeydew
|
||||||
|
- .postbox-hotpink
|
||||||
|
- .postbox-lavender
|
||||||
|
- .postbox-lightpink
|
||||||
|
- .postbox-lightyellow
|
||||||
|
- .postbox-limegreen (.postbox-green)
|
||||||
|
- .postbox-lightsalmon (.postbox-salmon)
|
||||||
|
- .postbox-mediumaquamarine
|
||||||
|
- .postbox-mediumslateblue
|
||||||
|
- .postbox-mediumvioletred
|
||||||
|
- .postbox-mintcream
|
||||||
|
- .postbox-olivedrab
|
||||||
|
- .postbox-palegreen
|
||||||
|
- .postbox-peachpuff
|
||||||
|
- .postbox-pink
|
||||||
|
- .postbox-purple
|
||||||
|
- .postbox-red
|
||||||
|
- .postbox-seagreen
|
||||||
|
- .postbox-sienna
|
||||||
|
- .postbox-skyblue
|
||||||
|
- .postbox-thistle
|
||||||
|
- .postbox-violet
|
||||||
|
- .postbox-whitesmoke
|
||||||
|
- .postbox-yellowgreen
|
||||||
|
|
||||||
|
|
||||||
|
**Gradient Backgrounds:**
|
||||||
|
|
||||||
|
- .postbox-aurora
|
||||||
|
- .postbox-bluegray
|
||||||
|
- .postbox-graygrey (.postbox-darkgray)
|
||||||
|
- .postbox-grayblack
|
||||||
|
- .postbox-greengray
|
||||||
|
- .postbox-lavendergray
|
||||||
|
- .postbox-minty
|
||||||
|
- .postbox-mintgray
|
||||||
|
- .postbox-rainbow
|
||||||
|
- .postbox-redblue
|
||||||
|
- .postbox-sherbet (.postbox-sherbert)
|
||||||
|
- .postbox-spectrum
|
||||||
|
- .postbox-strawberrycream
|
||||||
|
- .postbox-sunset
|
||||||
|
- .postbox-tealblue
|
||||||
|
- .postbox-tealgray
|
||||||
|
- .postbox-violets
|
||||||
|
- .postbox-violetblue
|
||||||
|
|
||||||
|
**Pattern Backgrounds:**
|
||||||
|
|
||||||
|
- .postbox-blueprint
|
||||||
|
- .postbox-birds
|
||||||
|
- .postbox-checkered
|
||||||
|
- .postbox-cubes
|
||||||
|
- .postbox-lemonlime
|
||||||
|
- .postbox-gingham
|
||||||
|
- .postbox-grid
|
||||||
|
- .postbox-hearts
|
||||||
|
- .postbox-honeycomb
|
||||||
|
- .postbox-notebook
|
||||||
|
- .postbox-plaid
|
||||||
|
- .postbox-polkadots
|
||||||
|
- .postbox-shadedots
|
||||||
|
- .postbox-shadowbox
|
||||||
|
- .postbox-stars
|
||||||
|
- .postbox-warpgrid
|
||||||
|
- .postbox-wavy
|
||||||
|
|
||||||
|
(There are also _Animated Backgrounds_ but they are only available if either the "Postbox" or "Zen Postbox" add-on are installed and activated on the server)
|
||||||
|
|
||||||
|
#### Content Restrictions
|
||||||
|
|
||||||
|
Friendica's Postbox is a bit more forgiving as it allows for more than text-only content. However it does not work with most of the Friendica formatting due to the way BBcode is parsed.
|
||||||
|
|
||||||
|
**BBcodes you CANNOT put inside a Postbox:**
|
||||||
|
|
||||||
|
- [class], which means you can’t nest Postboxes
|
||||||
|
- [hr]
|
||||||
|
- [h1],[h2],[h3], etc…
|
||||||
|
- [table],[tr],[th],[td]
|
||||||
|
- [list],[ul],[ol]
|
||||||
|
- [quote]
|
||||||
|
- [abstract]
|
||||||
|
- [spoiler]
|
||||||
|
- [map]
|
||||||
|
- [code]
|
||||||
|
|
||||||
|
**BBcodes that do not work as intended inside a Postbox:**
|
||||||
|
|
||||||
|
- [pre]
|
||||||
|
- [noparse]
|
||||||
|
- [nobb]
|
||||||
|
|
||||||
|
The text will show but will be styled and centered.
|
||||||
|
|
||||||
|
**BBcodes that DO WORK inside a Postbox:**
|
||||||
|
|
||||||
|
- [b], [i], [u], [o], [s] _(bold has no visible effect)_
|
||||||
|
- [url]
|
||||||
|
- [img]
|
||||||
|
- [audio]
|
||||||
|
- [video]
|
||||||
|
|
||||||
|
Plus any plain text, including emoji
|
||||||
|
|
||||||
|
If you are using Markdown formatting what you can and can’t put in a Postbox is similar, with the exception that (because of how Markdown is parsed into BBcode) you can’t have both a URL and an image in the same Postbox. You can however put inline code in a Postbox with Markdown where BBcode cannot.
|
||||||
|
|
||||||
## GENERAL NOTES:
|
## GENERAL NOTES:
|
||||||
|
|
||||||
|
|
@ -260,6 +398,42 @@ And then use it in your stylesheet like so:
|
||||||
I figured out how the "Frio" theme worked by looking at the code. I may not be 100% correct about it since I did not create the theme. If someone knows more and I'm wrong about any of this please correct this document at https://gitlab.com/randompenguin/bookface
|
I figured out how the "Frio" theme worked by looking at the code. I may not be 100% correct about it since I did not create the theme. If someone knows more and I'm wrong about any of this please correct this document at https://gitlab.com/randompenguin/bookface
|
||||||
|
|
||||||
## CHANGELOG:
|
## CHANGELOG:
|
||||||
|
* Fixed transparent background on friends-in-common list on other people's profiles.
|
||||||
|
|
||||||
|
1.7 (06 May 2025)
|
||||||
|
* Fixed "New Message" button not being obvious [Issue #24]
|
||||||
|
* Fixed Profile Pics and Cover Photos not working in old iOS browsers [Issue #26]
|
||||||
|
* Moved Postbox styles to end of stylesheet
|
||||||
|
* Minified Postbox CSS
|
||||||
|
* Updated with Postbox v1.1 styles
|
||||||
|
* Styled Item Responses (part of Issue #25)
|
||||||
|
* Action buttons (except Comment and Quote) you've interacted with before now adopt accent color [Issue #25]
|
||||||
|
* Fix for disabled Action Buttons
|
||||||
|
* Fixed breaking typo
|
||||||
|
* Fix(?) for slow-loading secondary toolbar in Safari
|
||||||
|
|
||||||
|
1.6 (25 Mar 2025)
|
||||||
|
* Fixed HR rule on posts [Issue #13]
|
||||||
|
* Fixed notifcation profile pics so they are round [Issue #14]
|
||||||
|
* Fixed Post and Comment background colors [Issue #15]
|
||||||
|
* Made Post and Comment background colors configurable with CSS variables.
|
||||||
|
* Fixed Post-in-Groups/Mention button alignment [Issue #16]
|
||||||
|
* Fixed double underline on Compose active tab [Issue #17]
|
||||||
|
* Fixed Accept Contact button [Issue #19]
|
||||||
|
* Fixed misaligned close button [Issue #20]
|
||||||
|
* Cleanup of Compose mobile drop-down menu and button.
|
||||||
|
* Fixed misalignment of Cancel/Submit buttons on contact request [Issue #22]
|
||||||
|
* Additional fix for "Post in Group" button label spacing [Issue #16]
|
||||||
|
* Made Delegation/Account-Switch Profile Photos round.
|
||||||
|
* Styled profile account type box.
|
||||||
|
* Fixed mobile spacing issue on Contacts and Scheduled Posts pages
|
||||||
|
* Fixed "More..." drop menu rollover text color for Dark Mode
|
||||||
|
* Fixed little vcard text color
|
||||||
|
* Fixed hovercard width wider than narrow screen.
|
||||||
|
* Added support for new Postbox feature.
|
||||||
|
* Jot Plugins tollbar alignment fixes.
|
||||||
|
* Fix for post status overlapping network link/icon [Issue #23]
|
||||||
|
|
||||||
1.5 (27 Feb 2025)
|
1.5 (27 Feb 2025)
|
||||||
* fixed browser "Share to.." button display and sizing [Issue #3]
|
* fixed browser "Share to.." button display and sizing [Issue #3]
|
||||||
* fixed wrong sized menu items in action button drop-downs on mobile [related to Issue #3]
|
* fixed wrong sized menu items in action button drop-downs on mobile [related to Issue #3]
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -10,7 +10,7 @@
|
||||||
* Author: Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
|
* Author: Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
|
||||||
* Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
|
* Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
|
||||||
* Accented: Yes
|
* Accented: Yes
|
||||||
* Version: 1.4
|
* Version: 1.7
|
||||||
*/
|
*/
|
||||||
// if there is no cookie create one
|
// if there is no cookie create one
|
||||||
use Friendica\DI;
|
use Friendica\DI;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -10,7 +10,7 @@
|
||||||
* Author: Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
|
* Author: Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
|
||||||
* Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
|
* Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
|
||||||
* Accented: yes
|
* Accented: yes
|
||||||
* Version: 1.4
|
* Version: 1.7
|
||||||
*/
|
*/
|
||||||
use Friendica\DI;
|
use Friendica\DI;
|
||||||
require_once 'view/theme/frio/php/PHPColors/Color.php';
|
require_once 'view/theme/frio/php/PHPColors/Color.php';
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -10,7 +10,7 @@
|
||||||
* Author: Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
|
* Author: Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
|
||||||
* Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
|
* Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
|
||||||
* Accented: yes
|
* Accented: yes
|
||||||
* Version: 1.4
|
* Version: 1.7
|
||||||
*/
|
*/
|
||||||
use Friendica\DI;
|
use Friendica\DI;
|
||||||
require_once 'view/theme/frio/php/PHPColors/Color.php';
|
require_once 'view/theme/frio/php/PHPColors/Color.php';
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue