mirror of
https://gitlab.com/randompenguin/bookface.git
synced 2025-06-07 19:14:26 +02:00
Compare commits
228 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 | ||
|
a166d15795 | ||
|
819eb83cfa | ||
|
a653256aff | ||
|
20e3b592b8 | ||
|
d44e45f0be | ||
|
90ebb7fb0d | ||
|
c3cbcfba62 | ||
|
62a5f905a6 | ||
|
dd73100ee8 | ||
|
dbd2f949cc | ||
|
0facb1ebd1 | ||
|
89c9337f25 | ||
|
eae0aae6c9 | ||
|
206a80194b | ||
|
cac0570ee2 | ||
|
18a011161e | ||
|
2b40b192c7 | ||
|
247b13bd84 | ||
|
446888905c | ||
|
81943db75f | ||
|
c13064789c | ||
|
42c6615c2e | ||
|
6d1263d0f6 | ||
|
48605cbc5f | ||
|
069bf5df9a | ||
|
070009850d | ||
|
c52af01203 | ||
|
20adbc6e92 | ||
|
9d92ef7cba | ||
|
3472b94701 | ||
|
a3da147fb8 | ||
|
2c8be141a1 | ||
|
cc192e86aa | ||
|
25e5cbe88e | ||
|
3b39bce5e6 | ||
|
5e472cdccb | ||
|
2750702951 | ||
|
e889aa015c | ||
|
2fe1419b62 | ||
|
b74e128595 | ||
|
77c99ad647 | ||
|
756aa1dde9 | ||
|
43b9fb01ca | ||
|
9dd84ada9b | ||
|
4803436a1b | ||
|
216969e1be | ||
|
49e2ffc6e4 | ||
|
97815a46c3 | ||
|
2fb13c07fc | ||
|
cd51779761 | ||
|
3752a6a422 | ||
|
d05a6be101 | ||
|
3219384eb3 | ||
|
e042a5314a | ||
|
433a40f527 | ||
|
6a816db6fc | ||
|
26c7efef90 | ||
|
c04542d326 | ||
|
9f9f59d948 | ||
|
cdfb33246b | ||
|
0a3a513872 | ||
|
2abafeb8c2 | ||
|
cc8f252f59 | ||
|
56d883b85d | ||
|
3e586f307c | ||
|
2e24ce34fe | ||
|
d08128d4cf | ||
|
8e54a7fbcf | ||
|
9d2a60d0a7 | ||
|
119d3d52dc | ||
|
88dd01effc | ||
|
7656da9eef | ||
|
429228c18f | ||
|
37ef287730 | ||
|
a3b4585097 | ||
|
59c46b16d9 | ||
|
a6c1637586 | ||
|
53f6d920b4 |
7 changed files with 4026 additions and 350 deletions
208
README.md
208
README.md
|
@ -1,6 +1,6 @@
|
|||
BOOKFACE FOR FRIENDICA
|
||||
======================
|
||||
Version 1.4
|
||||
Version 1.7.1
|
||||
|
||||
**Description:** A Friendica Theme Template/Scheme for the "Frio" theme that gives it a modern makeover.
|
||||
|
||||
|
@ -8,7 +8,7 @@ Version 1.4
|
|||
|
||||
## INSTALLATION
|
||||
|
||||
1. Drop these four files:
|
||||
1. Drop these six files:
|
||||
* bookface_auto.css
|
||||
* bookface_auto.php
|
||||
* bookface_dark.css
|
||||
|
@ -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';
|
||||
--follow-button-text: 'Follow';
|
||||
--save-button-text: 'Save';
|
||||
--new-message-text: 'New Message';
|
||||
|
||||
### CUSTOMIZATION
|
||||
|
||||
|
@ -69,10 +70,8 @@ You should _avoid_ redefining the default Frio color variables because if a user
|
|||
--link-color
|
||||
--nav-icon-color
|
||||
--background-color
|
||||
--contentbg-transp
|
||||
--font-color
|
||||
--font-color-darker
|
||||
--background-image
|
||||
--menu-background-hover-color
|
||||
|
||||
You _can_ safely globally override:
|
||||
|
@ -146,10 +145,147 @@ 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.
|
||||
|
||||
### 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:
|
||||
|
||||
* This theme HIDES the attachment upload button in the file browser since there is no way to manage/delete uploaded files, and this is confusing to users.
|
||||
* This theme HIDES the attachment upload button in the file browser since there is no way to manage/delete uploaded files, and this is confusing to users. If you want to show this button anyway change the CSS variable `--attach-file-button` from "none" to "block" at the top of the stylesheets.
|
||||
* Overrides nav_bg, nav_icon_color, background_color, background_image, and contentbg_transp
|
||||
* Overrides "Frio" blue accent color with one that looks nicer with these schemes.
|
||||
* This scheme is still being revised as new things to style are discovered.
|
||||
|
@ -262,6 +398,68 @@ 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
|
||||
|
||||
## 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)
|
||||
* 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]
|
||||
* Styled content filter buttons coming from other platforms.
|
||||
* Attach file button visibilty moved to CSS variable
|
||||
* Profile contacts size adjust for Frio breakpoints
|
||||
* Fixed Category & Folder tag-buttons [Issue #4]
|
||||
* Removed text shadow from tags [Issue #5]
|
||||
* Removed unused CSS variables [Issue #6]
|
||||
* Comment button not styled on other people's profiles [Issue #7]
|
||||
* Hide horizontal rules for a cleaner look
|
||||
* Minor style fixes for .panel-body and .help-block
|
||||
* Removed box-shadow from .wall-item-comment-wrapper
|
||||
* Added `$contentbg_transp` back as "Frio" default stylesheet slipstream needs it.
|
||||
* Fixed Settings > Channels panel padding and Submit button alignment
|
||||
* Redesigned Calculator Add-On [Issue #8]
|
||||
* Fixed Compose text formatting rollover effect [Issue #9]
|
||||
* Fixed photo album thumbnail size on mobile [Issue #10]
|
||||
* Fixed context of .panel-body, was only intended only for Settings page
|
||||
* New Mobile Profiles [Issue #11]
|
||||
* Added camera icon to user's Recent Photos because no profile photo is shown on it.
|
||||
* Adjusted mobile drop-down button appearance and position
|
||||
* Made ul.nav-tabs appearance consistent with secondary toolbar tabs
|
||||
* Made ul.nav-tabs turn into buttons on narrow mobile screens
|
||||
* Box shadow on Compose formatting buttons removed from dark version
|
||||
|
||||
1.4 (12 Feb 2025)
|
||||
* Limited textarea resize fix to settings pages
|
||||
* Edited authors/contributors
|
||||
|
|
2068
bookface_auto.css
2068
bookface_auto.css
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
|
||||
* Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
|
||||
* Accented: Yes
|
||||
* Version: 1.4
|
||||
* Version: 1.7
|
||||
*/
|
||||
// if there is no cookie create one
|
||||
use Friendica\DI;
|
||||
|
@ -30,7 +30,6 @@ $link_color = ($customColor) ? '#'.$customColor->getHex() : '#'.$accentColor->ge
|
|||
$link_color = "#0066ff";
|
||||
}
|
||||
$nav_icon_color = '#65686C';
|
||||
$background_image = '';
|
||||
$contentbg_transp = 100;
|
||||
$font_color = '#313131';
|
||||
$font_color_darker = '#333';
|
||||
$contentbg_transp = '0';
|
||||
|
|
1031
bookface_dark.css
1031
bookface_dark.css
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
|
||||
* Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
|
||||
* Accented: yes
|
||||
* Version: 1.4
|
||||
* Version: 1.7
|
||||
*/
|
||||
use Friendica\DI;
|
||||
require_once 'view/theme/frio/php/PHPColors/Color.php';
|
||||
|
@ -31,8 +31,7 @@ $link_color = ($customColor) ? '#'.$customColor->getHex() : '#'.$accentColor->li
|
|||
$link_color = "#0066ff";
|
||||
}
|
||||
$nav_icon_color = '#B0B3B8';
|
||||
$contentbg_transp = '0';
|
||||
$font_color = '#cccccc';
|
||||
$font_color_darker = '#acacac';
|
||||
$font_color_lighter = '#444444';
|
||||
$background_image = '';
|
||||
$contentbg_transp = '0';
|
1031
bookface_light.css
1031
bookface_light.css
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
|
||||
* Overwrites: nav_bg, nav_icon_color, background_color, background_image, contentbg_transp
|
||||
* Accented: yes
|
||||
* Version: 1.4
|
||||
* Version: 1.7
|
||||
*/
|
||||
use Friendica\DI;
|
||||
require_once 'view/theme/frio/php/PHPColors/Color.php';
|
||||
|
@ -29,9 +29,7 @@ $link_color = ($customColor) ? '#'.$customColor->getHex() : '#'.$accentColor->li
|
|||
$link_color = "#0066ff";
|
||||
}
|
||||
$nav_icon_color = '#65686C';
|
||||
$background_image = '';
|
||||
$contentbg_transp = 100;
|
||||
$font_color = '#313131';
|
||||
$font_color_darker = '#333';
|
||||
|
||||
$contentbg_transp = 100;
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue