We're continuing investigation to the performance issues, you can follow and react here: https://lemmy.world/c/friendicaworld

Shadowvice

10 months ago

Shadowvice
10 months ago

"Only those who step out of the frame can see the whole picture"

GoTroppo

10 months ago

GoTroppo
10 months ago

So this is Friendica

Off to start this journey - let's see where it leads.

Susan Barthel likes this.

Carsten Boll

10 months ago

Carsten Boll
10 months ago

Groups - do they actually exist

When I ask people why they're still on Facebook they all mention closed communities inside groups. So - if I am to have any chance of moving people to Friendica we need the same kind of open or closed communities here.

But I can't really see where to create a community like that? Can you even do it?

Edit: What I want from a group is:

* Can be open or closed
* Members don't have to be friends to be in the group
* Group creator/admin can act as moderator, or elevate other people to mods, inside group

Kacy Morris likes this.

Unknown parent

Carsten Boll

Unknown parent 10 months ago

For me, at least, it's a barrier to using Friendica. I will maintain my account here, but it's something I know will scare people away so I will hold back on self-hosting or trying to make people join until it's more intuitive....

Unknown parent

Carsten Boll

Unknown parent 10 months ago

Actually, when I try to do this - register an additional account - I get an error saying that the passwords don't match. But I know they match, so...

Edit: A whitespace issue...

This entry was edited (10 months ago)

Sarsaparilla Sam

10 months ago

(35.07671462229529 -83.8760175807095)

Sarsaparilla Sam
10 months ago — (35.07671462229529 -83.8760175807095)

Hmm…

I guess I start here.

Susan Barthel likes this.

in reply to Sarsaparilla Sam

Ruud

in reply to Sarsaparilla Sam 10 months ago

Welcome!

Susan Barthel likes this.

Joy D'Angelo

10 months ago

Joy D'Angelo
10 months ago

Trying Friendica Out

Yes, I'm a refugee from Facebook.

like this

in reply to Joy D'Angelo

Alehandro

in reply to Joy D'Angelo 10 months ago from RaccoonForFriendica

@beckstle welcome!

Now a newbie myself, though never been active on Facebook

in reply to Joy D'Angelo

Joy D'Angelo

in reply to Joy D'Angelo 10 months ago

I'm not too sure about this setup...

Susan Barthel likes this.

arthurpizza

10 months ago

arthurpizza
10 months ago

Before Sigourney Weaver, people had to weave their own sigourneys by hand

like this

pataphysician

10 months ago

pataphysician
10 months ago

a look back at biden's term -- stolen from @theangryjew on facebook

Since it's the last day of the Biden presidency, I thought it would be appropriate today to look back at the last four years and do a bit of a retrospective on Biden's term overall. This is the last time I plan to talk about Joe Biden for quite some time, so I'm not going to pull any punches.
It is easy to frame Biden's shortcomings as president as a series of failures and inadequacies, things he wasn't able to do or was prevented from doing by circumstance or Republican opposition. Biden himself has often retreated to this narrative, which helps square how frequently he promised one thing and then failed to deliver. He'd love to cancel all student debt for everyone, but Presidents don't have the power to do that. [1] He promised "Day One" reversals of Trump's immigration and border restrictions, but these things "take time to undo". [2] You know the script.
I believe this framing to be mostly inaccurate, and I think it obscures Biden's own politics quite a bit and relieves him of any responsibility of agency for his own decisions. Biden doesn't pursue more than piecemeal stude... Show more...

‘Enough death and destruction’: Gazans hope for ceasefire and a better future

In the wake of Wednesday’s announcement of a ceasefire deal between Israel and Hamas due to come into effect on Sunday, displaced Gazans – ground down by 15 months of devastating conflict – have told UN News they hope an end to their suffering is in …

^{UN News}

Susan Barthel likes this.

Vancouvery

10 months ago

Vancouvery
10 months ago

So, anyway

Trying out Friendica. If all goes well will try to drag, uh, lure my friends off That Meta Site.
Here's the internet "cat" tax (she's a guinea pig, I have no cats right now):

like this

in reply to Vancouvery

Alehandro

in reply to Vancouvery 10 months ago from RaccoonForFriendica

@vancouvery we'd like to refuse the tax paid in guinea pigs, but yours is so sweet we'll.make an exception :3

like this

yianiris

10 months ago

yianiris
10 months ago

Fediverse the ultimate neoliberal social engineering experiment

Fediverse the ultimate neoliberal social engineering experiment

diasporasocial.net/posts/47035…

#Fediverse #mastodon #marxism #anarchism #libertarian #Communism #neoliberalism #fascism #censorship #diaspora #friendica

Johnathan Willis likes this.

Michael Edward Kohlman

10 months ago

Michael Edward Kohlman
10 months ago

Watching for Gray Whales yesterday down Big Sur way with Evelia.

Sadly no Whales were sighted, but Damm, We're Cute...

like this

Michael Kohlman reshared this.

Georgiana Brummell

10 months ago from TweeseCake

Georgiana Brummell
10 months ago from TweeseCake

I haven't seen this particular show, but I whole-heartedly agree with his assessment of the BBC. The modern version is an absolute mess! From terrible accents (including in the news), to spelling errors on their site. I love the old BBC, and am constantly collecting clips with RP from there and elsewhere, but I have no time for modern nonsense. There are some exceptions (David Attenborough immediately comes to mind), but they are few and far between. That said, modern television and radio is terrible almost everywhere.

youtube.com/watch?v=uGHtj8Iuwg…

Sunshine likes this.

Garth Coghlan

10 months ago

Garth Coghlan
10 months ago

Pretty happy about this little guy.

WildWoila

2025-01-05 07:07:59

A juvenile Southern Brown Bandicoot in our #backyard. So cute!
#WildlifePhotography #NaturePhotography #Wildlife #AustralianWildlife #UrbanWildlife

like this

jjjacq reshared this.

Kristi H.

10 months ago

Kristi H.
10 months ago

Bookface Template/Scheme for Friendica Frio Theme

(No, it isn't striped like that! That's just to get your attention. And because, of course, the penguin can't decide between light or dark!)

Attached is a ZIP archive with the four files you need to add Bookface Light and Bookface Dark as customization options for the "Frio" theme on your Friendica server. Unlike the browser user stylesheets these will adopt the Accent Color setting.

Many thanks to @Matthias for giving me some clue how to do this! Once I installed Friendica on my development server their adaptation of my stylesheet to a theme template helped me figure it out.

Work-In-Progress. Use it in production at your own risk!

I'm sure I've missed some things because I've been adding styles as I encounter things that

@Matthias

like this

reshared this

in reply to Kristi H.

Kristi H.

in reply to Kristi H. 10 months ago

Update 1.1 fixes issue where lots of tags/mentions spill out of the post media box and profile fields to the right in one long line. This update confines them in the box, wrapping them to additional rows as needed. It also adds spacing to the left of multiple buttons floated right in Settings.

bookface_light.css

Reveal/hide

/*
	Name	   : Bookface Light
	Version    : 1.1
    Licence    : AGPL
    Created on : 19.01.2025
    Author     : Kristi H. @kmh@friendica.world feb @feb@loma.ml
*/


:root {
    --global-font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif, Noto Color Emoji;
    --nav-bg: $nav_bg;
    --link-color: $link_color;
    --nav-icon-color: $nav_icon_color;
    --background-color: $background_color;
    --contentbg-transp: $contentbg_transp;
    --font-color: $font_color;
    --font-color-darker: $font_color_darker;
    --background-image: $background_image;
    --menu-background-hover-color: $menu_background_hover_color;
    --border-color: $border_color;
}

	body

bookface_light.css

Reveal/hide

/*
	Name	   : Bookface Light
	Version    : 1.1
    Licence    : AGPL
    Created on : 19.01.2025
    Author     : Kristi H. @kmh@friendica.world feb @feb@loma.ml
*/


:root {
    --global-font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif, Noto Color Emoji;
    --nav-bg: $nav_bg;
    --link-color: $link_color;
    --nav-icon-color: $nav_icon_color;
    --background-color: $background_color;
    --contentbg-transp: $contentbg_transp;
    --font-color: $font_color;
    --font-color-darker: $font_color_darker;
    --background-image: $background_image;
    --menu-background-hover-color: $menu_background_hover_color;
    --border-color: $border_color;
}

	body {
		background-color: var(--background-color) !important;
		font-size: 15px !important;
		padding-top: 125px !important;
		font-family: var(--global-font-family);
	}
	#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: var(--nav-bg) !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 var(--link-color) !important;
		color: var(--link-color) !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;
        background-color: var(--nav-bg) !important;
        border: 1px solid var(--background-color) !important;
	}
		.dropdown-menu li {
			margin: 10px;
			width: 92% !important;
			border-radius: 8px;
		}
			.dropdown-menu li:hover {
				border-color: transparent !important;
			}
    .form-control {
    	background: #fff;
    	color: #000;
    }
    	.form-control[readonly],
    	.form-control[disabled],
    	.fieldset[disabled] .form-control {
    		opacity: .5;
    	}
			
	header #banner {
		left: 0 !important;
		right: auto !important;
	}
		header #banner #logo-img,
		.navbar-brand #logo-img {
			background-color: var(--link-color) !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: var(--background-color);
		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: var(--link-color) !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: var(--link-color) !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;
	}
	 #delegate-parent .submit button {
    	float: right;
    	padding: 8px;
    	appearance: none;
    	border: none;
    }
    	#delegate-parent .submit::after {
    		content: '';
    		display: block;
    		clear: both;
    	}
	/* make position of submit buttons in settings consistent */
    .panel-footer {
    	background-color: var(--nav-bg) !important;
    }
    .panel-footer button[type="submit"]{
        float: right !important;
        margin-left: 5px;
    }
		.panel-footer::after{
			content: '';
			display: block;
			clear: both;
		}

	/* Other people profiles */
	#mention-link {
		background-color: var(--link-color) !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: var(--background-color) !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;
			}
       /* keep mentions and tags from spilling out */
       #profile-page .label,
       #profile-page .label a,
       .wall-item-bottom .label, 
       .wall-item-bottom .label a {
            display: inline-block !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: var(--link-color);
			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;
       appearance: none;
       border: none;
       border-radius: 8px;
       width: 100%;
       margin-bottom: 5px;
	}
	#jot-modal-content .fbrowser .folders button:hover,
	#jot-modal-content .fbrowser .folders button:focus {
		background-color: rgba(0,0,0,.2) !important;
	}
		   #jot-modal-content .fbrowser .folders li:hover,
	#jot-modal-content .fbrowser .folders li:focus {
		   border-color: transparent !important;
		   background-color: transparent !important;
	}
		   
	#jot-title {
		   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: var(--background-color) !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 var(--link-color) !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: var(--link-color) !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: var(--link-color) !important;
		}
		.wall-item-actions .checkbox {
			padding-top: 6px !important;
		}
		.comment .media-body {
			padding: 10px;
			background-color: var(--background-color);
			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: var(--link-color) !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: var(--link-color) !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;
		}
	}
	@media screen and (max-width: 480px){
		#topbar-first .navbar-toggle[data-target="#search-mobile"]{
			left: 10%;
		}
		.topbar ul.nav {
			position: relative !important;
			left: 10% !important;
			margin-left: 0!important;
		}
	}

bookface_dark.css

Reveal/hide

/*
	Name	   : Bookface Dark
	Version    : 1.1
    Licence    : AGPL
    Created on : 19.01.2025
    Author     : Kristi H. @kmh@friendica.world feb @feb@loma.ml
*/

:root {
    --global-font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif, Noto Color Emoji;
    --nav-bg: $nav_bg;
    --link-color: $link_color;
    --nav-icon-color: $nav_icon_color;
    --background-color: $background_color;
    --contentbg-transp: $contentbg_transp;
    --font-color: $font_color;
    --font-color-darker: $font_color_darker;
    --background-image: $background_image;
    --menu-background-hover-color: $menu_background_hover_color;
    --border-color: $border_color;
}

body {
       background-color: var(--background-color) !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: var(--nav-bg) !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 var(--link-color) !important;
       color: var(--link-color) !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: var(--link-color) !important;
}
       ul.tabs li a {
              margin-top: 8px;
              color: var(--link-color) !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;
        background-color: var(--nav-bg) !important;
        border: 1px solid var(--background-color) !important;
    }
        .dropdown-menu li {
            margin: 10px;
            width: 92% !important;
            border-radius: 8px;
        }
            .dropdown-menu li:hover {
                border-color: transparent !important;
            }
    .form-control {
    	background: var(--nav-bg);
    	color: #fff;
    }
    	.form-control[readonly],
    	.form-control[disabled],
    	.fieldset[disabled] .form-control {
    		background-color: #666;
    		color: #fff;
    		opacity: .5;
    	}
    .table-striped > tbody > tr:nth-of-type(2n+1) {
    	background-color: var(--nav-bg);
    }
header #banner {
       left: 0 !important;
       right: auto !important;
}
       header #banner #logo-img,
       .navbar-brand #logo-img {
              background-color: var(--link-color) !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: var(--nav-bg) !important;
       border: 1px solid var(--background-color) !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: var(--nav-bg) !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: var(--nav-bg) !important;
}    
#topbar-first #nav-notifications-menu {
       border: 1px solid var(--background-color) !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(255,255,255,.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: var(--nav-bg) !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: var(--link-color) !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: var(--link-color) !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;
    }
    #delegate-parent .submit button {
    	float: right;
    	padding: 8px;
    	appearance: none;
    	border: none;
    }
    	#delegate-parent .submit::after {
    		content: '';
    		display: block;
    		clear: both;
    	}
    /* make position of submit buttons in settings consistent */
    .panel-footer {
    	background-color: var(--nav-bg) !important;
    }
    .panel-footer button[type="submit"]{
        float: right !important;
        margin-left: 5px;
    }
        .panel-footer::after{
            content: '';
            display: block;
            clear: both;
        }
    /* Compose Window */
    #upload-photo {
        background-color: var(--link-color) !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: var(--link-color) !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: var(--background-color) !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 var(--nav-bg) !important;
       }
.hovercard {
       background-color: var(--nav-bg) !important;
       border: 1px solid var(--background-color) !important;        
}
       .hover-card-pic img.thumbnail {
              border-radius: 100% !important;
              background-color: var(--background-color) !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;
              }
       /* keep mentions and tags from spilling out */
       #profile-page .label,
       #profile-page .label a,
       .wall-item-bottom .label, 
       .wall-item-bottom .label a {
            display: inline-block !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: var(--link-color);
              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: var(--background-color) !important;
}
#jot-modal-content .fbrowser .folders button {
       background-color: rgba(255,255,255,.1) !important;
       color: black !important;
       appearance: none;
       border: none;
       border-radius: 8px;
       width: 100%;
       margin-bottom: 5px;
}
	#jot-modal-content .fbrowser .folders button:hover,
	#jot-modal-content .fbrowser .folders button:focus {
		background-color: rgba(255,255,255,.2) !important;
	}
       #jot-modal-content .fbrowser .folders li:hover,
#jot-modal-content .fbrowser .folders li:focus {
       border-color: transparent !important;
       background-color: transparent !important;
}
       
#jot-title,
#jot-category {
       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: var(--background-color) !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 var(--link-color) !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: var(--background-color);
    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 var(--background-color);
}    
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: var(--link-color) !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: var(--link-color) !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: var(--link-color) !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;
    }
}
@media screen and (max-width: 480px){
	#topbar-first .navbar-toggle[data-target="#search-mobile"]{
		left: 10%;
	}
	.topbar ul.nav {
		position: relative !important;
		left: 10% !important;
		margin-left: 0!important;
	}
}

in reply to Kristi H.

OldKid ⁂

in reply to Kristi H. 10 months ago from sekretaerbaer.de

@Kristi H.

I noticed that the button for the attachment upload is not displayed.

@Kristi H.

in reply to OldKid ⁂

Kristi H.

in reply to OldKid ⁂ 10 months ago

Yes, I hid that button on purpose because file attachment (other than photos) is a partially-implemented/broken feature, as there is no interface for managing/deleting them, only listing them. And, yes, I'm aware of the irony of my having used that file attachment function in my OP above. But I'm annoyed I have no way to manage or delete any of the files I've uploaded, and other people I know who came from Facebook were confused by it. I think it's better to not present a semi-broken feature to new users, it just frustrates them. But I apologize for frustrating you in the process.

Unknown parent

Frend

Unknown parent 10 months ago

So only drag and drop and not both?

Jools likes this.

Unknown parent

OldKid ⁂

Unknown parent 10 months ago from sekretaerbaer.de

@Matthias Thanks for the link/patch... but it doesn't work on my test instance (develop branch).

@Matthias

Unknown parent

OldKid ⁂

Unknown parent 10 months ago from sekretaerbaer.de

@Matthias muss ich morgen noch mal testen, jetzt pfelge ich erstmal meine Grippe weiter und schau mir das Handball WM Spiel Deutschland : Dänemark an

@Matthias

Unknown parent

OldKid ⁂

Unknown parent 10 months ago from sekretaerbaer.de

@Matthias Danke

So jetzt funtzt der Patch auch bei mir ... war nen Addon von Firefox dran Schuld das es nicht funktioniert.
Ich hätte nur gerne den Attachment Button wieder, weil ich über den ja auch immer schon hochgeladen Attachments sehen konnte.

@Matthias

Frend likes this.

Daemon Silverstein

10 months ago

(Brazil)

Daemon Silverstein
10 months ago — (Brazil)

Ineloquibilis

There is a well-known phenomenon that happens to those who write, I don't know if it's called "blank page problem", "blinking text cursor problem" or something else. It's when you open your favorite writing application and spend hours staring at a blinking cursor (you know, the vertical bar that indicates the current position where the next character will be inserted if you decide to type any letter) inside a blank document/text field.

It's not as if there were no ideas or thoughts going on within their minds, it's because they can't be translated into words... They could fully tap into their unconscious, a process called "stream-of-(un)consciousness", but it's easy said than done: try to describe the taste of chocolate without using "chocolate", "cacao", "sweet", "sweetener", "sugar", among similar terms, and you'll realize you simply can't do it.

And there are situations where the thing *can* be translated into words, but they *shouldn't* be. It's when they're aware of the possible unwanted consequences of expressing that thing, so they keep it restricted to their own thoughts. It's not as if they were thinking an unsavory thing, but they know that it can't be said out loudly.

One of those situations is when the thing is a secret. Say someone told them a very deep and serious secret. A secret so intricate that can't be expressed without compromising the secrecy of the thing (as well as the secrecy of the person who told the secret). It's like having to carry a heavy boulder, forever.

All of those situations will face the same things: a blank page, a blinking cursor and a desire that simply can't be fulfilled to express something that can't be said. It's uncomfortable, it's on the verge of the painful.

But wait: there's more! There's a worse scenario, a scenario I wouldn't wish on my worst enemy. A scenario where those three situations happen simultaneously: it's a secret, it's a thing that have no words to express it, and it's a thing that can't be shouted out loudly.

Words have consequences. Actions have consequences. Yet holding things to oneself also has consequences. Internal pressure increases until it reaches critical state. One's brain will keep rehashing and rehashing it, it's inevitable. It's akin to a Cassandra curse: they have something going on inside their mind, yet nice/good reactions wouldn't be found if they decided to express it (supposing that they could translate it into words).

So they keep it to themselves, just as Cassandra. They're the only ones that could potentially understand it... or could they? It's where the situation becomes even worse: it's a thing that they can't understand by themselves, they need help to understand it, but they're forbidden to seek help to understand it, because they can't say it in the first place. Even when they have close friends or familiar people, they couldn't use their help, and these people probably wouldn't understand either.

And this is where it becomes the worst scenario: ain't no close friends to even consider the possibility of talking to, nor "far friends", no one. Maybe they should rely on LLMs? Lol, they can't "understand" a thing, they're just fancy auto-completing algorithms, they can't reason, they can't help with the ineffable. Neither can that writing app, which is still blank, while they lost count on how many times its cursor blinked. Ain't no one besides themselves to try to tell the thing.

This is the ineloquibilis scenario: can't be said, can't be held to oneself either...

Images By MEK

10 months ago

Images By MEK
10 months ago

Hello, and Welcome to Images By MEK in The Fediverse:

A bit over a decade ago I built a small following on Facebook. This was actually the first image I posted there:

Along with many others for reasons I won’t go into on this post, I felt the time had arrived to move to a different ‘verse for my creative content. The Fediverse.

And while many, many others have moved to the Pixelfed-verse (a terrific subset of the Fediverse ecosystem), I have decided to use the Friendica-verse instead.

Why? Well for starters, I like to tell stories when posting my Imagery. I like to share what was involved in the creation of it, perhaps share some background of the where/when/why that moment occurred, and maybe engage in a discussion with-like minded people. To me my images are also stories. And to do all that, a Facebook like format simply works better for me than an Instagram-like one.

like this

leastaction

10 months ago

leastaction
10 months ago

Another federated medium: Bookwyrm

Here's a #federated service we don't often hear about: #Bookwyrm . If you are, well, a book worm, check out the #community at bookwyrm.social/.

BookWyrm

Social Reading and Reviewing

^{bookwyrm.social}

#community #federated #Bookwyrm

Matt Hodgkinson likes this.

tomasarad

10 months ago

tomasarad
10 months ago

cats

pxscdn.com/public/m/_v2/786469…

AnnaCav

10 months ago

AnnaCav
10 months ago

Here is hoping this sucks far less than facebook

like this

leastaction

10 months ago

leastaction
10 months ago

Ready to quit X on Tuesday

Downloaded my data from #Twitter today (not entirely sure why; I'll probably delete it in a year). Already on #Mastodon at @Alfredo and on #Pixelfed at @AlfredoL@pixey.org . Joining the crowd at helloquittex.com on Tuesday.

#twitter @🇨🇦🇨🇦🇨🇦 leastaction

like this

in reply to leastaction

Cătă

in reply to leastaction 10 months ago from Not sent from my iPhone (I don't have one)

@leastaction @Alfredo I'm always downloading my data whenever I leave a platform. I mean, it's my entire history there. It's a pity to lose it like that in a snap.

@🇨🇦🇨🇦🇨🇦 leastaction @leastaction

Sunshine likes this.

Justin Richardson

10 months ago

Justin Richardson
10 months ago

My Best Friend Mocha

Mocha

She's so adorable!

#Dog #MyBestFriend #Pitty #Pitbull

#dog #pitbull #MyBestFriend #Pitty

Mary G

10 months ago

Mary G
10 months ago

Sunday Runday

A little chilly 🥶 on the Lakefront this morning! But we did it! ❤️ Love you ladies!!

Sunshine likes this.

Saint Clinton

10 months ago

Saint Clinton
10 months ago

TikTok starts restoring service in the U.S. after shutting down over divest-or-ban law cbsnews.com/news/tiktok-volunt… via @CBSNews

Mike Leger

10 months ago

Mike Leger
10 months ago

Lazy Sunday

First Post: Lazy Sunday day, got a ham in the slow cooker with some roasted veg in the oven while I work my way through the Star Trek Movies. The Undiscovered Country is next.

#startrek #slowsunday

colapunk

10 months ago

colapunk
10 months ago

zie ik dit nou op mijn mastodon?

en hoe dan?

in reply to colapunk

colapunk

in reply to colapunk 10 months ago

nee dus. andersom werkt wel, wat ik op mijn masto doe zie ik hier wel, wat ik hier doe zie ik daaro niet.

in reply to colapunk

Ruud

in reply to colapunk 10 months ago

dat heeft te maken met een issue die we nu hebben. Wordt aan gewerkt. (Moet normaal dus wel werken)

grutjes likes this.

colapunk

10 months ago

colapunk
10 months ago

poepjes

kakjes

Ruud likes this.

in reply to colapunk

colapunk

in reply to colapunk 10 months ago

this was a test ;)

phle

10 months ago

phle
10 months ago

and then Ylvis' The Cabin came to mind ...

"You know there's no such thing as bad weather, only bad kleather."

#Ylvis #TheCabin #TVNorge #English #Norway #video #YouTube #song #music #hytte #cabin #kleather

#Music #english #video #norway #youtube #song #cabin #Ylvis #TheCabin #TVNorge #hytte #kleather

in reply to phle

phle

in reply to phle 10 months ago

Hm. Interesting.
Coming from diaspora*, I notice that Friendica
- doesn't seem to embed link previews
- also doesn't "collapse" long posts

Ashiqur Rahman likes this.

in reply to phle

skribe

in reply to phle 10 months ago from RaccoonForFriendica

@phle but you can edit posts, which I noticed was sadly missing from diaspora.

in reply to skribe

phle

in reply to skribe 10 months ago

Yes!
I actually wrote a longer thing about it (clicky-link), from my diaspora* account.

All platforms have their pros and cons ... for better or for worse. 🤷‍♀️

♇ ✱ [phle]

2025-01-19 21:45:00

A week ago, I got myself a #Friendica account, and I've been #exploring it since then.
My plan is to leave Facebook a bit later this year (not just "pause", or "visit sparsely", as I've done for the last couple of years),
and I've made an online event where I've invited all of my Facebook acquaintances. A small subset might be interested in exploring additional platforms.
Friendica has its advantages, but so do diaspora*.
Friendica has a #Calendar function, kind of like Facebook's #Events. In my opinion, that's the only thing "missing" on Diaspora (or does it exist, and I'm the one who have missed it?), and acquiring that, it might help me move some people with me (even if they don't leave Facebook, it would be nice to still have some place to interact with them, and I think they too should explore other options).
Diaspora auto-embeds / gives a preview of links. As far as I've noticed, Friendica does not.
Diaspora auto-collapses long posts. As far as I've noticed, Friendica does not.
Then again, posts (and comments) are editable on Friendica. Editing posts and/or comments are not possible on diaspora* (or were they for a while? ... can't remember). There are advantages of both approaches.
My posts on diaspora* seem to #federate fine to Friendica, but (my) posts on Friendica seem to take their time (none has federated in that direction as of yet). Then again, the admin on the Friendica instance I'm on posted about a backlog, so that may flow better with time?
I'm also considering whether to get a #Mastodon account. I had Twitter, but stopped using it, and then (quite recently) finally deleted my account.
I have no plans to leave diaspora*, but as things are at the moment, I think it will be easier to "lure" people over to Friendica or Mastodon (than to diaspora*), so if they're "there" — or whichever non-Meta platform they chose — I think I would like to have profiles there as well.
#federation #fediverse #socialnetworks #socialnetwork

in reply to phle

phle

in reply to phle 10 months ago

Hupp! 😯 — the Friendica-link got embedded! 😅

in reply to phle

phle

in reply to phle 10 months ago

and, as I commented over on my diasp.-post:

Hm. Just found out about the Friendica add-on “Show more”, where I can set the number of characters to show before an auto-collapse. 👍👍
peertube.stream/w/edEjYFmve3wm…

Now, let's see if using BBCode, instead of just throwing in the link "as text", makes that Ylvis link embedded:

YouTube link: Ylvis - "The Cabin"

(edit) Hm, no. But the peerview link was. But I posted that ahead of it. I'll try it in another comment.

in reply to phle

phle

in reply to phle 10 months ago

Now, then?
YouTube link: Ylvis - "The Cabin"

This, then?
youtube.com/watch?v=ua1FAlHt_Y…

(via peertube.stream/w/p/4K4MWYXMEY… )

Hm ...

Nico Geelen

10 months ago from Fedilab

Nico Geelen
10 months ago from Fedilab

@Wilhelmina58 Heb vandaag trouwens ook afscheid genomen van Twitter. Wil morgen voor zijn en dat zullen er vast wel meer gedacht hebben. Liefs, Nico

@Wilhelmina58

Wilhelmina58 likes this.

in reply to Nico Geelen

Wilhelmina58

in reply to Nico Geelen 10 months ago

Twitter heb ik nooit gehad. Evenmin TikTok...Maar ben razend benieuwd hoe morgen eruit gaat zien. Denk dat het chaos wordt... Goed van je dat je van Twitter af bent! Dit is een manier van vreedzaam protesteren en mits dit mondiaal gebeurt, kan dit niet zonder gevolgen zijn. Deze media zijn een onderdeel van de macht van Trump en consorten. Elk klein beetje wat we ze kunnen afnemen , is weer iets! Niets doen is geen optie. Liefs terug ❤

Wade Stewart

10 months ago

Wade Stewart
10 months ago

Musing about Tik Tok

It seems like an absurd joke to me that Tik Tok shut themselves down, practically begging for Vice President Trump's help. Now it seems it's back up and they thank the incoming VP.

I think this post over at Mastodon nailed it.

like this

Halyihev reshared this.

Evan Fetherolf

10 months ago

Evan Fetherolf
10 months ago

Obligatory Cat Picture

So Louie likes Tony now I guess...

Sunshine likes this.

Peter Sørensen

10 months ago

Peter Sørensen
10 months ago

Just told my girlfriend about the fediverse. I think I lost her a bit when I started enumerating all the services I can use here.
I got her back when we discussed how to utilize this for smaller groups to get out of Silicon Hell Valleys grip

like this

Unknown parent

Peter Sørensen

Unknown parent 10 months ago

Thats a good point! I guess I just got kinda excited when I discovered all the possibilities, that I didn't recognize when to stop 😀
I think that the use of those three, you mention, should help alot of people feel more at home here

Sunshine likes this.

Linda

10 months ago

Linda
10 months ago

Hello

I'm new here. Anyone else around here who likes patchwork/quilting, pottery, reading and gardening?

like this

in reply to Linda

phle

in reply to Linda 10 months ago

Hello! 👋

#patchwork/#quilting: ...
#pottery: ...
#reading #books: ✅
#gardening: ...
#krokning (a.k.a. #TunisianCrochet ): ✅

#books #gardening #reading #pottery #quilting #patchwork #TunisianCrochet #krokning

like this

⇧

Shadowvice 10 months ago •

GoTroppo 10 months ago •

Carsten Boll 10 months ago •

Sarsaparilla Sam 10 months ago — (35.07671462229529 -83.8760175807095) •

Joy D'Angelo 10 months ago •

arthurpizza 10 months ago •

pataphysician 10 months ago •

Vancouvery 10 months ago •

yianiris 10 months ago •

Michael Edward Kohlman 10 months ago •

Georgiana Brummell 10 months ago from TweeseCake •

Garth Coghlan 10 months ago •

Kristi H. 10 months ago •

Daemon Silverstein 10 months ago — (Brazil) •

Images By MEK 10 months ago •

leastaction 10 months ago •

tomasarad 10 months ago •

AnnaCav 10 months ago •

leastaction 10 months ago •

Justin Richardson 10 months ago •

Mary G 10 months ago •

Saint Clinton 10 months ago •

Mike Leger 10 months ago •

colapunk 10 months ago •

colapunk 10 months ago •

phle 10 months ago •

Friendica Tutorial 2 of 6: Friendica as a One Stop Social Media Hub. Ver 2023.12

Nico Geelen 10 months ago from Fedilab •

Wade Stewart 10 months ago •

Evan Fetherolf 10 months ago •

Peter Sørensen 10 months ago •

Linda 10 months ago •

Shadowvice
10 months ago

GoTroppo
10 months ago

Carsten Boll
10 months ago

Sarsaparilla Sam
10 months ago — (35.07671462229529 -83.8760175807095)

Joy D'Angelo
10 months ago

arthurpizza
10 months ago

pataphysician
10 months ago

Vancouvery
10 months ago

yianiris
10 months ago

Michael Edward Kohlman
10 months ago

Georgiana Brummell
10 months ago from TweeseCake

Garth Coghlan
10 months ago

Kristi H.
10 months ago

Daemon Silverstein
10 months ago — (Brazil)

Images By MEK
10 months ago

leastaction
10 months ago

tomasarad
10 months ago

AnnaCav
10 months ago

leastaction
10 months ago

Justin Richardson
10 months ago

Mary G
10 months ago

Saint Clinton
10 months ago

Mike Leger
10 months ago

colapunk
10 months ago

colapunk
10 months ago

phle
10 months ago

Nico Geelen
10 months ago from Fedilab

Wade Stewart
10 months ago

Evan Fetherolf
10 months ago

Peter Sørensen
10 months ago

Linda
10 months ago