loves.tech/channel/scott?mid=6…
Scott M. Stolz
»"Don't be afraid of losing people. Be afraid of losing yourself by trying to act like everyone around you...."« -- Tim Hanloves.tech
☑️ "10 minuter och 38 sekunder i en märklig värld" av Elif Shafak
("10 minutes and 38 seconds in this strange world", översättning från engelska av Klara Lindell)
Om utanförskap, gemenskap, kärlek, makt, självförebråelse, orsaker, verkan, viljor, drömmar, tankar. Och frihet. Ofrihet och frihet.
I've #read "10 minutes and 38 seconds in this strange world", by #ElifShafak
(translated into #Swedish, by #KlaraLindell).
About exclusion, community, love, power, self-reproach, causes, effects, wills, dreams, thoughts. And freedom. Deprivation of freedom, and freedom.
#bok #läsa #läst #läsning #svenska #bibliotek #lån #epub #book #reading #library #böcker #books
You can follow us in other languages. Visit our website for more information wordsmith.social/protestation/…
Social
English– @protestation@redspinning.topFrançais– @protestation@soc.redeyes.site
Deutsch– @protestation@friendica.eskimo.com
Quotes– @protestation@telleverybody.net
Dumplings
02/10/2016 - I suppose I can give no higher praise to these dumplings than to say I can still remember eating them. We'd popped into Star Dumplings in Adelaide's China Town on our way to the pub.
Flamenco Funk
02/10/16 - Op shop dig from yesterday. Interesting version of In The Year 2525. #cratedigging👌👌
I used to take chances on op-shop records like this, until experience taught me that it's rarely worth it and I might as well save my money. I rarely even look at op shop records any more.
Nothing much funky at all about this LP and I reckon I'm having to dig deep (no pun intended) to say something positive about it at the time. Suffice to say, it's not been out of its sleeve since this picture was taken.
Sunshine likes this.
Friendica's quite a comfortable platform. I get the feeling I could get used to this pretty quickly - and it's compatible with a lot of existing apps for Mastodon and others.
I'm coming from the whole micro-blogging experience, and over the years I've fallen into this habit of using hashtags and numbered posts to chain long threads together to track certain topics. I felt Mastodon and others did this incredibly well compared to even Twitter so I fit right in.
How would I keep posts together along certain issues or topics here?
I'll point out that I see people chaining their posts together on Mastodon from my Friendica account. But those chained posts are indented further and further, much like an email. I suspect if I did the same with long standing chains of posts, the indents would eventually lose meaning.
like this
Beans
Another pic posted to Insta on 02/10/16. A bit of new-app energy, I suppose. This time a rather delightful close-up of beans on toast. What's not to like about that? I like this picture very much.
like this
A Man With A Dream
podcast.stclinton.com/index.ph…
podcast.stclinton.com/index.ph…
Great Speeches From The Diapora - The Man With A Dream
Here are some of the greatest speeches from around the world, long with poetry and other stuffpodcast.stclinton.com
Kat1311 likes this.
I'm really excited about the potential of using Friendica to replace facebook, but atm there's an issue with friendica.world federating with other activitypub instances and I can't start trying to bring people across to here if or if they can't interact with other people in the fediverse (or bluesky via bridgy). It's making me anxious! Should I try another friendica instance? Any friendica people able to share more info about the different friendica instances?
like this
in reply to Max Riethmuller
@Max Riethmuller I can't follow bridgy either with my page. But if they have an account on Bluesky already, they can add their credentials in the settings and sync their follows and their feed to the Friendica one (essentially seeing it as another federated platform). The only requirement is for the server to have the bluesky addon installed (yours has, as I saw).
different friendica instances
Hmm, I don't really know much about their moderation or stuff. I remember that there was a more free speech one called meld.de (my server has it blocked). But that seems to be gone now.
Generally people are chill and there's not been that much activity until now.
From a technical standpoint, if you go to instance.address/friendica you can see its version and the addons it has installed, as well as an about section and all the blocked servers (and the reason).
Back when I chose mine, it was one of the first 5 instances. Some also offer an XMPP service with the same address as Friendica, like mine.
Max Riethmuller likes this.
in reply to Cătă
Thanks for that, appreciate it. At the moment it's not just bridgy (I see my bluesky posts turn up here), it's federating out to any other instances (mastodon instance even). For example If I post on mastodon or bluesky, it turns up here (friendica.world) fine. ut my posts here don't turn up on mastodon. My mastodon user is following my friendica user, and vice versa. But just nothing turns up on mastodon. Apparently there is an issue they are working on atm. But I'm keen to see if there are any other friendica instances that are reliable.
The other thing that occurred to me is maybe there's a lot of new users fronting up on friendica.world, refugees from facebook or x, and they will eventually ramp up the resources and sort the problem. So it's probably just temporary. Just unfortunate timing for me. And if I'm going to try and onboard my friends to friendica, I'd be wanting to do it on an instance on which federation is working properly.
in reply to Max Riethmuller
This post is a test of using Friendica through Tusky...
like this
reshared this
The irony of banning China for using it's carmakers to spy on drivers, when US carmakers spy on drivers.
Tesla workers shared sensitive images recorded by customer's cars. GM sharing driver behaviour without explicit consent with insurers resulting in hikes in insurance premiums for some drivers. Etc etc.
theverge.com/2025/1/14/2434349…
US finalizes rule to effectively ban Chinese vehicles, which could include Polestar
The Biden administration finalized rules to ban the sale or import of connected vehicles from China, which could have a significant impact on companies like Polestar and Waymo.Andrew J. Hawkins (The Verge)
like this
'The birds are back.' Resilience in the ruins of the Palisades fire
Will Rogers State Historic Park is a vast stretch of natural space in the Santa Monica Mountains. It's a treasure to Angelenos. People get married there, picnic there, and have kids' birthday parties on the great lawn.The park's namesake, Will Rogers, was a vaudeville performer, radio and movie star, and was known as America's "cowboy philosopher."
His nearly century-old ranch house is the park's centerpiece. It's survived a near miss with wildfire before. Last week, as firestorm engulfed large parts of Los Angeles, this piece of American history was reduced to rubble.
For sponsor-free episodes of Consider This, sign up for C onsider This+ via Apple Podcasts or at plus.npr.org
Email us at considerthis@npr.org
#news #npr #publicradio #usa
posted by pod_feeder_v2
Cam J Baunhammer likes this.
in reply to Sunshine
@Sunshine add Hubzilla and Streams to the mix for more bruises and blood.
Edit: my God, I just remembered! my comment contains the word "blood" in it, can you imagine? 😱😱 That means I would have been banned on it by the automod on Facebook for gore and violence. All while not caring about actual violence and gore reported by the users themselves.
This entry was edited (10 hours ago)
like this
Cumbia
02/10/16 - The first IG post I ever made was a shot of some Cumbia 7" singles. ('Fat stack of cumbia ready to be spun this afternoon #disocfuenteslabel')
I was planning to spin them at a local vinyl' afternoon session. I'd bought a handful of singles from someone in Venezuela (I think), and they were all fantastic. I'd got into the Cumbia in the eighties, when I'd been walking through Camden Market and heard the tune off the coffee advert (La Colegiala), and picked up a Discos Fuentes compilation tape as a result.
Years later, on the radio show, we used to play a lot of the electronic stuff, including that made by Melbourne's Cumbia Cosmonauts and we had a fantastic afternoon at one of their parties once. Never really understood why Cumbia doesn't have the reach of, say, Ska - not being in English, I suppose.
This is what anti-woke means. From Salon: Facebook users still cannot say "white people have mental illness," but they can say "gay people have mental illness."
salon.com/2025/01/17/the-tech-…
Tech's war on "woke" is a war on workers
Mark Zuckerberg wants "masculine energy" and "aggression" at the office — sounds like a toxic workplaceSalon.com
like this
Yet another noob
Hey, all. I’m a progressive, cis-het, White guy. 3rd generation colonist living in the Haldiman Tract lands along the Grand River in Ontario. I’m into dogs, canoes, motorcycles and my VW GTi. I’ve been on Mastodon since Elmo bought Twitter.
Tonight I thought I’d check out Friendica, and here I am. Looking for new friends.
like this
You can follow us in other languages. Visit our website for more information wordsmith.social/protestation/…
Social
English– @protestation@redspinning.topFrançais– @protestation@soc.redeyes.site
Deutsch– @protestation@friendica.eskimo.com
Quotes– @protestation@telleverybody.net
Bookface Dark Version 4
This is the 4th revision of my Friendica FB facelift user stylesheet.
How to use:
If you're using the Firefox userContent.css make sure to wrap all of this in @-moz-document domain(friendica.world){...} (or whichever server you're on). Otherwise copy+paste into the Stylus add-on for Firefox or Stylus extension for Chrome or the Userscripts extension for Safari. Then in your Friendica Settings - Display - Theme pick "Frio" and under Settings - Display - Theme Customization either pick "Dark" or "Black." Note that the dark version does not use a schemestring:
What's New?
- Adds “superscript” engagement numbers to mobile Action Buttons
- Settings “Submit” buttons normalized to right-hand placement
- “Mention” button and “Compose” buttons sizing is now same
- Compose Modal/Page and Reply are now styled
- File Attachment button hidden[1] on Compose File Browser
- Adjustment to Event RSVP buttons for both desktop and mobile
- Styling and adjustment to Profile Extra Links
- Changed Network Links from “Link:” text to button style with “>>”
[1] There is no way to manage/delete the uploaded/attached files so I hid the button to do it. If you actually use this partially-implemented/broken feature delete the line that hides it, it’s commented in the stylesheet.
The Code:
Reveal/hide
/* BOOKFACE DARK VERSION 4
====================================
This "user styles" stylesheet will override Friendica and style it more like Facebook.
Go to Settings - Display - Theme and select "Frio"
Under "Theme Customization" select either the "Dark" or "Black" scheme, blue variant.
You cannot use "Custom" as there is no schemestring.
Paste the code below into Stylus add-on for Firefox, Stylus Extension for Chrome, or Usercripts extension for Safari.
You can also pasted it into a userContent.css file for Firefox, but wrap it in "@-moz-document domain(friendica.instance){...}" (replace with your server)
*/
body {
background-color: #1C1C1D !important;
font-size: 15px !important;
padding-top: 125px !important;
}
#topbar-first .nav > li > a,
#topbar-first .nav > li > button,
nav.navbar .nav > li > a,
nav.navbar .nav > li > button{
color: #B0B3B8 !important;
}
#topbar-first, nav.navbar {
background-color: #252728 !important;
color: #B0B3B8 !important;
}
#topbar-first .topbar-nav .nav-segment {
margin-right: 10px;
}
#topbar-first .nav > li > a:hover:not(.selected) {
background-color: rgba(255,255,255,.1) !important;
border-radius: 8px !important;
}
.fa-lg {
font-size: 24px !important;
}
#topbar-first .nav > li > a:hover,
#topbar-first .nav > li > a:focus,
#topbar-first .nav > li > button:not(#main-menu):hover,
#topbar-first .nav > li > button:not(#main-menu):focus,
nav.navbar .nav > li > a:hover,
nav.navbar .nav > li > a:focus,
nav.navbar .nav > li > button:hover,
nav.navbar .nav > li > button:focus {
background-color: rgba(255,255,255,.1) !important;
border-radius: 8px !important;
}
#topbar-first .nav > li > a.selected {
border-bottom: 3px solid #0866FF !important;
color: #0866FF !important;
}
#topbar-first .nav > li > a.selected:hover,
#topbar-first .nav > li > #main-menu:hover,
#topbar-first .nav > li > #main-menu:focus {
background-color: transparent !important;
border-radius: 0 !important;
}
ul.tabs li {
font-size: 15px !important;
margin-left: 10px !important;
}
ul.tabs li.active {
border-color: #0866FF !important;
}
ul.tabs li a {
margin-top: 8px;
color: rgb(90, 167, 255) !important;
}
ul.tabs li:hover:not(.active) {
border-bottom-width: 0px !important;
}
ul.tabs li:hover:not(.active) a {
background-color: rgba(255,255,255,.1) !important;
border-radius: 8px !important;
}
.dropdown-menu {
padding-bottom: 15px !important;
}
.dropdown-menu li {
margin: 10px;
width: 92% !important;
border-radius: 8px;
}
.dropdown-menu li:hover {
border-color: transparent !important;
}
header #banner {
left: 0 !important;
right: auto !important;
}
header #banner #logo-img,
.navbar-brand #logo-img {
background-color: #0866FF !important;
height: 40px !important;
width: 40px !important;
}
.topbar ul.nav {
left: 50% !important;
margin-left: -25% !important;
position: relative;
}
#topbar-first .nav > .account img {
border-radius: 100% !important;
box-shadow: 0 0 1px rgba(255,255,255,.1) !important;
height: 40px !important;
width: 40px !important;
}
#search-box {
position: fixed !important;
left: 100px;
}
#topbar-first #search-box .form-search {
height: 40px !important;
font-size: 15px;
background-position: unset;
box-shadow: none !important;
}
#search-box form > div {
background-color: #333334;
border-radius: 50px;
}
#search-box form > div::before {
content: '\f002';
font-family: ForkAwesome;
position: absolute;
left: 10px;
top: 8px;
}
#search-box .form-control.form-search {
border-radius: 50px !important;
background: transparent !important;
width: 100% !important;
}
#search-box .form-control::placeholder {
color: #B0B3B8 !important;
}
#topbar-first #search-box .btn {
font-size: 0px !important;
height: 32px;
width: 32px;
top: 2px !important;
background-color: black !important;
margin-top: 2px !important;
}
#topbar-first #search-box .btn::before {
content: '\f061';
font-family: ForkAwesome;
font-size: 15px;
color: #B0B3B8;
}
#nav-user-menu, #nav-notifications-menu {
background-color: #252728 !important;
border: 1px solid #1C1C1D !important;
}
#nav-user-menu {
min-width: 250px !important;
}
.nav-pills .dropdown-menu li a,
.nav-pills .dropdown-menu li .btn-link,
.nav-tabs .dropdown-menu li a,
.nav-tabs .dropdown-menu li .btn-link,
.account .dropdown-menu li a,
.account .dropdown-menu li .btn-link,
.contact-photo-wrapper .dropdown-menu li a,
.contact-photo-wrapper .dropdown-menu li .btn-link {
color: #B0B3B8 !important;
border-color: #252728 !important;
}
.nav-pills .dropdown-menu li > a:hover,
.nav-tabs .dropdown-menu li > a:hover,
.account .dropdown-menu li > a:hover,
.contact-photo-wrapper .dropdown-menu li > a:hover,
.nav-pills .dropdown-menu li.selected a,
.nav-tabs .dropdown-menu li.selected a,
.account .dropdown-menu li.selected a,
.contact-photo-wrapper .dropdown-menu li.selected a {
color: #333 !important;
background: #f2f2f2 !important;
border-radius: 8px;
}
.nav-pills .dropdown-menu li.divider,
.nav-tabs .dropdown-menu li.divider,
.account .dropdown-menu li.divider,
.contact-photo-wrapper .dropdown-menu li.divider {
background-color: #252728 !important;
}
#topbar-first #nav-notifications-menu {
border: 1px solid #1C1C1D !important;
}
#topbar-first #nav-notifications-menu li {
border-color: transparent !important;
box-sizing: border-box;
margin: 10px;
border-radius: 10px !important;
width: 94% !important;
}
#topbar-first .notification-unseen {
background-color: rgba(56, 88, 152,.2) !important
}
#topbar-first #nav-notifications-menu li.notif-entry:hover{
background-color:rgba(128,128,128,.2) !important;
border-color: transparent !important;
}
#topbar-second {
height: 60px !important;
background-color: #252728 !important;
border-color: #333 !important;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
border-radius: 8px !important;
}
#dropdownMenuTools {
height: 40px;
width: 40px;
background-color: rgba(255,255,255,.1) !important;
border-radius: 100% !important;
margin-top: 5px !important;
margin-right: 10px !important;
}
#dropdownMenuTools:hover,
#dropdownMenuTools:focus {
background-color: rgba(0,0,0,.1) !important;
}
#jotOpen {
border-radius: 8px !important;
background-color: #0866FF !important;
color: #ffffff !important;
border-color: #000 !important;
box-shadow: none !important;
}
#jotOpen:hover, #jotOpen:focus {
box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important;
}
#jotOpen::before {
content: 'Compose';
font-size: 15px;
margin-right: 10px;
line-height: 32px;
position: relative;
display: inline;
top: -4px;
}
#jotOpen .fa-pencil-square-o {
font-size: 32px !important;
position: relative;
top: 4px;
}
#topbar-second #nav-short-info {
margin-top: 10px;
}
/* Make Submit Buttons Pretty */
.settings-submit,
button[type="submit"]{
background-color: #0866FF !important;
color: white !important;
border-radius: 8px !important;
border: none !important;
box-shadow: none !important;
}
.settings-submit.form-button-search,
button[type="submit"].form-button-search {
border-radius:50px !important;
margin-top:-.5px !important;
}
.settings-submit:hover,
.settings-submit:focus,
button[type="submit"]:hover,
button[type="submit"]:focus{
box-shadow: inset 0 0 100px rgba(255,255,255,.1) !important;
}
/* make position of submit buttons in settings consistent */
.panel-footer button[type="submit"]{
float: right !important;
}
.panel-footer::after{
content: '';
display: block;
clear: both;
}
/* Compose Window */
#upload-photo {
background-color: #0866FF !important;
color: white !important;
border-radius: 8px !important;
}
#upload-photo:hover,
#upload-photo:focus {
background-color: darkblue !important;
}
/* hide attach file option since there is no way to manage attachments */
.fbswitcher [data-mode="attachment"] {
display: none !important;
}
/* Other people profiles */
#mention-link {
border-radius: 8px !important;
background-color: #0866FF !important;
color: #ffffff !important;
border-color: #000 !important;
box-shadow: none !important;
padding: 0 16px !important;
}
#mention-link:hover,
#mention-link:focus {
box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important;
}
#mention-link span:first-of-type {
float: right;
font-size: 32px;
line-height: 45px;
top: 4px;
}
#mention-link span:first-of-type .fa-2x {
font-size: inherit !important;
}
#mention-link span:last-of-type {
font-size: 15px;
margin-right: 10px;
line-height: 32px;
top: 6px;
position:relative;
}
#contact-edit-status-wrapper {
margin: 15px 0px !important;
border-radius: 10px;
}
#profile-extra-links .btn {
border-radius: 8px !important;
margin-bottom: 10px !important;
}
/* sidebar widgets */
aside .widget,
.nav-container .widget {
background-color: #1C1C1D !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
/* Posts */
.tread-wrapper {
background-color: rgb(37, 39, 40) !important;
box-shadow: 0 0px 1px rgba(0,0,0,.5) !important;
border-radius: 10px !important;
}
.wall-item-container .media {
background-color: rgb(37, 39, 40) !important;
border-radius: 10px !important;
}
.well {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.contact-photo,
.contact-photo-xs {
border-radius: 100% !important;
border: 1px solid #252728 !important;
}
.hovercard {
background-color: #252728 !important;
border: 1px solid #1C1C1D !important;
}
.hover-card-pic img.thumbnail {
border-radius: 100% !important;
background-color: #1C1C1D !important;
border-color: black !important;
}
p.wall-item-announce,
.media .time, .media .shared-time,
.media .delivery, .media .location,
.media .location a {
font-size: 13px !important;
}
.type-link, .type-video {
padding: 0 !important;
margin: 0 !important;
background-color: rgb(51, 51, 52) !important;
border: 1px solid rgb(101, 104, 108) !important;
}
.type-link h4, .type-link blockquote, .type-link sup,
.type-video h4, .type-video blockquote, .type-video sup {
padding-left: 10px !important;
padding-right: 10px !important;
}
/* ACTION BUTTON LABELS */
.wall-item-actions-row button,
.wall-item-actions-right button {
position: relative;
display: block;
white-space: normal !important;
margin: 0 auto !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.wall-item-actions-row button::after,
.wall-item-actions-right button::after {
font-size: 14px;
font-family: sans-serif;
display: block;
margin-top: 2px;
}
.wall-item-response {
position: relative;
padding-top: 4px;
}
.button-comments::after {
content: 'Comment';
}
.button-announces::after {
content: 'Share';
}
.share-links .dropdown-toggle::after {
content: 'Share';
}
.button-votes::after {
content: 'Quote';
}
.button-likes::after {
content: 'Like';
}
[id^="dislike-"]::after{
content: 'Dislike';
}
.wall-item-actions-right .dropdown-toggle::after,
.more-links .dropdown-toggle::after {
content: 'More';
}
/* engagement counts */
.wall-item-actions-row > button span,
.wall-item-response span {
position: absolute;
text-align: center;
display: block;
background-color: #0866FF;
box-shadow: -1px 1px 1px #000;
border-radius: 4px;
color: #fff;
font-size: 12px;
font-weight: 700;
width: fit-content;
padding: 0px 7px;
left: 55%;
top: 0px;
z-index: 1;
}
/* this is some freaking ALCHEMY! */
.vote-event:not(:has(.wall-item-response:empty)) {
padding-bottom: 135px;
}
.vote-event .wall-item-response {
position: absolute;
top: 63px;
}
.vote-event .wall-item-response:empty{
display: none;
}
.vote-event .wall-item-response:nth-of-type(1){
left: 15px;
}
.vote-event .wall-item-response:nth-of-type(1) .button-event::after,
[id^="attendyes"]::after{
content: 'Going';
}
.vote-event .wall-item-response:nth-of-type(2){
left: 105px;
}
.vote-event .wall-item-response:nth-of-type(2) .button-event::after,
[id^="attendno"]::after{
content: 'Can\'t Go';
position: relative;
height: 20px;
overflow: hidden; /* or skews mobile button layout */
}
.vote-event .wall-item-response:nth-of-type(3){
left: 204px;
}
.vote-event .wall-item-response:nth-of-type(3) .button-event::after,
[id^="attendmaybe"]::after{
content: 'Maybe';
}
/* END OF ACTION BUTTON LABELS */
/* Compose and Reply */
#jot-modal-content,
.wall-item-comment-wrapper {
background-color: rgb(37,39,40) !important;
border-radius: 15px !important;
}
#jot-modal-content input,
#jot-modal-content .friendica-tagsinput {
background-color: #1C1C1D !important;
}
#jot-modal-content .fbrowser .folders button {
background-color: rgba(255,255,255,.1) !important;
color: black !important;
/*! box-shadow: none !important; */
}
#jot-modal-content .fbrowser .folders li:hover,
#jot-modal-content .fbraower .folders li:focus {
border-color: transparent !important;
background-color: transparent !important;
}
#jot-title {
border-radius: 50px !important;
background-color: rgb(51,51,52) !important;
}
#profile-jot-text, #profile-jot-wrapper textarea,
#jot-location,
.wall-item-comment-wrapper textarea {
background-color: rgb(51, 51, 52) !important;
}
#jot-text-wrap, #profile-jot-wrapper .dropzone.dz-clickable,
.wall-item-comment-wrapper .dropzone.dz-clickable {
background-color: #1C1C1D !important;
}
.jot-nav {
border: none !important;
}
.jot-nav a {
border: none !important;
border-radius: 8px !important;
margin-right: 5px;
}
.jot-nav a:hover, .jot-nav a:focus {
background-color: rgba(255,255,255,.2) !important;
}
.jot-nav .active a {
background-color: transparent !important;
border-radius: 0 !important;
border-bottom: 3px solid #0866FF !important;
}
.jot-nav .active a:hover, .jot-nav .active a:focus {
background-color: transparent !important;
}
[id^="comment-edit-preview"],
.comment-edit-preview {
border-radius: 8px !important;
box-shadow: none !important;
background-color: rgba(255,255,255,.1);
}
[id^="comment-edit-preview"]:hover,
[id^="comment-edit-preview"]:focus,
.comment-edit-preview:hover,
.comment-edit-preview:focus {
background-color: rgba(255,255,255,.2) !important;
}
#profile-jot-wrapper .wall-item-container.panel-body.preview {
border: 1px solid #666 !important;
margin-top:20px !important;
border-radius: 8px !important;
}
/* Profile */
#profile-photo-wrapper {
overflow: visible !important;
padding: 5px;
background-color: #1C1C1D;
border-radius: 100%
}
aside .widget li {
margin-bottom: 8px;
}
aside .vcard img.u-photo, aside img.vcard-photo {
border-radius: 100% !important;
box-shadow: 0 0 1px rgba(0,0,0,.3);
border: 3px solid #1C1C1D;
}
aside .widget h3.p-name {
font-size: 32px !important;
text-align: center;
word-break: break-word;
}
aside .vcard .p-addr {
font-weight: 600;
text-align: center;
white-space: break-spaces !important;
}
aside .widget li.selected {
background-color:rgba(56, 88, 152,.2) !important;
border-color: transparent !important;
border-radius: 8px;
}
aside .widget li.selected a {
font-weight: bold;
}
aside .widget li:hover {
background-color:rgba(128,128,128,.2) !important;
border-color: transparent !important;
border-radius: 8px;
}
#widget-contacts {
background-color: rgb(37, 39, 40) !important;
border-radius: 8px !important;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) !important;
}
.contact-block-img {
height: 100px !important;
width: 100px !important;
border-radius: 8px !important;
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
margin: 5px;
}
.comment-fake-form {
border: none !important;
background-color: transparent !important;
}
.comment-fake-form textarea {
border-radius: 50px !important;
background-color: rgb(51, 51, 52) !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.wall-item-actions button {
font-size: 24px !important;
color: #B0B3B8 !important;
}
.wall-item-actions button:hover {
color: #0866FF !important;
}
.wall-item-actions .checkbox {
padding-top: 6px !important;
}
.comment .media-body {
padding: 10px;
background-color: rgb(51, 51, 52);
border-radius: 20px;
}
.wall-item-actions-row .wall-item-emoji {
font-size: 18px;
line-height: 40px;
}
.navicon {
font-size: 20px;
position: relative;
top: 1px;
}
/* not obviously clickable or intuitive what it does */
.plink.u-url {
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
box-shadow: 0 0 1px rgba(255,255,255,.5);
border-radius: 100%;
position: relative;
padding: 6px 4px;
height: 35px;
width: 35px;
display: block;
}
.plink.ul-url:hover {
background-color: rgba(255,255,255,.1) !important;
text-decoration: none !important;
}
.plink.u-url::after {
content: '\f101';
font-family: ForkAwesome;
color: #666;
}
.img-allocated-max-width {
margin: 20px auto;
}
/* Photo Albums */
.photo-album-actions .icon-padding,
.photo-edit-link-wrap .icon-padding {
margin-left: 10px !important;
}
.photos-upload-link {
font-size: 28px;
color: #0866FF !important;
opacity: 1 !important;
border-radius: 8px;
padding: 0px 8px;
}
#photo-album-link {
opacity: 1 !important;
}
.photos-upload-link i,
#photo-album-link i,
#photo-edit-link i,
#photo-toprofile-link i,
#album-edit-link i,
#album-drop-link i,
.photos-order-link i {
font-size: 24px !important;
color: #0866FF !important;
opacity: 1 !important;
border-radius: 100% !important;
padding: 8px 11px !important;
height: 40px;
width: 40px;
}
#photo-edit-link i.fa-image {
padding: 6px 7px !important;
}
.photos-order-link {
margin-top: 5px !important;
}
.photos-upload-link:hover i,
.photos-upload-link:focus i,
#photo-album-link:hover i,
#photo-album-link:focus i,
#photo-edit-link:hover i,
#photo-toprofile-link:hover i,
#photo-toprofile-link:focus i,
#album-edit-link:hover i,
#album-edit-link:focus i,
#album-drop-link:hover i,
#album-drop-link:focus i,
.photos-order-link:hover i,
.photos-upload-link:hover i,
.photos-upload-link:focus i {
background-color: rgba(255,255,255,.1) !important;
}
.photos-content-wrapper .photos-upload-link::before {
content: 'Add Photos';
font-size: 15px;
vertical-align: middle;
margin-top: -10px;
display: inline-block;
}
.justified-gallery {
overflow: visible !important;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure{
height: 180px !important;
width: 180px !important;
border: 1px solid #ccc;
position: relative !important;
top: auto !important;
left: auto !important;
border-radius: 8px;
margin: 4px !important;
}
.justified-gallery > .jg-entry-visible > img,
.justified-gallery > .jg-entry-visible > a > img,
.justified-gallery > .jg-entry-visible > svg,
.justified-gallery > .jg-entry-visible > a > svg{
width: 100% !important;
height: 100% !important;
margin: 0 !important;
top: 0 !important;
left: 0 !important;
object-fit:cover;
object-position: center;
}
#photo-photo {
margin: 0 auto !important;
}
@media screen and (max-width: 1280px) {
#search-box {
width: 18% !important;
}
}
@media screen and (max-width: 991px){
#search-box {
left: 15%;
}
#jotOpen::before {
content: '';
margin: 0;
}
#mention-link span:last-of-type {
margin-right: 42px;
}
}
@media screen and (max-width: 768px){
#topbar-first .navbar-toggle[data-target="#search-mobile"]{
position: fixed !important;
left: 15%;
}
#search-mobile {
top: 110px !important;
}
}
Bookface Light Version 4
This is the 4th revision of my Friendica FB facelift user stylesheet.
How to use:
If you're using the Firefox userContent.css make sure to wrap all of this in @-moz-document domain(friendica.world){...} (or whichever server you're on). Otherwise copy+paste into the Stylus add-on for Firefox or Stylus extension for Chrome or the Userscripts extension for Safari. Then in your Friendica Settings - Display - Theme pick "Frio" and under Settings - Display - Theme Customization either pick "Light" or "Custom." If you choose "Custom" copy+paste this schemestring:
{"nav_bg":"#ffffff","nav_icon_color":"#606637","link_color":"#0866ff","background_color":"#f2f4f7","background_image":"","contentbg_transp":"100"}
What's New?
- Adds “superscript” engagement numbers to mobile Action Buttons.
- Settings “Submit” buttons normalized to right-hand placement.
- “Mention” button and “Compose” buttons sizing is now same.
- Compose Modal/Page and Reply are now styled
- File Attachment button hidden[1] on Compose File Browser
- Adjustment to Event RSVP buttons for both desktop and mobile
- Styling and adjustment to Profile Extra Links
- Changed Network Links from “Link:” text to button style with “>>”
Mattias is adapting these styles to a Friendica Template (Work-In-Progress, not ready for production use).
[1] There is no way to manage/delete the uploaded/attached files so I hid the button to do it. If you actually use this partially-implemented/broken feature delete the line that hides it, it’s commented in the stylesheet.
The Code:
Reveal/hide
/* BOOKFACE LIGHT VERSION 4
====================================
This "user styles" stylesheet will override Friendica and style it more like Facebook.
Go to Settings - Display - Theme and select "Frio"
Under "Theme Customization" select default "Lite" scheme, blue variant
-or -
Choose "Custom" and paste this schemestring:
{"nav_bg":"#ffffff","nav_icon_color":"#606637","link_color":"#0866ff","background_color":"#f2f4f7","background_image":"","contentbg_transp":"100"}
Paste the code below into Stylus add-on for Firefox, Stylus Extension for Chrome, or Usercripts extension for Safari.
You can also pasted it into a userContent.css file for Firefox, but wrap it in "@-moz-document domain(friendica.instance){...}" (replace with your server)
*/
body {
background-color: #f2f4f7 !important;
font-size: 15px !important;
padding-top: 125px !important;
}
#topbar-first .nav > li > a,
#topbar-first .nav > li > button,
nav.navbar .nav > li > a,
nav.navbar .nav > li > button{
color: #65686C !important;
}
#topbar-first, nav.navbar {
background-color: #ffffff !important;
color: #65686C !important;
}
#topbar-first .topbar-nav .nav-segment {
margin-right: 10px;
}
#topbar-first .nav > li > a:hover:not(.selected) {
background-color: rgba(128,128,128,.1) !important;
border-radius: 8px !important;
}
.fa-lg {
font-size: 24px !important;
}
#topbar-first .nav > li > a:hover,
#topbar-first .nav > li > a:focus,
#topbar-first .nav > li > button:not(#main-menu):hover,
#topbar-first .nav > li > button:not(#main-menu):focus,
nav.navbar .nav > li > a:hover,
nav.navbar .nav > li > a:focus,
nav.navbar .nav > li > button:hover,
nav.navbar .nav > li > button:focus {
background-color: rgba(128,128,128,.1) !important;
border-radius: 8px !important;
}
#topbar-first .nav > li > a.selected {
border-bottom: 3px solid #0866FF !important;
color: #0866FF !important;
}
#topbar-first .nav > li > a.selected:hover,
#topbar-first .nav > li > #main-menu:hover,
#topbar-first .nav > li > #main-menu:focus {
background-color: transparent !important;
border-radius: 0 !important;
}
ul.tabs li {
font-size: 15px !important;
margin-left: 10px !important;
}
ul.tabs li a {
margin-top: 8px;
}
ul.tabs li:hover:not(.active) {
border-bottom-width: 0px !important;
}
ul.tabs li:hover:not(.active) a {
background-color: rgba(128,128,128,.1) !important;
border-radius: 8px !important;
}
.dropdown-menu {
padding-bottom: 15px !important;
}
.dropdown-menu li {
margin: 10px;
width: 92% !important;
border-radius: 8px;
}
.dropdown-menu li:hover {
border-color: transparent !important;
}
header #banner {
left: 0 !important;
right: auto !important;
}
header #banner #logo-img,
.navbar-brand #logo-img {
background-color: #0866FF !important;
height: 40px !important;
width: 40px !important;
}
.topbar ul.nav {
left: 50% !important;
margin-left: -25% !important;
position: relative;
}
#topbar-first .nav > .account img {
border-radius: 100% !important;
box-shadow: 0 0 1px rgba(255,255,255,.1) !important;
height: 40px !important;
width: 40px !important;
}
#search-box {
position: fixed !important;
left: 100px;
}
#topbar-first #search-box .form-search {
height: 40px !important;
font-size: 15px;
background-position: unset;
}
#search-box form > div {
background-color: #f2f4f7;
border-radius: 50px;
}
#search-box form > div::before {
content: '\f002';
font-family: ForkAwesome;
position: absolute;
left: 10px;
top: 8px;
}
#search-box .form-control.form-search {
border-radius: 50px !important;
background: transparent !important;
width: 100% !important;
}
#search-box .form-control::placeholder {
color: #666 !important;
}
#topbar-first #search-box .btn {
font-size: 0px !important;
height: 32px;
width: 32px;
top: 2px !important;
background-color: white !important;
margin-top: 2px !important;
}
#topbar-first #search-box .btn::before {
content: '\f061';
font-family: ForkAwesome;
font-size: 15px;
color: #666;
}
#nav-user-menu {
background-color: #ffffff !important;
min-width: 250px !important;
}
.nav-pills .dropdown-menu li a, .nav-pills .dropdown-menu li .btn-link, .nav-tabs .dropdown-menu li a, .nav-tabs .dropdown-menu li .btn-link, .account .dropdown-menu li a, .account .dropdown-menu li .btn-link, .contact-photo-wrapper .dropdown-menu li a, .contact-photo-wrapper .dropdown-menu li .btn-link {
color: #65686C !important;
border-color: white !important;
}
.nav-pills .dropdown-menu li > a:hover,
.nav-tabs .dropdown-menu li > a:hover,
.account .dropdown-menu li > a:hover,
.contact-photo-wrapper .dropdown-menu li > a:hover,
.nav-pills .dropdown-menu li.selected a,
.nav-tabs .dropdown-menu li.selected a,
.account .dropdown-menu li.selected a,
.contact-photo-wrapper .dropdown-menu li.selected a {
color: #333 !important;
background: #f2f2f2 !important;
border-radius: 8px;
}
.nav-pills .dropdown-menu li.divider, .nav-tabs .dropdown-menu li.divider, .account .dropdown-menu li.divider, .contact-photo-wrapper .dropdown-menu li.divider {
background-color: #ffffff !important;
}
#topbar-second {
height: 60px !important;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
border-radius: 8px !important;
}
#dropdownMenuTools {
height: 40px;
width: 40px;
background-color: rgba(128,128,128,.1) !important;
border-radius: 100% !important;
margin-top: 5px !important;
margin-right: 10px !important;
}
#dropdownMenuTools:hover,
#dropdownMenuTools:focus {
background-color: rgba(0,0,0,.1) !important;
}
#jotOpen {
border-radius: 8px !important;
background-color: #0866FF !important;
color: #ffffff !important;
}
#jotOpen:hover, #jotOpen:focus {
box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important;
}
#jotOpen::before {
content: 'Compose';
font-size: 15px;
margin-right: 10px;
line-height: 32px;
position: relative;
display: inline;
top: -4px;
}
#jotOpen .fa-pencil-square-o {
font-size: 32px !important;
position: relative;
top: 4px;
}
#topbar-second #nav-short-info {
margin-top: 10px;
}
/* Make Submit Buttons Pretty */
.settings-submit,
button[type="submit"]{
background-color: #0866FF !important;
color: white !important;
border-radius: 8px !important;
}
.settings-submit.form-button-search,
button[type="submit"].form-button-search {
border-radius:50px !important;
margin-top:-.5px !important;
}
.settings-submit:hover,
.settings-submit:focus,
button[type="submit"]:hover,
button[type="submit"]:focus{
box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important;
}
/* make position of submit buttons in settings consistent */
.panel-footer button[type="submit"]{
float: right !important;
}
.panel-footer::after{
content: '';
display: block;
clear: both;
}
/* Other people profiles */
#mention-link {
background-color: #0866FF !important;
color: white !important;;
border-radius: 8px !important;;
padding: 0 16px !important;
}
#mention-link:hover,
#mention-link:focus {
box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important;
}
#mention-link span:first-of-type {
float: right;
font-size: 32px;
line-height: 45px;
top: 4px;
}
#mention-link span:first-of-type .fa-2x {
font-size: inherit !important;
}
#mention-link span:last-of-type {
font-size: 15px;
margin-right: 10px;
line-height: 32px;
top: 6px;
position:relative;
}
#contact-edit-status-wrapper {
margin: 15px 0px !important;
border-radius: 10px;
}
#profile-extra-links .btn {
border-radius: 8px !important;
margin-bottom: 10px !important;
}
/* sidebar widgets */
aside .widget,
.nav-container .widget {
background-color: #f2f4f7 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.tread-wrapper {
box-shadow: 0 0px 1px rgba(0,0,0,.5) !important;
border-radius: 10px !important;
}
.wall-item-container .media {
background-color: #ffffff !important;
border-radius: 10px !important;
}
.contact-photo,
.contact-photo-xs {
border-radius: 100% !important;
border: 1px solid #eee !important;
}
.hover-card-pic img.thumbnail {
border-radius: 100% !important;
}
p.wall-item-announce,
.media .time, .media .shared-time,
.media .delivery, .media .location,
.media .location a {
font-size: 13px !important;
}
.type-link, .type-video {
padding: 0 !important;
margin: 0 !important;
background-color: rgb(240, 242, 245) !important;
border: 1px solid rgb(208,211,215) !important;
}
.type-link h4, .type-link blockquote, .type-link sup,
.type-video h4, .type-video blockquote, .type-video sup {
padding-left: 10px !important;
padding-right: 10px !important;
}
/* ACTION BUTTON LABELS */
.wall-item-actions-row button,
.wall-item-actions-right button {
position: relative;
display: block;
white-space: normal !important;
margin: 0 auto !important;
}
.wall-item-actions-row button::after,
.wall-item-actions-right button::after {
font-size: 14px;
font-family: sans-serif;
display: block;
margin-top: 2px;
}
.wall-item-response {
position: relative;
overflow: visible !important;
}
.button-comments::after {
content: 'Comment';
}
.button-announces::after {
content: 'Share';
}
.share-links .dropdown-toggle::after {
content: 'Share';
}
.button-votes::after {
content: 'Quote';
}
.button-likes::after {
content: 'Like';
}
[id^="dislike-"]::after{
content: 'Dislike';
}
.wall-item-actions-right .dropdown-toggle::after,
.more-links .dropdown-toggle::after {
content: 'More';
}
/* engagement counts */
.wall-item-actions-row > button span,
.wall-item-response span {
position: absolute;
text-align: center;
display: block;
background-color: #0866FF;
box-shadow: -1px 1px 1px #fff;
border-radius: 4px;
color: #fff;
font-size: 12px;
font-weight: 700;
width: fit-content;
padding: 0px 7px;
left: 55%;
top: 0px;
z-index: 1;
}
/* this is some freaking ALCHEMY! */
.vote-event:not(:has(.wall-item-response:empty)) {
padding-bottom: 135px;
}
.vote-event .wall-item-response {
position: absolute;
top: 63px;
}
.vote-event .wall-item-response:empty{
display: none;
}
.vote-event .wall-item-response:nth-of-type(1){
left: 15px;
}
.vote-event .wall-item-response:nth-of-type(1) .button-event::after,
[id^="attendyes"]::after{
content: 'Going';
}
.vote-event .wall-item-response:nth-of-type(2){
left: 105px;
}
.vote-event .wall-item-response:nth-of-type(2) .button-event::after,
[id^="attendno"]::after{
content: 'Can\'t Go';
position: relative;
height: 20px;
overflow: hidden; /* or skews mobile button layout */
}
.vote-event .wall-item-response:nth-of-type(3){
left: 204px;
}
.vote-event .wall-item-response:nth-of-type(3) .button-event::after,
[id^="attendmaybe"]::after{
content: 'Maybe';
}
/* END OF ACTION BUTTON LABELS */
/* Compose and Reply */
#jot-modal-content,
.wall-item-comment-wrapper {
background-color: #fff !important;
border-radius: 15px !important;
}
#jot-modal-content input,
#jot-modal-content .friendica-tagsinput {
background-color: #fff !important;
}
#jot-modal-content .fbrowser .folders button {
background-color: rgba(0,0,0,.1) !important;
color: black !important;
/*! box-shadow: none !important; */
}
#jot-modal-content .fbrowser .folders li:hover,
#jot-modal-content .fbraower .folders li:focus {
border-color: transparent !important;
background-color: transparent !important;
}
#jot-title {
border-radius: 50px !important;
background-color: #fff !important;
}
#profile-jot-text, #profile-jot-wrapper textarea,
#jot-location,
.wall-item-comment-wrapper textarea {
background-color: #fff !important;
}
#jot-text-wrap, #profile-jot-wrapper .dropzone.dz-clickable,
.wall-item-comment-wrapper .dropzone.dz-clickable {
background-color: #f2f4f7 !important;
}
.jot-nav {
border: none !important;
}
.jot-nav a {
border: none !important;
border-radius: 8px !important;
margin-right: 5px;
}
.jot-nav a:hover, .jot-nav a:focus {
background-color: rgba(128,128,128,.2) !important;
}
.jot-nav .active a {
background-color: transparent !important;
border-radius: 0 !important;
border-bottom: 3px solid #0866FF !important;
}
.jot-nav .active a:hover, .jot-nav .active a:focus {
background-color: transparent !important;
}
[id^="comment-edit-preview"],
.comment-edit-preview {
border-radius: 8px !important;
box-shadow: none !important;
background-color: rgba(0,0,0,.1);
}
[id^="comment-edit-preview"]:hover,
[id^="comment-edit-preview"]:focus,
.comment-edit-preview:hover,
.comment-edit-preview:focus {
background-color: rgba(0,0,0,.2) !important;
}
#profile-jot-wrapper .wall-item-container.panel-body.preview {
border: 1px solid #666 !important;
margin-top:20px !important;
border-radius: 8px !important;
}
/* file browser */
#upload-photo {
background-color: #0866FF !important;
color: white !important;
border-radius: 8px !important;
}
#upload-photo:hover,
#upload-photo:focus {
background-color: darkblue !important;
}
.fbswitcher [data-mode="attachment"] {
display: none !important;
}
/* Profiles */
#profile-photo-wrapper {
overflow: visible !important;
padding: 5px;
background-color: #ffffff;
border-radius: 100%
}
aside .widget li {
margin-bottom: 8px;
}
aside .vcard img.u-photo, aside img.vcard-photo {
border-radius: 100% !important;
box-shadow: 0 0 1px rgba(0,0,0,.3);
border: 3px solid white;
}
aside .widget h3.p-name {
font-size: 32px !important;
text-align: center;
word-break: break-word;
}
aside .vcard .p-addr {
font-weight: 600;
text-align: center;
white-space: break-spaces !important;
}
aside .widget li.selected {
background-color:rgba(128,128,128,.1) !important;
border-color: transparent !important;
border-radius: 8px;
}
aside .widget li.selected a {
font-weight: bold;
}
aside .widget li:hover {
background-color:rgba(255,255,255,1) !important;
border-color: transparent !important;
border-radius: 8px;
}
#widget-contacts {
background-color: #ffffff !important;
border-radius: 8px !important;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) !important;
}
.contact-block-img {
height: 100px !important;
width: 100px !important;
border-radius: 8px !important;
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
margin: 5px;
}
.comment-fake-form {
border: none !important;
background-color: transparent !important;
}
.comment-fake-form textarea {
border-radius: 50px !important;
}
.wall-item-actions button {
font-size: 24px !important;
color: #65686C !important;
}
.wall-item-actions button:hover {
color: #0866FF !important;
}
.wall-item-actions .checkbox {
padding-top: 6px !important;
}
.comment .media-body {
padding: 10px;
background-color: #f2f4f7;
border-radius: 20px;
}
.wall-item-actions-row .wall-item-emoji {
font-size: 18px;
line-height: 40px;
}
.navicon {
font-size: 20px;
position: relative;
top: 1px;
}
/* not obviously clickable or intuitive what it does */
.plink.u-url {
-webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
box-shadow: 0 0 1px rgba(0,0,0,.5);
border-radius: 100%;
position: relative;
padding: 6px 4px;
height: 35px;
width: 35px;
display: block;
}
.plink.u-url:hover {
background-color: rgba(0,0,0,.1) !important;
text-decoration: none !important;
}
.plink.u-url::after {
content: '\f101';
font-family: ForkAwesome;
color: #666;
}
.img-allocated-max-width {
margin: 20px auto;
}
/* Photo Albums */
.photo-album-actions .icon-padding,
.photo-edit-link-wrap .icon-padding {
margin-left: 10px !important;
}
.photos-upload-link {
font-size: 28px;
color: #0866FF !important;
opacity: 1 !important;
border-radius: 8px;
padding: 0px 8px;
}
#photo-album-link {
opacity: 1 !important;
}
.photos-upload-link i,
#photo-album-link i,
#photo-edit-link i,
#photo-toprofile-link i,
#album-edit-link i,
#album-drop-link i,
.photos-order-link i {
font-size: 24px !important;
color: #0866FF !important;
opacity: 1 !important;
border-radius: 100% !important;
padding: 8px 11px !important;
height: 40px;
width: 40px;
}
#photo-edit-link i.fa-image {
padding: 6px 7px !important;
}
.photos-order-link {
margin-top: 5px !important;
}
.photos-upload-link:hover i,
.photos-upload-link:focus i,
#photo-album-link:hover i,
#photo-album-link:focus i,
#photo-edit-link:hover i,
#photo-toprofile-link:hover i,
#photo-toprofile-link:focus i,
#album-edit-link:hover i,
#album-edit-link:focus i,
#album-drop-link:hover i,
#album-drop-link:focus i,
.photos-order-link:hover i,
.photos-upload-link:hover i,
.photos-upload-link:focus i {
background-color: rgba(128,128,128,.1) !important;
}
.photos-content-wrapper .photos-upload-link::before {
content: 'Add Photos';
font-size: 15px;
vertical-align: middle;
margin-top: -10px;
display: inline-block;
}
.justified-gallery {
overflow: visible !important;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure{
height: 180px !important;
width: 180px !important;
border: 1px solid #ccc;
position: relative !important;
top: auto !important;
left: auto !important;
border-radius: 8px;
margin: 4px !important;
}
.justified-gallery > .jg-entry-visible > img,
.justified-gallery > .jg-entry-visible > a > img,
.justified-gallery > .jg-entry-visible > svg,
.justified-gallery > .jg-entry-visible > a > svg{
width: 100% !important;
height: 100% !important;
margin: 0 !important;
top: 0 !important;
left: 0 !important;
object-fit:cover;
object-position: center;
}
#photo-photo {
margin: 0 auto !important;
}
@media screen and (max-width: 1280px) {
#search-box {
width: 18% !important;
}
}
@media screen and (max-width: 991px){
#search-box {
left: 15%;
}
#jotOpen::before {
content: '';
margin: 0;
}
#mention-link span:last-of-type {
margin-right: 42px;
}
}
@media screen and (max-width: 768px){
#topbar-first .navbar-toggle[data-target="#search-mobile"]{
position: fixed !important;
left: 15%;
}
#search-mobile {
top: 110px !important;
}
} 
Bookface Dark Version 4
This is the 4th revision of my Friendica FB facelift user stylesheet.How to use:
If you're using the Firefox userContent.css make sure to wrap all of this in @-moz-document domain(friendica.world){...} (or whichever server you're on). Otherwise copy+paste into the Stylus add-on for Firefox or Stylus extension for Chrome or the Userscripts extension for Safari. Then in your Friendica Settings - Display - Theme pick "Frio" and under Settings - Display - Theme Customization either pick "Dark" or "Black." Note that the dark version does not use a schemestring:
What's New?
- Adds “superscript” engagement numbers to mobile Action Buttons
- Settings “Submit” buttons normalized to right-hand placement
- “Mention” button and “Compose” buttons sizing is now same
- Compose Modal/Page and Reply are now styled
- File Attachment button hidden[1] on Compose File Browser
- Adjustment to Event RSVP buttons for both desktop and mobile
- Styling and adjustment to Profile Extra Links
- Changed Network Links from “Link:” text to button style with “>>”
[1] There is no way to manage/delete the uploaded/attached files so I hid the button to do it. If you actually use this partially-implemented/broken feature delete the line that hides it, it’s commented in the stylesheet.The Code:
Reveal/hide
/* BOOKFACE DARK VERSION 4 ==================================== This "user styles" stylesheet will override Friendica and style it more like Facebook. Go to Settings - Display - Theme and select "Frio" Under "Theme Customization" select either the "Dark" or "Black" scheme, blue variant. You cannot use "Custom" as there is no schemestring. Paste the code below into Stylus add-on for Firefox, Stylus Extension for Chrome, or Usercripts extension for Safari. You can also pasted it into a userContent.css file for Firefox, but wrap it in "@-moz-document domain(friendica.instance){...}" (replace with your server) */ body { background-color: #1C1C1D !important; font-size: 15px !important; padding-top: 125px !important; } #topbar-first .nav > li > a, #topbar-first .nav > li > button, nav.navbar .nav > li > a, nav.navbar .nav > li > button{ color: #B0B3B8 !important; } #topbar-first, nav.navbar { background-color: #252728 !important; color: #B0B3B8 !important; } #topbar-first .topbar-nav .nav-segment { margin-right: 10px; } #topbar-first .nav > li > a:hover:not(.selected) { background-color: rgba(255,255,255,.1) !important; border-radius: 8px !important; } .fa-lg { font-size: 24px !important; } #topbar-first .nav > li > a:hover, #topbar-first .nav > li > a:focus, #topbar-first .nav > li > button:not(#main-menu):hover, #topbar-first .nav > li > button:not(#main-menu):focus, nav.navbar .nav > li > a:hover, nav.navbar .nav > li > a:focus, nav.navbar .nav > li > button:hover, nav.navbar .nav > li > button:focus { background-color: rgba(255,255,255,.1) !important; border-radius: 8px !important; } #topbar-first .nav > li > a.selected { border-bottom: 3px solid #0866FF !important; color: #0866FF !important; } #topbar-first .nav > li > a.selected:hover, #topbar-first .nav > li > #main-menu:hover, #topbar-first .nav > li > #main-menu:focus { background-color: transparent !important; border-radius: 0 !important; } ul.tabs li { font-size: 15px !important; margin-left: 10px !important; } ul.tabs li.active { border-color: #0866FF !important; } ul.tabs li a { margin-top: 8px; color: rgb(90, 167, 255) !important; } ul.tabs li:hover:not(.active) { border-bottom-width: 0px !important; } ul.tabs li:hover:not(.active) a { background-color: rgba(255,255,255,.1) !important; border-radius: 8px !important; } .dropdown-menu { padding-bottom: 15px !important; } .dropdown-menu li { margin: 10px; width: 92% !important; border-radius: 8px; } .dropdown-menu li:hover { border-color: transparent !important; } header #banner { left: 0 !important; right: auto !important; } header #banner #logo-img, .navbar-brand #logo-img { background-color: #0866FF !important; height: 40px !important; width: 40px !important; } .topbar ul.nav { left: 50% !important; margin-left: -25% !important; position: relative; } #topbar-first .nav > .account img { border-radius: 100% !important; box-shadow: 0 0 1px rgba(255,255,255,.1) !important; height: 40px !important; width: 40px !important; } #search-box { position: fixed !important; left: 100px; } #topbar-first #search-box .form-search { height: 40px !important; font-size: 15px; background-position: unset; box-shadow: none !important; } #search-box form > div { background-color: #333334; border-radius: 50px; } #search-box form > div::before { content: '\f002'; font-family: ForkAwesome; position: absolute; left: 10px; top: 8px; } #search-box .form-control.form-search { border-radius: 50px !important; background: transparent !important; width: 100% !important; } #search-box .form-control::placeholder { color: #B0B3B8 !important; } #topbar-first #search-box .btn { font-size: 0px !important; height: 32px; width: 32px; top: 2px !important; background-color: black !important; margin-top: 2px !important; } #topbar-first #search-box .btn::before { content: '\f061'; font-family: ForkAwesome; font-size: 15px; color: #B0B3B8; } #nav-user-menu, #nav-notifications-menu { background-color: #252728 !important; border: 1px solid #1C1C1D !important; } #nav-user-menu { min-width: 250px !important; } .nav-pills .dropdown-menu li a, .nav-pills .dropdown-menu li .btn-link, .nav-tabs .dropdown-menu li a, .nav-tabs .dropdown-menu li .btn-link, .account .dropdown-menu li a, .account .dropdown-menu li .btn-link, .contact-photo-wrapper .dropdown-menu li a, .contact-photo-wrapper .dropdown-menu li .btn-link { color: #B0B3B8 !important; border-color: #252728 !important; } .nav-pills .dropdown-menu li > a:hover, .nav-tabs .dropdown-menu li > a:hover, .account .dropdown-menu li > a:hover, .contact-photo-wrapper .dropdown-menu li > a:hover, .nav-pills .dropdown-menu li.selected a, .nav-tabs .dropdown-menu li.selected a, .account .dropdown-menu li.selected a, .contact-photo-wrapper .dropdown-menu li.selected a { color: #333 !important; background: #f2f2f2 !important; border-radius: 8px; } .nav-pills .dropdown-menu li.divider, .nav-tabs .dropdown-menu li.divider, .account .dropdown-menu li.divider, .contact-photo-wrapper .dropdown-menu li.divider { background-color: #252728 !important; } #topbar-first #nav-notifications-menu { border: 1px solid #1C1C1D !important; } #topbar-first #nav-notifications-menu li { border-color: transparent !important; box-sizing: border-box; margin: 10px; border-radius: 10px !important; width: 94% !important; } #topbar-first .notification-unseen { background-color: rgba(56, 88, 152,.2) !important } #topbar-first #nav-notifications-menu li.notif-entry:hover{ background-color:rgba(128,128,128,.2) !important; border-color: transparent !important; } #topbar-second { height: 60px !important; background-color: #252728 !important; border-color: #333 !important; } .btn.btn-primary:hover, .btn.btn-primary:focus { border-radius: 8px !important; } #dropdownMenuTools { height: 40px; width: 40px; background-color: rgba(255,255,255,.1) !important; border-radius: 100% !important; margin-top: 5px !important; margin-right: 10px !important; } #dropdownMenuTools:hover, #dropdownMenuTools:focus { background-color: rgba(0,0,0,.1) !important; } #jotOpen { border-radius: 8px !important; background-color: #0866FF !important; color: #ffffff !important; border-color: #000 !important; box-shadow: none !important; } #jotOpen:hover, #jotOpen:focus { box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important; } #jotOpen::before { content: 'Compose'; font-size: 15px; margin-right: 10px; line-height: 32px; position: relative; display: inline; top: -4px; } #jotOpen .fa-pencil-square-o { font-size: 32px !important; position: relative; top: 4px; } #topbar-second #nav-short-info { margin-top: 10px; } /* Make Submit Buttons Pretty */ .settings-submit, button[type="submit"]{ background-color: #0866FF !important; color: white !important; border-radius: 8px !important; border: none !important; box-shadow: none !important; } .settings-submit.form-button-search, button[type="submit"].form-button-search { border-radius:50px !important; margin-top:-.5px !important; } .settings-submit:hover, .settings-submit:focus, button[type="submit"]:hover, button[type="submit"]:focus{ box-shadow: inset 0 0 100px rgba(255,255,255,.1) !important; } /* make position of submit buttons in settings consistent */ .panel-footer button[type="submit"]{ float: right !important; } .panel-footer::after{ content: ''; display: block; clear: both; } /* Compose Window */ #upload-photo { background-color: #0866FF !important; color: white !important; border-radius: 8px !important; } #upload-photo:hover, #upload-photo:focus { background-color: darkblue !important; } /* hide attach file option since there is no way to manage attachments */ .fbswitcher [data-mode="attachment"] { display: none !important; } /* Other people profiles */ #mention-link { border-radius: 8px !important; background-color: #0866FF !important; color: #ffffff !important; border-color: #000 !important; box-shadow: none !important; padding: 0 16px !important; } #mention-link:hover, #mention-link:focus { box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important; } #mention-link span:first-of-type { float: right; font-size: 32px; line-height: 45px; top: 4px; } #mention-link span:first-of-type .fa-2x { font-size: inherit !important; } #mention-link span:last-of-type { font-size: 15px; margin-right: 10px; line-height: 32px; top: 6px; position:relative; } #contact-edit-status-wrapper { margin: 15px 0px !important; border-radius: 10px; } #profile-extra-links .btn { border-radius: 8px !important; margin-bottom: 10px !important; } /* sidebar widgets */ aside .widget, .nav-container .widget { background-color: #1C1C1D !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } /* Posts */ .tread-wrapper { background-color: rgb(37, 39, 40) !important; box-shadow: 0 0px 1px rgba(0,0,0,.5) !important; border-radius: 10px !important; } .wall-item-container .media { background-color: rgb(37, 39, 40) !important; border-radius: 10px !important; } .well { -webkit-box-shadow: none !important; box-shadow: none !important; } .contact-photo, .contact-photo-xs { border-radius: 100% !important; border: 1px solid #252728 !important; } .hovercard { background-color: #252728 !important; border: 1px solid #1C1C1D !important; } .hover-card-pic img.thumbnail { border-radius: 100% !important; background-color: #1C1C1D !important; border-color: black !important; } p.wall-item-announce, .media .time, .media .shared-time, .media .delivery, .media .location, .media .location a { font-size: 13px !important; } .type-link, .type-video { padding: 0 !important; margin: 0 !important; background-color: rgb(51, 51, 52) !important; border: 1px solid rgb(101, 104, 108) !important; } .type-link h4, .type-link blockquote, .type-link sup, .type-video h4, .type-video blockquote, .type-video sup { padding-left: 10px !important; padding-right: 10px !important; } /* ACTION BUTTON LABELS */ .wall-item-actions-row button, .wall-item-actions-right button { position: relative; display: block; white-space: normal !important; margin: 0 auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .wall-item-actions-row button::after, .wall-item-actions-right button::after { font-size: 14px; font-family: sans-serif; display: block; margin-top: 2px; } .wall-item-response { position: relative; padding-top: 4px; } .button-comments::after { content: 'Comment'; } .button-announces::after { content: 'Share'; } .share-links .dropdown-toggle::after { content: 'Share'; } .button-votes::after { content: 'Quote'; } .button-likes::after { content: 'Like'; } [id^="dislike-"]::after{ content: 'Dislike'; } .wall-item-actions-right .dropdown-toggle::after, .more-links .dropdown-toggle::after { content: 'More'; } /* engagement counts */ .wall-item-actions-row > button span, .wall-item-response span { position: absolute; text-align: center; display: block; background-color: #0866FF; box-shadow: -1px 1px 1px #000; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 700; width: fit-content; padding: 0px 7px; left: 55%; top: 0px; z-index: 1; } /* this is some freaking ALCHEMY! */ .vote-event:not(:has(.wall-item-response:empty)) { padding-bottom: 135px; } .vote-event .wall-item-response { position: absolute; top: 63px; } .vote-event .wall-item-response:empty{ display: none; } .vote-event .wall-item-response:nth-of-type(1){ left: 15px; } .vote-event .wall-item-response:nth-of-type(1) .button-event::after, [id^="attendyes"]::after{ content: 'Going'; } .vote-event .wall-item-response:nth-of-type(2){ left: 105px; } .vote-event .wall-item-response:nth-of-type(2) .button-event::after, [id^="attendno"]::after{ content: 'Can\'t Go'; position: relative; height: 20px; overflow: hidden; /* or skews mobile button layout */ } .vote-event .wall-item-response:nth-of-type(3){ left: 204px; } .vote-event .wall-item-response:nth-of-type(3) .button-event::after, [id^="attendmaybe"]::after{ content: 'Maybe'; } /* END OF ACTION BUTTON LABELS */ /* Compose and Reply */ #jot-modal-content, .wall-item-comment-wrapper { background-color: rgb(37,39,40) !important; border-radius: 15px !important; } #jot-modal-content input, #jot-modal-content .friendica-tagsinput { background-color: #1C1C1D !important; } #jot-modal-content .fbrowser .folders button { background-color: rgba(255,255,255,.1) !important; color: black !important; /*! box-shadow: none !important; */ } #jot-modal-content .fbrowser .folders li:hover, #jot-modal-content .fbraower .folders li:focus { border-color: transparent !important; background-color: transparent !important; } #jot-title { border-radius: 50px !important; background-color: rgb(51,51,52) !important; } #profile-jot-text, #profile-jot-wrapper textarea, #jot-location, .wall-item-comment-wrapper textarea { background-color: rgb(51, 51, 52) !important; } #jot-text-wrap, #profile-jot-wrapper .dropzone.dz-clickable, .wall-item-comment-wrapper .dropzone.dz-clickable { background-color: #1C1C1D !important; } .jot-nav { border: none !important; } .jot-nav a { border: none !important; border-radius: 8px !important; margin-right: 5px; } .jot-nav a:hover, .jot-nav a:focus { background-color: rgba(255,255,255,.2) !important; } .jot-nav .active a { background-color: transparent !important; border-radius: 0 !important; border-bottom: 3px solid #0866FF !important; } .jot-nav .active a:hover, .jot-nav .active a:focus { background-color: transparent !important; } [id^="comment-edit-preview"], .comment-edit-preview { border-radius: 8px !important; box-shadow: none !important; background-color: rgba(255,255,255,.1); } [id^="comment-edit-preview"]:hover, [id^="comment-edit-preview"]:focus, .comment-edit-preview:hover, .comment-edit-preview:focus { background-color: rgba(255,255,255,.2) !important; } #profile-jot-wrapper .wall-item-container.panel-body.preview { border: 1px solid #666 !important; margin-top:20px !important; border-radius: 8px !important; } /* Profile */ #profile-photo-wrapper { overflow: visible !important; padding: 5px; background-color: #1C1C1D; border-radius: 100% } aside .widget li { margin-bottom: 8px; } aside .vcard img.u-photo, aside img.vcard-photo { border-radius: 100% !important; box-shadow: 0 0 1px rgba(0,0,0,.3); border: 3px solid #1C1C1D; } aside .widget h3.p-name { font-size: 32px !important; text-align: center; word-break: break-word; } aside .vcard .p-addr { font-weight: 600; text-align: center; white-space: break-spaces !important; } aside .widget li.selected { background-color:rgba(56, 88, 152,.2) !important; border-color: transparent !important; border-radius: 8px; } aside .widget li.selected a { font-weight: bold; } aside .widget li:hover { background-color:rgba(128,128,128,.2) !important; border-color: transparent !important; border-radius: 8px; } #widget-contacts { background-color: rgb(37, 39, 40) !important; border-radius: 8px !important; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) !important; } .contact-block-img { height: 100px !important; width: 100px !important; border-radius: 8px !important; box-shadow: 0 0 1px rgba(0, 0, 0, .2); margin: 5px; } .comment-fake-form { border: none !important; background-color: transparent !important; } .comment-fake-form textarea { border-radius: 50px !important; background-color: rgb(51, 51, 52) !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .wall-item-actions button { font-size: 24px !important; color: #B0B3B8 !important; } .wall-item-actions button:hover { color: #0866FF !important; } .wall-item-actions .checkbox { padding-top: 6px !important; } .comment .media-body { padding: 10px; background-color: rgb(51, 51, 52); border-radius: 20px; } .wall-item-actions-row .wall-item-emoji { font-size: 18px; line-height: 40px; } .navicon { font-size: 20px; position: relative; top: 1px; } /* not obviously clickable or intuitive what it does */ .plink.u-url { -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); border-radius: 100%; position: relative; padding: 6px 4px; height: 35px; width: 35px; display: block; } .plink.ul-url:hover { background-color: rgba(255,255,255,.1) !important; text-decoration: none !important; } .plink.u-url::after { content: '\f101'; font-family: ForkAwesome; color: #666; } .img-allocated-max-width { margin: 20px auto; } /* Photo Albums */ .photo-album-actions .icon-padding, .photo-edit-link-wrap .icon-padding { margin-left: 10px !important; } .photos-upload-link { font-size: 28px; color: #0866FF !important; opacity: 1 !important; border-radius: 8px; padding: 0px 8px; } #photo-album-link { opacity: 1 !important; } .photos-upload-link i, #photo-album-link i, #photo-edit-link i, #photo-toprofile-link i, #album-edit-link i, #album-drop-link i, .photos-order-link i { font-size: 24px !important; color: #0866FF !important; opacity: 1 !important; border-radius: 100% !important; padding: 8px 11px !important; height: 40px; width: 40px; } #photo-edit-link i.fa-image { padding: 6px 7px !important; } .photos-order-link { margin-top: 5px !important; } .photos-upload-link:hover i, .photos-upload-link:focus i, #photo-album-link:hover i, #photo-album-link:focus i, #photo-edit-link:hover i, #photo-toprofile-link:hover i, #photo-toprofile-link:focus i, #album-edit-link:hover i, #album-edit-link:focus i, #album-drop-link:hover i, #album-drop-link:focus i, .photos-order-link:hover i, .photos-upload-link:hover i, .photos-upload-link:focus i { background-color: rgba(255,255,255,.1) !important; } .photos-content-wrapper .photos-upload-link::before { content: 'Add Photos'; font-size: 15px; vertical-align: middle; margin-top: -10px; display: inline-block; } .justified-gallery { overflow: visible !important; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > figure{ height: 180px !important; width: 180px !important; border: 1px solid #ccc; position: relative !important; top: auto !important; left: auto !important; border-radius: 8px; margin: 4px !important; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg{ width: 100% !important; height: 100% !important; margin: 0 !important; top: 0 !important; left: 0 !important; object-fit:cover; object-position: center; } #photo-photo { margin: 0 auto !important; } @media screen and (max-width: 1280px) { #search-box { width: 18% !important; } } @media screen and (max-width: 991px){ #search-box { left: 15%; } #jotOpen::before { content: ''; margin: 0; } #mention-link span:last-of-type { margin-right: 42px; } } @media screen and (max-width: 768px){ #topbar-first .navbar-toggle[data-target="#search-mobile"]{ position: fixed !important; left: 15%; } #search-mobile { top: 110px !important; } }
Ashiqur Rahman likes this.
Ashiqur Rahman reshared this.
The Lumineers - Ophelia
The Lumineers - Ophelia
youtube.com/watch?v=pTOC_q0NLT…
- YouTube
Auf YouTube findest du die angesagtesten Videos und Tracks. Außerdem kannst du eigene Inhalte hochladen und mit Freunden oder gleich der ganzen Welt teilen.www.youtube.com
Sunday SUNday SUNDAY
So, #tik-tok ban goes into effect on Sunday in the US. Red Note has had a huge uptick in TT refugees and Loops and Pixelfed are also both increasing in user population. Curious to see just what happens that day.
Sunshine likes this.
Me voilà sur Friendica!
Voilà un autre pas dans la direction opposée des grands réseaux sociaux privés, dans le but cette fois de me débarasser de Facebook.
- Je me suis déjà débarassé de Reddit (Maintenant sur Lemmy)
- Puis de Twitter/X (Maintenant sur Mastodon - stephanetremblay@mstdn.ca)
- Je suis en cours de migrer mon compte Instagram (Sera sur Pixelfed. - stephtremblay@pixelfed.social)
- WhatsApp aussi (Maintenant sur Signal - avec mon numéro de tel)
- Et enfin Facebook (Maintenant ici sur Friendica. - stephanetremblay@friendica.social)
Tous ces réseaux sont fédérés et peuvent communiquer entre eux grâce au protocole Activitypub. C'est assez génial. J'ai hâte de retrouver famille, parenté et et amis ici bientôt. Je suis très optimiste que ça va arriver éventuellement.
Sunshine likes this.
Welcome! Bienvenu!
You can follow us in other languages. Visit our website for more information wordsmith.social/protestation/…
Social
English– @protestation@redspinning.topFrançais– @protestation@soc.redeyes.site
Deutsch– @protestation@friendica.eskimo.com
Quotes– @protestation@telleverybody.net
Kat1311 likes this.
Bahasa
Menurut saya orang orang di dunia sekarang ini sudah membutuhkan bahasa baru yaitu bahasa internasional, bahasa inggris itu bahasa kolonial saxon
Ne quittez pas X Tout de suite
instagram.com/reel/DE7wATuMHgv…
On Est Prêt on Instagram: "📣 Ne quittez pas X tout de suite 📣 🤔 Avant ca, sauvegardez votre communauté via la plateforme @cnrs @helloquitx, et répliquez la sur Blue Sky et Mastodon. Sinon vous détruisez une valeur que certains d’entre vous ont mis des a
558 likes, 14 comments - onestpret on January 17, 2025: "📣 Ne quittez pas X tout de suite 📣 🤔 Avant ca, sauvegardez votre communauté via la plateforme @cnrs @helloquitx, et répliquez la sur Blue Sky et Mastodon.Instagram
Perkenalan
Assalamualaikum warohmatullohi wabarokaatuh
Hai, nama saya pite / pitty, saya baru di friendica, saya masuk sini karena penasaran aja, kayak apa yang namanya friendica itu yang katanya seperti Facebook, ya karena saya sudah bosan di facebook karena ya begitulah Facebook penuh permasalahan, ya sudah sekian perkenalan singkat dari saya, kalau kurang lengkap, ya saya memang tidak mau melengkapinya akhir kata ihdinassiroothol mustaqim, wallahul muwafiq ilaa aqwamitthoriq wal afwu minkum, wa billahi taufik wal hidayah warridho wal inayah tsummassalaamualaikum warohmatullohi wabarokaatuh.
Hai, nama saya pite / pitty, saya baru di friendica, saya masuk sini karena penasaran aja, kayak apa yang namanya friendica itu yang katanya seperti Facebook, ya karena saya sudah bosan di facebook karena ya begitulah Facebook penuh permasalahan, ya sudah sekian perkenalan singkat dari saya, kalau kurang lengkap, ya saya memang tidak mau melengkapinya akhir kata ihdinassiroothol mustaqim, wallahul muwafiq ilaa aqwamitthoriq wal afwu minkum, wa billahi taufik wal hidayah warridho wal inayah tsummassalaamualaikum warohmatullohi wabarokaatuh.
in reply to Pite
Facebook itu di buat memang untuk bikin masalah, karena itu Facebook itu ya salah satu dari masalah itu sendiri
TW: medical bs
I was almost in an accident about 10 mins ago (their fault) and now I have a pounding headache, sketchy balance, drippy ears and nose (again) and a new bout of gi distress. This will all last a week or more. Living with a brain injury is no kind of life.
Sunshine likes this.
#fedicoven Q17 What rituals or magic would you recommend those facing their mortality?
I am not sure about a ritual as such, but sitting with Goddess in her crone aspect, prayers for enlightenment to Hekate or maybe some scrying in Selenite work for me.
Interestingly the first time I ever worshiped Hekate I was unemployed. A few weeks later I was in another country for a job interview and five weeks after that my whole life and career changed for the better and I have never felt younger.
Sometimes facing mortality in the way I did back then can change the way you look at not just death, but also life.
like this
in reply to Antonia Epona 🌒🌕🌘
@alexadeswift While I'm not exactly Wiccan (I'm closer to a Luciferian and Lilithian perspective/belief, with many syncretic aspects), I see Death as one of the aspects/archetypes from The Dark Mother Goddess (Lilith), known as Agrat Bat Mahlat, who would be akin to the Crone aspect of Hekate.
My understanding of Goddess Lilith (and consequently, of Na'amah and Agrat Bat Mahlat) is grounded both on (unexpected) individual/personal spiritual experience with Her, as well as on a Brazilian book, "Encontro com Lilith: mulher, demônio e Deusa" (Encounter with Lilith: woman, demoness and Goddess) written by Mark H. Williams, which has an entire section on how to experience Lilith, including what he calls "Caminhada no cemitério" (Walk in the cemetery):
English translation:
Walk in the cemeteryOne of the primary Lilith roles is the transformation force. Although these transformations occur in different ways, facing Death is a key step to our path. If Death is a hard subject for you, perhaps it's better to postpone this practice until you've already worked with Lilith for a while.
Find a nearby cemetery, where you feel comfortable to walk alone. Before entering, throw some coins as an offering to the spirits of guarding the cemetery. Ask permission and thank them for their services to the living and the dead.
Start at one point in the cemetery and go through it all, imagining Lilith by your side. Observe some gravestones: notice the names, birth/death dates, among other details. If a grave catches your eye, linger over it for a while, meditating about the person who's buuried there and what would their life have been like. Ask Lilith to help the soul of the deceased as well as helping you in your journey, too.
I did this several times. Strikingly, when I first time I practiced this, I hadn't the book yet, I was still discovering and trying to figure out about Her on my own. It was shockingly surprising to me when I bought the book (because the title having Lilith's name caught my eye at the bookstore) and was faced by the exact practice I did before.
As I said before, from a syncretic perspective, Lilith could be seen as Hekate with Her three supreme aspects: Crone (Agrat), Mother (Lilith Herself) and Maiden (Na'amah). The very figure of The Death is sometimes seen as a Goddess, such as Santa Muerte and Morana.
I hope this helps!
Cătă
in reply to rushSteady • • •@rushSteady
I don't quite get this, but if you mean to have them discovered more easily, you can also use hashtags, just like on Mastodon.
Yeah, it works more like the older type of social networks where there was a post and then the comments. Same as on Facebook, LinkedIn, the defunct Google+ etc.
And yeah, the threaded view is very useful in keeping the trace of the discussion. Along with those "in reply to" links next to the people's name.
Also, there's no reason for you to do the same threading thing. Mastodon servers display the full post, no matter how long, if it doesn't have a title (it doesn't play well with posts that have one. Writefreely has the same problem, but since it is seen more as a full-fledged blogging platform of sorts, people don't really care about it).