Friendica.World

Cătă via Fediverse

2 months ago from Not sent from my iPhone (I don't have one) • •

Cătă
2 months ago from Not sent from my iPhone (I don't have one) • •

Somebody created a Facebook like UI for Friendica called Bookface (expand for pics&more info)

Credits go to @Kristi H. for creating this style. It comes in both a light and dark version (check the links for usage instructions).

If you don't want to fiddle with code and stuff, ~~loma.ml has already installed it server-wide~~*, and should be available straight away for new accounts (If not, go to Settings>Display>General Theme Settings and change it from there. Or follow the guide in any of the links above).

Edit: loma seems to require invites. But, while in german, joinfriendica.de allows you to join without an invite. It also has quite a bunch of add-ons too like bluesky, tumblr, ifttt, markdown, langfilter (filters the languages in posts/comments) and curweather (shows the current weather).

Kristi H.

2025-01-18 02:12:16

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:

Click to open/close

/* 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;
		}
	}

@Kristi H. !Fediverse

This entry was edited (2 months ago)

like this

reshared this

in reply to Cătă

jaybone

in reply to Cătă • 2 months ago • •

Wasn’t there a show with “bookface”? At first I was thinking the remake of Arrested Development, but that was Faceblock.

like this

in reply to jaybone

cmhickman358

in reply to jaybone • 2 months ago • •

You might be thinking of "FriendFace" from IT Crowd, that was my initial thought when I saw this

like this

in reply to cmhickman358

jaybone

in reply to cmhickman358 • 2 months ago • •

Nah, I didn’t watch IT Crowd. Apparently there’s this knowyourmeme.com/memes/bookfac… but that’s not what I was thinking of either. Oh well.

Bookface

Bookface is a participatory photo game in which people place a book cover in front of one's face, revealing a "hybrid face" of the subject and the image on the cover of the book.

^{Matt (Know Your Meme)}

Cătă likes this.

in reply to jaybone

Captain Aggravated

in reply to jaybone • 2 months ago • •

On an episode of Castle, the daughter character was introducing the mother character to the internet, and the mother character says "I've now got a page on MyFace."

in reply to jaybone

Cătă

in reply to jaybone • 2 months ago from Not sent from my iPhone (I don't have one) • •

@jaybone Lol!

@jaybone

Fitik likes this.

in reply to Cătă

KurtVonnegut

in reply to Cătă • 2 months ago • •

Looks cool, but maybe not put (what could be easily seen as) a racist charicature as a top example.

in reply to KurtVonnegut

Cătă

in reply to KurtVonnegut • 2 months ago from Not sent from my iPhone (I don't have one) • •

@KurtVonnegut What do you mean?

@KurtVonnegut

Fitik likes this.

in reply to Cătă

asudox

in reply to Cătă • 2 months ago • •

yeah, that does resemble facebook alot. without the bloat, that is.

like this

in reply to Cătă

anticurrent

in reply to Cătă • 2 months ago • •

Now the hard part is to get Friendica to integrate it in its base code, and somehow prompt users upon sign-up to choose their user interface !

I understand though that friendica devs might be reluctant to integrate it if they can't get assurances that this UI project will be maintained into the future.

in reply to anticurrent

Cătă

in reply to anticurrent • 2 months ago • •

@anticurrent Fortunately, Friendica is flexible enough. All servers can set a default theme, and much of what people dislike about it can just be fixed by swapping the Vier theme (which is default to many of the servers) with this one. In fact, there's already a server who did just that: loma.ml

@anticurrent

like this

in reply to Cătă

maegul (he/they)

in reply to Cătă • 2 months ago • •

Awesome to see TBH. Friendica is kinda the platform that the Fedi forgot and it might be a better place if it got more love.

like this

in reply to maegul (he/they)

Zero22xx

in reply to maegul (he/they) • 2 months ago • •

Maybe I should ask here. The reason I'm here is because I'm looking for answers to this. As far as the integration with Lemmy goes, how does it work? Is there a 'Friendica' instance that anyone using that platform would be posting and interacting from? And in that case, does it play nicely with the other instances?

I'm pretty new here, probably moving to another instance at some point anyway. And I've been thinking of looking into these multi purpose platforms that play nicely with others. Because why not have more features and tools to play with, even if I don't use half of them. It might also fill in nicely for features that are missing here like multicommunities and posting to your own profile.

Also heard of mbin, although an in app search for something like "mbin" seems pretty useless here.

This entry was edited (2 months ago)

Fediverse reshared this.

in reply to Zero22xx

Cătă

in reply to Zero22xx • 2 months ago • •

There are multiple Friendica instances. You can check them in the Friendica Directory (in the servers section. Friendica has groups too, but besides the !helpers@forum.friendi.ca (or probably even the !fediversenews@venera.social one) they're pretty much lacking activity (you're still free to post anyway, there are plenty of them).

If you need some help, you can also post on the former one by creating a regular post and mentioning the group with "!" or "@". I have also created a megathread with various resources and a small Q&A (it's actually vice-versa tbh, since the Q&A took the most space on it, but I digress) in order to get yourself started: libranet.de/display/0b6b25a8-2…

@ma

@maegul

Friendica Directory

^{dir.friendica.social}

Cătă

2025-01-11 17:50:24

Friendica beginner help megathread

Hello, everyone! As we know what Zuck's place is going through, I decided to create a post with all the resources I found online all these years I've been on this place, in a bid to help more people board. Here we go:
List of guides/presentations/quick start

@anubis2814's excelent guides for Friendica. Available as a playlist on YouTube:
youtube.com/watch?v=-4wsAmXnaE…
or on Peertube:
peertube.stream/w/p/4K4MWYXMEY…
(6 videos)
The Future of Social is Here: a Show and Tell (part 3: Friendica) by @[url=https://social.outsourcedmath.com/profile/elena]elena mark[/url] Rossini ⁂
The Beginner’s guide to Friendica by @Tio
When to use Friendica over Mastodon (updated) by @Greenpepper
no less important, The Friendica Wiki also available under the help section of your instance (click on your pic and name on the top-right where you're logged in -> help)
The @[url=https://friendica.world/friendica]System Account[/url] Support group for any questions or issues (yes, I intended to post this here).
All of these should be more comprehensive than this guide.
Short Q&A with the most common problems

How do I post stuff?
Easy, on your profile, click the button in the top right that looks like this:
A pop-up window will open, and you can type anything. Make sure to set the appropriate permissions by clicking the tab at the top. If you want your post to be public then choose public, if you don't, select limited/private and add the exceptions or add who can see it. Make sure you properly select these permissions, because you cannot change them later. If you format your post (see below), you can also check the preview pane to see how your post will look. This also applies for comments.
How to format my text?
Unlike Facebook, Friendica allows you to format your text, just like you'd do in a Word document. It uses BBCodes for text formatting like bold text, italic text, underlined text and many others. You can find more example on the usage of it in the Wiki or under https://your-instance-address/help/bbcode. You don't have to style your text, but you can do some nice stuff with it. You can also get suggestions for formatting by typing [ and selecting an option from the drop-down menu, or typing out your option to narrow your search. But do check the wiki, though. Generally, BBCode looks like [option]your-text-here[/option].
If there is any text where you don't want to add any tags on by accident, slide it between these tags: [noparse][/noparse].
How to upload an image (and how to add alt-text to it)
Just drag&drop it into the composing page. Simple. Easy. No frills.
Also, to note is that you can also re-use an image you previously uploaded if you go to the Browser tab in the compose window.
Finally, you can link to any image you find online, without downloading&reuploading it in the 1st place. Right-click an image, click "copy image link", then go to your post and type [img]paste-your image-link-here[/img] (of course, you paste your image link instead, between the img tags). This is generally how images are displayed via BBCode.
I personally use an external site to host my media and link it this way, whenever there is something I want on the internet for as long as possible in order to save some space on my instance. I mostly use postimages.org, but I also used
files.catbox.moe
imgur.com
Meta and now also Reddit like to change the URL string to the media posted on their platforms, so don't rely on these if you want your post to still stay relevant after a few days.
You can also add Alt-Text to your image if, instead, you type [img=your_image_url]Your Alt-Text here[/img]. Alt-Text is generally an image description that is displayed when the image fails to load/before loading, and is useful to visually impaired people using screen reading software which can read this out loud. The latter is the reason why it is highly recommended by many people all across the Fediverse (not just on Friendica).
How to upload a video or other media
Just like you do with an image. However, the video will be posted under Browser, and then the "Files" icon:
Select your file, and it will be posted with an tag.
However, there's currently no user facing way to delete these as yet, so feel free to upload them on any other external service and share the direct link to the audio/video if you care about this.
You can use the tags [audio]your-link-to-the-audio[/audio] and [video]your-link-to-the-video[/video] for that.
How do I make a poll/vote at polls
Polls are currently supported by a few Fediverse platforms, but not by Friendica fully, right now (you can see them, but you cannot vote on them and create them).
You can again use an external service for creating polls, such as poll-maker or Strawpoll.
Okay, but do I need to add a title?
No, you don't. I didn't add one either here. You can if you want your post to be more fancy and want to turn your profile into a more of a personal blog. Which would be cool, but it's not necessary. You do you!
How to post to a group
Groups on Friendica, as well as any other ActivityPub platform, are generally just some special accounts that automatically boost/reshare whatever post you added while tagging them. Therefore, just create a regular post and tag them with the ! or @ signs (one of these tags should suffice). The former one creates a post that is visible on the group but unlisted wherever else (i.e. in a public feed). The latter takes account of your permission settings. You will see how you can find groups somewhere below.
How to find various people
There are multiple ways; One is to use any of the established lists:
Fedi.db's list
Most followed Mastodon accounts by Stefan Hayden
Fliboard federated accounts (for news organizations on Flipboard who enabled AP integration) [Google Sheet spreadsheet]
[Public] Popular/famous/notable Mastodon accounts (also available as a website) [Google Sheet spreadsheet]
The Friendica directory (only for people on Friendica)
Follow @FediFollows for suggestion
You can also go to Settings>Profile>Miscellaneous and scroll all the way down to add some tags to the profile. Then, you can also go to Contacts and choose "similar interests" in the left pane, get friend suggestions or a random profile.
Finally, you can also follow hashtags to get posts from people that also share your interests directly in your feed, and then follow them from there.
I'm posting stuff here, but how can people discover me?
Just like on Mastodon, you can enhance your posts with #hashtags. Other people who follow the same hashtags can find you and connect with you if they want.
But that's not the only way. You can also add yourself into the aforementioned Friendica Directory or to your server's one by going to Settings>Account>Security and Privacy Settings and check any of these two options:
This way anyone can find you according to your interests.
If, however you would like more privacy, you can check the following box below:
This limits the visibility of your content to only instances that are made aware of it, and people that have access to it based on your privacy settings. Unlogged users will not be allowed to find your content. E.g., open my profile in a new tab to see how this feature works: libranet.de/profile/petrescatr…
How do I find groups?
Same as with regular people. There are multiple lists:
Friendica Directory (for groups that are on Friendica).
Check the list of @Fedi.Tips available here.
Lemmyverse (For Communities on Lemmy - a decentralized Lemmy alternative - be wary of this though)
Check out the servers of other Fediverse software like Mbin or Piefed. These are more forum-like platforms, centered around communities. Generally, each of these communities has a Fediverse address. Copy that, paste it in the search bar, and you should be able to find it. If it doesn't work the 1st time, try a few more times. If it still doesn't work, look whether the server is not on the banned list by accessing your-server-address/friendica, and/or contact your admin for clarification.
How do I use the search? Is it any useful beyond just searching for people and groups and other accounts?
Yes. Check the Wiki for more information.
Are there any mobile apps?
Yes there are. From my personal experience, Raccoon for Friendica gave me the best results. Relatica is also a great option, as well as Fedilab (the latter is more of a Mastodon client, but you can disable the display of reply in the feeds and enable BBCode - fiddle out in the settings). There are other apps for various platforms as well. If you don't find any of them fitting, you can just access your Friendica server in your browser (e.g. friendica.world, nerdica.net etc.). It's very responsive and easy to use.
I hope this Q&A covers the most common aspects of using Friendica
Other types of resources

Bookface (server version, Stylus version) by @[url=https://kolektiva.social/users/Kristi]Kristi[/url] H. (also follow @Pygoscelis Papua for updates)

Bonus: Text colorsOne aspect that hasn't really been touched on in the wiki is the colors. You can have text in any color if you type the text like this [color=color_name_or_value]your text here[/color]. Hex values are accepted, however there are also some human readable names that can be used (based on this thread):
Antiquewhite
Aqua
Aquamarine
Azure
Beige
Bisque
Blanchedalmond
Blue
Blueviolet
Brown
Burlywood
Cadetblue
Chartreuse
Chocolate
Coral
Cornflowerblue
Cornsilk
Crimson
Cyan
Darkblue
Darkcyan
Darkgoldenrod
Darkgray
Darkgreen
Darkkhaki
Darkmagenta
Darkolivegreen
Darkorange
Darkorchid
Darkred
Darksalmon
Darkseagreen
Darkslateblue
Darkslategray
Darkturquoise
Darkviolet
Deeppink
Deepskyblue
Dimgray
Dodgerblue
Firebrick
Floralwhite
Forestgreen
Fuchsia
Gainsboro
Ghostwhite
Gold
Goldenrod
Gray
Green
Greenyellow
Honeydew
Hotpink
Indianred
Indigo
Ivory
Khaki
Lavender
Lavenderblush
Lawngreen
Lemonchiffon
Lightblue
Lightcoral
Lightcyan
Lightgoldenrodyellow
Lightgreen
Lightgrey
Lightpink
Lightsalmon
Lightseagreen
Lightskyblue
Lightslategray
Lightsteelblue
Linen
Magenta
Maroon
Mediumaquamarine
Mediumblue
Mediumorchid
Mediumpurple
Mediumseagreen
Mediumslateblue
Mediumspringgreen
Mediumturquoise
Mediumvioletred
Midnightblue
Mintcream
Mistyrose
Moccasin
Navajowhite
Navy
Oldlace
Olive
Olivedrab
Orange
Orangered
Orchid
Palegoldenrod
Palegreen
Paleturquoise
Palevioletred
Papayawhip
Peachpuff
Peru
Pink
Plum
Powderblue
Purple
Red
Rosybrown
Royalblue
Saddlebrown
Salmon
Sandybrown
Seagreen
Seashell
Sienna
Silver
Skyblue
Slateblue
Slategray
Snow
Springgreen
Steelblue
Tan
Teal
Thistle
Tomato
Turquoise
Violet
Wheat
White
Whitesmoke
Yellow
Yellowgreen
Other collections of resources about Friendica

This LinkTree by @[url=https://friendica.me/profile/sarah]Sarah Maginness[/url] Peck (LinkTree is more popular on mainstream social networks, so consider sending that if this post of mine is too cumbersome
A webpage that I'm gonna create and link here. While Friendica is quite flexible and allows for text to be customized and formatted in multiple ways, I think a website should also be nice (plus I just discovered Google Sites and I wanna play around) - TBD

♲ @FediTips@social.growyourown.services:
Years ago I used to recommend a Fedi platform called Lemmy. However, in 2021 some very disturbing stuff about Lemmy's developers came out which totally changed my mind. Because of this, I did a thread to warn people about Lemmy and then never mentioned them again.
Today a mod on this account's old server deleted the 2021 thread, without any explanation but apparently by mistake.
If you're looking for the thread, it's on the Internet Archive:
➡️ web.archive.org/web/2023060300…
#Lemmy #HumanRights

@maegul (he/they)

in reply to Zero22xx

Cătă

in reply to Zero22xx • 2 months ago • •

There are multiple Friendica instances. You can check them in the Friendica Directory (in the servers section) or other more global lists of Fediverse servers like the-federation.info, FediDB etc. Friendica has groups too, but besides the !helpers@forum.friendi.ca (or probably even the !fediversenews@venera.social one) they're pretty much lacking activity (you're still free to post anyway, there are plenty of them).

@maegul

Friendica Directory

^{dir.friendica.social}

Cătă

2025-01-11 17:50:24

Friendica beginner help megathread

Hello, everyone! As we know what Zuck's place is going through, I decided to create a post with all the resources I found online all these years I've been on this place, in a bid to help more people board. Here we go:
List of guides/presentations/quick start

@anubis2814's excelent guides for Friendica. Available as a playlist on YouTube:
youtube.com/watch?v=-4wsAmXnaE…
or on Peertube:
peertube.stream/w/p/4K4MWYXMEY…
(6 videos)
The Future of Social is Here: a Show and Tell (part 3: Friendica) by @[url=https://social.outsourcedmath.com/profile/elena]elena mark[/url] Rossini ⁂
The Beginner’s guide to Friendica by @Tio
When to use Friendica over Mastodon (updated) by @Greenpepper
no less important, The Friendica Wiki also available under the help section of your instance (click on your pic and name on the top-right where you're logged in -> help)
The @[url=https://friendica.world/friendica]System Account[/url] Support group for any questions or issues (yes, I intended to post this here).
All of these should be more comprehensive than this guide.
Short Q&A with the most common problems

How do I post stuff?
Easy, on your profile, click the button in the top right that looks like this:
A pop-up window will open, and you can type anything. Make sure to set the appropriate permissions by clicking the tab at the top. If you want your post to be public then choose public, if you don't, select limited/private and add the exceptions or add who can see it. Make sure you properly select these permissions, because you cannot change them later. If you format your post (see below), you can also check the preview pane to see how your post will look. This also applies for comments.
How to format my text?
Unlike Facebook, Friendica allows you to format your text, just like you'd do in a Word document. It uses BBCodes for text formatting like bold text, italic text, underlined text and many others. You can find more example on the usage of it in the Wiki or under https://your-instance-address/help/bbcode. You don't have to style your text, but you can do some nice stuff with it. You can also get suggestions for formatting by typing [ and selecting an option from the drop-down menu, or typing out your option to narrow your search. But do check the wiki, though. Generally, BBCode looks like [option]your-text-here[/option].
If there is any text where you don't want to add any tags on by accident, slide it between these tags: [noparse][/noparse].
How to upload an image (and how to add alt-text to it)
Just drag&drop it into the composing page. Simple. Easy. No frills.
Also, to note is that you can also re-use an image you previously uploaded if you go to the Browser tab in the compose window.
Finally, you can link to any image you find online, without downloading&reuploading it in the 1st place. Right-click an image, click "copy image link", then go to your post and type [img]paste-your image-link-here[/img] (of course, you paste your image link instead, between the img tags). This is generally how images are displayed via BBCode.
I personally use an external site to host my media and link it this way, whenever there is something I want on the internet for as long as possible in order to save some space on my instance. I mostly use postimages.org, but I also used
files.catbox.moe
imgur.com
Meta and now also Reddit like to change the URL string to the media posted on their platforms, so don't rely on these if you want your post to still stay relevant after a few days.
You can also add Alt-Text to your image if, instead, you type [img=your_image_url]Your Alt-Text here[/img]. Alt-Text is generally an image description that is displayed when the image fails to load/before loading, and is useful to visually impaired people using screen reading software which can read this out loud. The latter is the reason why it is highly recommended by many people all across the Fediverse (not just on Friendica).
How to upload a video or other media
Just like you do with an image. However, the video will be posted under Browser, and then the "Files" icon:
Select your file, and it will be posted with an tag.
However, there's currently no user facing way to delete these as yet, so feel free to upload them on any other external service and share the direct link to the audio/video if you care about this.
You can use the tags [audio]your-link-to-the-audio[/audio] and [video]your-link-to-the-video[/video] for that.
How do I make a poll/vote at polls
Polls are currently supported by a few Fediverse platforms, but not by Friendica fully, right now (you can see them, but you cannot vote on them and create them).
You can again use an external service for creating polls, such as poll-maker or Strawpoll.
Okay, but do I need to add a title?
No, you don't. I didn't add one either here. You can if you want your post to be more fancy and want to turn your profile into a more of a personal blog. Which would be cool, but it's not necessary. You do you!
How to post to a group
Groups on Friendica, as well as any other ActivityPub platform, are generally just some special accounts that automatically boost/reshare whatever post you added while tagging them. Therefore, just create a regular post and tag them with the ! or @ signs (one of these tags should suffice). The former one creates a post that is visible on the group but unlisted wherever else (i.e. in a public feed). The latter takes account of your permission settings. You will see how you can find groups somewhere below.
How to find various people
There are multiple ways; One is to use any of the established lists:
Fedi.db's list
Most followed Mastodon accounts by Stefan Hayden
Fliboard federated accounts (for news organizations on Flipboard who enabled AP integration) [Google Sheet spreadsheet]
[Public] Popular/famous/notable Mastodon accounts (also available as a website) [Google Sheet spreadsheet]
The Friendica directory (only for people on Friendica)
Follow @FediFollows for suggestion
You can also go to Settings>Profile>Miscellaneous and scroll all the way down to add some tags to the profile. Then, you can also go to Contacts and choose "similar interests" in the left pane, get friend suggestions or a random profile.
Finally, you can also follow hashtags to get posts from people that also share your interests directly in your feed, and then follow them from there.
I'm posting stuff here, but how can people discover me?
Just like on Mastodon, you can enhance your posts with #hashtags. Other people who follow the same hashtags can find you and connect with you if they want.
But that's not the only way. You can also add yourself into the aforementioned Friendica Directory or to your server's one by going to Settings>Account>Security and Privacy Settings and check any of these two options:
This way anyone can find you according to your interests.
If, however you would like more privacy, you can check the following box below:
This limits the visibility of your content to only instances that are made aware of it, and people that have access to it based on your privacy settings. Unlogged users will not be allowed to find your content. E.g., open my profile in a new tab to see how this feature works: libranet.de/profile/petrescatr…
How do I find groups?
Same as with regular people. There are multiple lists:
Friendica Directory (for groups that are on Friendica).
Check the list of @Fedi.Tips available here.
Lemmyverse (For Communities on Lemmy - a decentralized Lemmy alternative - be wary of this though)
Check out the servers of other Fediverse software like Mbin or Piefed. These are more forum-like platforms, centered around communities. Generally, each of these communities has a Fediverse address. Copy that, paste it in the search bar, and you should be able to find it. If it doesn't work the 1st time, try a few more times. If it still doesn't work, look whether the server is not on the banned list by accessing your-server-address/friendica, and/or contact your admin for clarification.
How do I use the search? Is it any useful beyond just searching for people and groups and other accounts?
Yes. Check the Wiki for more information.
Are there any mobile apps?
Yes there are. From my personal experience, Raccoon for Friendica gave me the best results. Relatica is also a great option, as well as Fedilab (the latter is more of a Mastodon client, but you can disable the display of reply in the feeds and enable BBCode - fiddle out in the settings). There are other apps for various platforms as well. If you don't find any of them fitting, you can just access your Friendica server in your browser (e.g. friendica.world, nerdica.net etc.). It's very responsive and easy to use.
I hope this Q&A covers the most common aspects of using Friendica
Other types of resources

Bookface (server version, Stylus version) by @[url=https://kolektiva.social/users/Kristi]Kristi[/url] H. (also follow @Pygoscelis Papua for updates)

Bonus: Text colorsOne aspect that hasn't really been touched on in the wiki is the colors. You can have text in any color if you type the text like this [color=color_name_or_value]your text here[/color]. Hex values are accepted, however there are also some human readable names that can be used (based on this thread):
Antiquewhite
Aqua
Aquamarine
Azure
Beige
Bisque
Blanchedalmond
Blue
Blueviolet
Brown
Burlywood
Cadetblue
Chartreuse
Chocolate
Coral
Cornflowerblue
Cornsilk
Crimson
Cyan
Darkblue
Darkcyan
Darkgoldenrod
Darkgray
Darkgreen
Darkkhaki
Darkmagenta
Darkolivegreen
Darkorange
Darkorchid
Darkred
Darksalmon
Darkseagreen
Darkslateblue
Darkslategray
Darkturquoise
Darkviolet
Deeppink
Deepskyblue
Dimgray
Dodgerblue
Firebrick
Floralwhite
Forestgreen
Fuchsia
Gainsboro
Ghostwhite
Gold
Goldenrod
Gray
Green
Greenyellow
Honeydew
Hotpink
Indianred
Indigo
Ivory
Khaki
Lavender
Lavenderblush
Lawngreen
Lemonchiffon
Lightblue
Lightcoral
Lightcyan
Lightgoldenrodyellow
Lightgreen
Lightgrey
Lightpink
Lightsalmon
Lightseagreen
Lightskyblue
Lightslategray
Lightsteelblue
Linen
Magenta
Maroon
Mediumaquamarine
Mediumblue
Mediumorchid
Mediumpurple
Mediumseagreen
Mediumslateblue
Mediumspringgreen
Mediumturquoise
Mediumvioletred
Midnightblue
Mintcream
Mistyrose
Moccasin
Navajowhite
Navy
Oldlace
Olive
Olivedrab
Orange
Orangered
Orchid
Palegoldenrod
Palegreen
Paleturquoise
Palevioletred
Papayawhip
Peachpuff
Peru
Pink
Plum
Powderblue
Purple
Red
Rosybrown
Royalblue
Saddlebrown
Salmon
Sandybrown
Seagreen
Seashell
Sienna
Silver
Skyblue
Slateblue
Slategray
Snow
Springgreen
Steelblue
Tan
Teal
Thistle
Tomato
Turquoise
Violet
Wheat
White
Whitesmoke
Yellow
Yellowgreen
Other collections of resources about Friendica

This LinkTree by @[url=https://friendica.me/profile/sarah]Sarah Maginness[/url] Peck (LinkTree is more popular on mainstream social networks, so consider sending that if this post of mine is too cumbersome
A webpage that I'm gonna create and link here. While Friendica is quite flexible and allows for text to be customized and formatted in multiple ways, I think a website should also be nice (plus I just discovered Google Sites and I wanna play around) - TBD

♲ @FediTips@social.growyourown.services:
Years ago I used to recommend a Fedi platform called Lemmy. However, in 2021 some very disturbing stuff about Lemmy's developers came out which totally changed my mind. Because of this, I did a thread to warn people about Lemmy and then never mentioned them again.
Today a mod on this account's old server deleted the 2021 thread, without any explanation but apparently by mistake.
If you're looking for the thread, it's on the Internet Archive:
➡️ web.archive.org/web/2023060300…
#Lemmy #HumanRights

@maegul (he/they)

in reply to Zero22xx

Cătă

in reply to Zero22xx • 2 months ago • •

@maegul

Friendica Directory

^{dir.friendica.social}

Cătă

2025-01-11 17:50:24

Friendica beginner help megathread

Hello, everyone! As we know what Zuck's place is going through, I decided to create a post with all the resources I found online all these years I've been on this place, in a bid to help more people board. Here we go:
List of guides/presentations/quick start

@anubis2814's excelent guides for Friendica. Available as a playlist on YouTube:
youtube.com/watch?v=-4wsAmXnaE…
or on Peertube:
peertube.stream/w/p/4K4MWYXMEY…
(6 videos)
The Future of Social is Here: a Show and Tell (part 3: Friendica) by @[url=https://social.outsourcedmath.com/profile/elena]elena mark[/url] Rossini ⁂
The Beginner’s guide to Friendica by @Tio
When to use Friendica over Mastodon (updated) by @Greenpepper
no less important, The Friendica Wiki also available under the help section of your instance (click on your pic and name on the top-right where you're logged in -> help)
The @[url=https://friendica.world/friendica]System Account[/url] Support group for any questions or issues (yes, I intended to post this here).
All of these should be more comprehensive than this guide.
Short Q&A with the most common problems

How do I post stuff?
Easy, on your profile, click the button in the top right that looks like this:
A pop-up window will open, and you can type anything. Make sure to set the appropriate permissions by clicking the tab at the top. If you want your post to be public then choose public, if you don't, select limited/private and add the exceptions or add who can see it. Make sure you properly select these permissions, because you cannot change them later. If you format your post (see below), you can also check the preview pane to see how your post will look. This also applies for comments.
How to format my text?
Unlike Facebook, Friendica allows you to format your text, just like you'd do in a Word document. It uses BBCodes for text formatting like bold text, italic text, underlined text and many others. You can find more example on the usage of it in the Wiki or under https://your-instance-address/help/bbcode. You don't have to style your text, but you can do some nice stuff with it. You can also get suggestions for formatting by typing [ and selecting an option from the drop-down menu, or typing out your option to narrow your search. But do check the wiki, though. Generally, BBCode looks like [option]your-text-here[/option].
If there is any text where you don't want to add any tags on by accident, slide it between these tags: [noparse][/noparse].
How to upload an image (and how to add alt-text to it)
Just drag&drop it into the composing page. Simple. Easy. No frills.
Also, to note is that you can also re-use an image you previously uploaded if you go to the Browser tab in the compose window.
Finally, you can link to any image you find online, without downloading&reuploading it in the 1st place. Right-click an image, click "copy image link", then go to your post and type [img]paste-your image-link-here[/img] (of course, you paste your image link instead, between the img tags). This is generally how images are displayed via BBCode.
I personally use an external site to host my media and link it this way, whenever there is something I want on the internet for as long as possible in order to save some space on my instance. I mostly use postimages.org, but I also used
files.catbox.moe
imgur.com
Meta and now also Reddit like to change the URL string to the media posted on their platforms, so don't rely on these if you want your post to still stay relevant after a few days.
You can also add Alt-Text to your image if, instead, you type [img=your_image_url]Your Alt-Text here[/img]. Alt-Text is generally an image description that is displayed when the image fails to load/before loading, and is useful to visually impaired people using screen reading software which can read this out loud. The latter is the reason why it is highly recommended by many people all across the Fediverse (not just on Friendica).
How to upload a video or other media
Just like you do with an image. However, the video will be posted under Browser, and then the "Files" icon:
Select your file, and it will be posted with an tag.
However, there's currently no user facing way to delete these as yet, so feel free to upload them on any other external service and share the direct link to the audio/video if you care about this.
You can use the tags [audio]your-link-to-the-audio[/audio] and [video]your-link-to-the-video[/video] for that.
How do I make a poll/vote at polls
Polls are currently supported by a few Fediverse platforms, but not by Friendica fully, right now (you can see them, but you cannot vote on them and create them).
You can again use an external service for creating polls, such as poll-maker or Strawpoll.
Okay, but do I need to add a title?
No, you don't. I didn't add one either here. You can if you want your post to be more fancy and want to turn your profile into a more of a personal blog. Which would be cool, but it's not necessary. You do you!
How to post to a group
Groups on Friendica, as well as any other ActivityPub platform, are generally just some special accounts that automatically boost/reshare whatever post you added while tagging them. Therefore, just create a regular post and tag them with the ! or @ signs (one of these tags should suffice). The former one creates a post that is visible on the group but unlisted wherever else (i.e. in a public feed). The latter takes account of your permission settings. You will see how you can find groups somewhere below.
How to find various people
There are multiple ways; One is to use any of the established lists:
Fedi.db's list
Most followed Mastodon accounts by Stefan Hayden
Fliboard federated accounts (for news organizations on Flipboard who enabled AP integration) [Google Sheet spreadsheet]
[Public] Popular/famous/notable Mastodon accounts (also available as a website) [Google Sheet spreadsheet]
The Friendica directory (only for people on Friendica)
Follow @FediFollows for suggestion
You can also go to Settings>Profile>Miscellaneous and scroll all the way down to add some tags to the profile. Then, you can also go to Contacts and choose "similar interests" in the left pane, get friend suggestions or a random profile.
Finally, you can also follow hashtags to get posts from people that also share your interests directly in your feed, and then follow them from there.
I'm posting stuff here, but how can people discover me?
Just like on Mastodon, you can enhance your posts with #hashtags. Other people who follow the same hashtags can find you and connect with you if they want.
But that's not the only way. You can also add yourself into the aforementioned Friendica Directory or to your server's one by going to Settings>Account>Security and Privacy Settings and check any of these two options:
This way anyone can find you according to your interests.
If, however you would like more privacy, you can check the following box below:
This limits the visibility of your content to only instances that are made aware of it, and people that have access to it based on your privacy settings. Unlogged users will not be allowed to find your content. E.g., open my profile in a new tab to see how this feature works: libranet.de/profile/petrescatr…
How do I find groups?
Same as with regular people. There are multiple lists:
Friendica Directory (for groups that are on Friendica).
Check the list of @Fedi.Tips available here.
Lemmyverse (For Communities on Lemmy - a decentralized Lemmy alternative - be wary of this though)
Check out the servers of other Fediverse software like Mbin or Piefed. These are more forum-like platforms, centered around communities. Generally, each of these communities has a Fediverse address. Copy that, paste it in the search bar, and you should be able to find it. If it doesn't work the 1st time, try a few more times. If it still doesn't work, look whether the server is not on the banned list by accessing your-server-address/friendica, and/or contact your admin for clarification.
How do I use the search? Is it any useful beyond just searching for people and groups and other accounts?
Yes. Check the Wiki for more information.
Are there any mobile apps?
Yes there are. From my personal experience, Raccoon for Friendica gave me the best results. Relatica is also a great option, as well as Fedilab (the latter is more of a Mastodon client, but you can disable the display of reply in the feeds and enable BBCode - fiddle out in the settings). There are other apps for various platforms as well. If you don't find any of them fitting, you can just access your Friendica server in your browser (e.g. friendica.world, nerdica.net etc.). It's very responsive and easy to use.
I hope this Q&A covers the most common aspects of using Friendica
Other types of resources

Bookface (server version, Stylus version) by @[url=https://kolektiva.social/users/Kristi]Kristi[/url] H. (also follow @Pygoscelis Papua for updates)

Bonus: Text colorsOne aspect that hasn't really been touched on in the wiki is the colors. You can have text in any color if you type the text like this [color=color_name_or_value]your text here[/color]. Hex values are accepted, however there are also some human readable names that can be used (based on this thread):
Antiquewhite
Aqua
Aquamarine
Azure
Beige
Bisque
Blanchedalmond
Blue
Blueviolet
Brown
Burlywood
Cadetblue
Chartreuse
Chocolate
Coral
Cornflowerblue
Cornsilk
Crimson
Cyan
Darkblue
Darkcyan
Darkgoldenrod
Darkgray
Darkgreen
Darkkhaki
Darkmagenta
Darkolivegreen
Darkorange
Darkorchid
Darkred
Darksalmon
Darkseagreen
Darkslateblue
Darkslategray
Darkturquoise
Darkviolet
Deeppink
Deepskyblue
Dimgray
Dodgerblue
Firebrick
Floralwhite
Forestgreen
Fuchsia
Gainsboro
Ghostwhite
Gold
Goldenrod
Gray
Green
Greenyellow
Honeydew
Hotpink
Indianred
Indigo
Ivory
Khaki
Lavender
Lavenderblush
Lawngreen
Lemonchiffon
Lightblue
Lightcoral
Lightcyan
Lightgoldenrodyellow
Lightgreen
Lightgrey
Lightpink
Lightsalmon
Lightseagreen
Lightskyblue
Lightslategray
Lightsteelblue
Linen
Magenta
Maroon
Mediumaquamarine
Mediumblue
Mediumorchid
Mediumpurple
Mediumseagreen
Mediumslateblue
Mediumspringgreen
Mediumturquoise
Mediumvioletred
Midnightblue
Mintcream
Mistyrose
Moccasin
Navajowhite
Navy
Oldlace
Olive
Olivedrab
Orange
Orangered
Orchid
Palegoldenrod
Palegreen
Paleturquoise
Palevioletred
Papayawhip
Peachpuff
Peru
Pink
Plum
Powderblue
Purple
Red
Rosybrown
Royalblue
Saddlebrown
Salmon
Sandybrown
Seagreen
Seashell
Sienna
Silver
Skyblue
Slateblue
Slategray
Snow
Springgreen
Steelblue
Tan
Teal
Thistle
Tomato
Turquoise
Violet
Wheat
White
Whitesmoke
Yellow
Yellowgreen
Other collections of resources about Friendica

This LinkTree by @[url=https://friendica.me/profile/sarah]Sarah Maginness[/url] Peck (LinkTree is more popular on mainstream social networks, so consider sending that if this post of mine is too cumbersome
A webpage that I'm gonna create and link here. While Friendica is quite flexible and allows for text to be customized and formatted in multiple ways, I think a website should also be nice (plus I just discovered Google Sites and I wanna play around) - TBD

♲ @FediTips@social.growyourown.services:
Years ago I used to recommend a Fedi platform called Lemmy. However, in 2021 some very disturbing stuff about Lemmy's developers came out which totally changed my mind. Because of this, I did a thread to warn people about Lemmy and then never mentioned them again.
Today a mod on this account's old server deleted the 2021 thread, without any explanation but apparently by mistake.
If you're looking for the thread, it's on the Internet Archive:
➡️ web.archive.org/web/2023060300…
#Lemmy #HumanRights

@maegul (he/they)

in reply to Cătă

Zero22xx

in reply to Cătă • 2 months ago • •

Made a quick account there to check things out and not sure if it's entirely the right fit for the particular use case I had in mind. It's very much inspired by Facebook obviously, which I was expecting but from what I can tell from a quick look, not the kind of Lemmy integration I was hoping for or imagining.

I'm going to keep an eye on this place though, so that I can start encouraging friends and family to join once it's easy and attractive (in terms of content) for anyone to join.

This entry was edited (2 months ago)

in reply to Zero22xx

Cătă

in reply to Zero22xx • 2 months ago • •

It depends. What use case did you have in mind?

in reply to Cătă

Zero22xx

in reply to Cătă • 2 months ago • •

Basically I would be spending much more time in Lemmy communities, and I thought Friendica could be something extra on top to supplement it.

So I would like to be able to browse instances and communities and choose what I want to see and participate in. Either by subscribing or curating a feed or two. I don't see an obvious way to do this from Friendica yet. It seems like here I need to scroll through a pre existing feed and curate it from there.

But please bear in mind, I haven't explored extensively yet or read the link you shared earlier, although I have saved that post so that I can get back to it later in my day.

And another small thing for me (that can be easily fixed by styles and apps) is no apparent dark mode.

in reply to Zero22xx

Cătă

in reply to Zero22xx • 2 months ago • •

Friendica is more personal so to say... idk how to put it. It is more like Facebook 😁 You'll likely find your way.

And another small thing for me (that can be easily fixed by styles and apps) is no apparent dark mode.

Go to Settings>Display>Custom theme settings, then click the drop-down on appearance (should be the second item).

If you're using the Vier theme instead of Frio, scroll down to Theme settings and select the drop down next to "set style".

in reply to Cătă

Zero22xx

in reply to Cătă • 2 months ago • •

Apologies for the second reply. Just wanted to say that I checked out mbin and it's probably more up my alley personally.

But, I still have a barely used Facebook account because a lot of people in my country are still on it. And I'm going to see if the rumours are true and try to spread the news about Friendica there, hopefully without my post getting removed or account being banned.

And if / when people from there give Friendica a shot, then I'll give it a proper shot too with them. It'll just be used for different things than what I use Lemmy for.

like this

in reply to Zero22xx

Cătă

in reply to Zero22xx • 2 months ago • •

No worries! Whatever fits you best! 😁 I'm happy you found a place around here!

Hope Zuck doesn't create another streisand with this one, like he did with Pixelfed (or maybe I hope he does, idk)

I'll have a shot with you too. Or maybe two shots. Or maybe whatever gets me to hospital in coma (jk).

Cătă likes this.

in reply to Zero22xx

NeatoBuilds

in reply to Zero22xx • 2 months ago • •

I think lemmy is a bit of the odd one out, so far i can interact between mastodon and pixelfed ok, and I can post from mastodon to lemmy, but in lemmy I can't really interact with mastodon or pixelfed.

If you want a lot more in on profile I'd check out mastodon, I just don't really get the Twitter style so I never know how to really use it for memes

in reply to maegul (he/they)

Jumuta

in reply to maegul (he/they) • 2 months ago • •

yeah, looking at the federation systems it supports is insane and I really want to try it out honestly

from Wikipedia:

Friendica users can connect with others via their own Friendica server, but may also fully integrate contacts from other platforms including Diaspora, Pump.io, GNU social, email, Discourse[9] and more recently ActivityPub (including Mastodon, Pleroma and Pixelfed) and Bluesky[10][11] into their 'newsfeed'. In addition to these two way connections, users can also use Friendica as a publishing platform to post content to WordPress, Tumblr, Insanejournal[12] and Libertree. Posting to Google+ was also supported until that service was shut down. In addition, RSS feeds can be ingested.[13] Because users are distributed across many servers, their "addresses" consist of a username, the "@" symbol, and the domain name of the Friendica instance in the same manner email addresses are formed. Twitter support was available but was deprecated due to API changes under Elon Musk's leadership rendering it unusable.

This entry was edited (2 months ago)

like this

in reply to Cătă

Ⓜ3️⃣3️⃣ 🌌

in reply to Cătă • 2 months ago • •

This awesome because users care about only one thing : no change, ever.

like this

in reply to Cătă

Blaze (he/him)

in reply to Cătă • 2 months ago • •

Looks promising! Giving Friendica an UI of this century

like this

in reply to Cătă

morrowind

in reply to Cătă • 2 months ago • •

Time to switch Grandma?

She'll probably miss her friends though

in reply to morrowind

Blaze (he/him)

in reply to morrowind • 2 months ago • •

Time to do a migration tea drinking afternoon

like this

in reply to Blaze (he/him)

Cătă

in reply to Blaze (he/him) • 2 months ago • •

Unpopular opinion: Facebook until around 2016 or so (whenever it added stories for the 1st time) was the best social network in terms of UI and concept. It's just Zuck that decided to just copy everyone, every single feature, cram everything in a single website and gobble all user data (and now he's also supporting Trump and free speech). Oh, and the ads. The stupid ads getting you everywhere.

in reply to Cătă

Blaze (he/him)

in reply to Cătă • 2 months ago • •

Not sure it's that unpopular to be honest

in reply to Blaze (he/him)

Cătă

in reply to Blaze (he/him) • 2 months ago • •

too many seem hyped about microblogging, though...

like this

in reply to Cătă

Ulrich

in reply to Cătă • 2 months ago • •

I actually agree 100%.

Cătă likes this.

in reply to Cătă

Zagorath

in reply to Cătă • 2 months ago • •

Google+ was better. The concept of "circles" being the primary way of interacting with people was ingenious and far better represents how real people interact. My fencing friends are not the same as my RPG friends who are not the same as my family.

Facebook adopted this with "lists", but they're not treated as the core part of the experience that G+'s Circles were, so they don't get used.

like this

in reply to Zagorath

jqubed

in reply to Zagorath • 2 months ago • •

I’ve put everyone on a list but there have been times Facebook has made it hard to even post only for that list

in reply to jqubed

theangryseal

in reply to jqubed • 2 months ago • •

Damn. I can’t imagine having enough people in my life to make lists.

There’s something wrong with me though. I’ve spent most of my life alone and my biggest fear has always been centered around being asked to leave my space.

Of course when you get older that gets harder. I’m lucky at the moment. I’m a stay at home dad who goes to spend time working on various projects with my uncle when I’m free.

If he died tonight I’d have no social life at all.

in reply to theangryseal

dbkblk

in reply to theangryseal • 2 months ago • •

No offense, but I suggest you talk to a psychologist about this 🙂 I and many other friends did over here, and it really helps to unlock your full potential (everyone has different problems).

like this

in reply to theangryseal

jqubed

in reply to theangryseal • 2 months ago • •

Some of the lists are very small. It was very much inspired by Google+ and I did it so I could easily post things relevant only to certain groups that might not be relevant to others or that I wouldn’t want others to see.

I suppose I do have a lot of “friends” on Facebook, but I’ve also been on the platform for 20 years as of this month or next. I joined back when it was less than a year old and you had to be a university student, and back then you had to be at a university that was supported by the platform. You could list what dorm you were in and your class schedule, which made it easy to find other students in your class, helpful if you’d missed a class or something. It was actually really useful in an era when college classes were just starting to make more use of online tools. In that era it made sense to add a lot of people.

I’ve purged the list a few times, and I could probably go through it again. The vast majority I haven’t seen in years, and there are plenty I’d probably never spend time with socially. Very few

in reply to morrowind

Blackmist

in reply to morrowind • 2 months ago • •

She still sees posts from friends? It's probably mostly minions memes about immigrants by now.

in reply to Blackmist

theangryseal

in reply to Blackmist • 2 months ago • •

Remember when America was white except for the hood that we didn’t drive through.

Minion farm remembers.

I can’t believe that gif exists. I expected to find more cheesy confederate minion pics though.

Edit:

Oh my God I need to make a bunch of crazy dumb minion memes centered around the Pepperidge farm meme and see if people post them unironically. You know they will.

This entry was edited (2 months ago)

in reply to morrowind

JaggedRobotPubes

in reply to morrowind • 2 months ago • •

Anybody who gives a rat's ass about grandma wants to see her hanging out in places that aren't actively hostile to her, and will at least consider switching.

If they insist on keeping her in places that want to see her come to a bad end just to make a buck, then we can safely stop calling or thinking of those people as friends.

in reply to morrowind

unexposedhazard

in reply to morrowind • 2 months ago • •

Her friends have been dead for years. She just sees posts from an AI bot fed with their data now and thinks they are still alive.

This entry was edited (2 months ago)

in reply to Cătă

the_boxhead

in reply to Cătă • 2 months ago • •

Just wish there was an iOS app…

like this

in reply to the_boxhead

Fitik

in reply to the_boxhead • 2 months ago • •

There's Relatica, it's in active development, and it's multiplatform including IOS, but it's in beta right now

My Social Portal / Relatica · GitLab

An independent mobile and desktop client for Friendica written in Flutter

^GitLab

like this

Fediverse reshared this.

in reply to Fitik

Cătă

in reply to Fitik • 2 months ago from Not sent from my iPhone (I don't have one) • •

@Fitik @the_boxhead Yep. Look out for updates on Relatica if you're on iOS

@Fitik @the_boxhead

in reply to the_boxhead

Sunshine (she/her)

in reply to the_boxhead • 2 months ago • •

The MAU is growing, it’s likely one developer will be inspired to make one.

like this

in reply to the_boxhead

ᴇᴍᴘᴇʀᴏʀ 帝

in reply to the_boxhead • 2 months ago • •

It's compatible with the Mastodon API, so some of the apps work for it. I was talking to the developer of an iOS Mastodon the other day and they are off checking compatibility at the moment.

edit: I also started a thread on people's experience with apps on !friendica@lemmy.ca.

This entry was edited (2 months ago)

Cătă likes this.

in reply to Cătă

thebustinator

in reply to Cătă • 2 months ago • •

The rounded corners on the "set title" input box (in contrast to the other input fields) bothers me more than it should...

like this

in reply to thebustinator

Cătă

in reply to thebustinator • 2 months ago from Not sent from my iPhone (I don't have one) • •

@thebustinator Guess it's the author is still working on it, polishing it out, but there's a start

@thebustinator

like this

in reply to Cătă

Holler Pixie

in reply to Cătă • 2 months ago • •

Just don’t follow much on Friendica due to a lack of iOS app. And only had one for android. For it to really take off, we need app development as well. This is a great step though as an easy UI will promote use.

like this

in reply to Holler Pixie

Scrubbles

in reply to Holler Pixie • 2 months ago • •

Yeah I would set it up for my family today if there was an iOS app. How many years has it been out and still no app?

in reply to Scrubbles

caos (moved to Sharkey) 🚀

in reply to Scrubbles • 2 months ago • •

What do you see as the advantages of an app over a web app?

@hollerpixie

@Holler Pixie

in reply to caos (moved to Sharkey) 🚀

Holler Pixie

in reply to caos (moved to Sharkey) 🚀 • 2 months ago • •

Most people like to have the phone app for socials, makes it easy to browse or keep on top of posts more convenient. Honestly, I can’t really think of any social media platform that isn’t app based for this very reason. Goals for success: make it easy to use, engaging, and have an app with a good UI.

in reply to caos (moved to Sharkey) 🚀

Scrubbles

in reply to caos (moved to Sharkey) 🚀 • 2 months ago • •

Sorry very late to this, but for me I don't care, I like PWAs and I put them as shortcuts on my phone. Trying to get friends and family over though that's a huge leap, and requires a very gentle hand

Cătă likes this.

in reply to Holler Pixie

Cas

in reply to Holler Pixie • 2 months ago • •

There’s an in-dev app called Relatica for iOS that you can get TestFlight access to. It’s quite good!

gitlab.com/mysocialportal/rela…

My Social Portal / Relatica · GitLab

An independent mobile and desktop client for Friendica written in Flutter

^GitLab

in reply to Cas

Holler Pixie

in reply to Cas • 2 months ago • •

That’s great news! Will check it out.

in reply to Cătă

Ulrich

in reply to Cătă • 2 months ago • •

loma.ml has already installed it server-wide

I can't see anything without an account and I can't create an account without an invitation code.

in reply to Cătă

HootinNHollerin

in reply to Cătă • 2 months ago • •

Loma.ml is invite only btw

like this

in reply to HootinNHollerin

Cătă

in reply to HootinNHollerin • 2 months ago • •

@HootinNHollerin I just noticed. Bummer. It's still cool to see it as a proof of concept, though (loma is one of the instances that have been online for a long time, so it's great they are also working on it). They also shared it on GitHub: github.com/loma-one/friendica_…

@petrescatraian@libranet.de

friendica_Template/bookface at main · loma-one/friendica_Template

Friendica Template WIP (not for productive use) . Contribute to loma-one/friendica_Template development by creating an account on GitHub.

^GitHub

@Cătă @HootinNHollerin

in reply to Cătă

3DMVR

in reply to Cătă • 2 months ago • •

This is honestly so nice, every "clone" should have a similar interface for ppl swapping to make it easier, I love customization and different interfaces but I was only able to transition to lemmy because of its similarities to reddit, specifically the third party apps

like this

Unknown parent

Dremor

Unknown parent • 2 months ago • •

The regular UI looks like out of the 10's, maybe earlier. And god that default color scheme is awful.

⇧

Cătă

Cătă via Fediverse

Cătă 2 months ago from Not sent from my iPhone (I don't have one) • •

Bookface Light Version 4

How to use:

What's New?

The Code:

Friendica beginner help megathread

List of guides/presentations/quick start

Short Q&A with the most common problems

Other types of resources

Other collections of resources about Friendica

Friendica beginner help megathread

List of guides/presentations/quick start

Short Q&A with the most common problems

Other types of resources

Other collections of resources about Friendica

Friendica beginner help megathread

List of guides/presentations/quick start

Short Q&A with the most common problems

Other types of resources

Other collections of resources about Friendica

Cătă
2 months ago from Not sent from my iPhone (I don't have one) • •