Fixed a bug with displaying the number of unread comments.

Improved error display when mobile internet connection is lost.

Added a sticky loader when saving a comment.

Improved aria-attributes for screen readers.

Added Open Graph support for some pages.

When publishing a post, a like is automatically added to the published post.

In open posts, a button icon was added to quickly jump to comments.

Separate language-specific home pages were created on sub-URLs like /es, /de, etc.

The site header is now fixed at the top on most pages.

Write language name after triple backticks (```) and content of preformatted text will be highlighted.
This is example:

 ``` ts
 let projectName: string|null = null;
 projectName = 'Famabara';
 ```

Of course, you shouldn't start backticks-line with a space.

Golang syntax highlight example:

package main

import "fmt"

func main() {
	fmt.Println("Hello, from Go!")
}

Javascript syntax highlight example:

console.log(2**2**3); // 256
console.log(2**(2**3)); // 256
console.log((2**2)**3); // 65

SQL example:

SELECT p.id, p.title FROM posts p LIMIT 10;

For C++ write "cpp", not "c++".
For C# write "csharp", not "c#"

Famabara uses highlight.js for syntax highlight.

Several useful changes have been added to the site over the past few days.

First, search was added to Famabara. All posts are indexed automatically.

Secondly, users can now subscribe to tags.

Of course, many minor changes have been made to improve the interaction with the site.

Famabara now supports quotes in posts and comments. Write ">" character in the beginning of a new line and this line will become a quote.

Example:

No, don't do it!

That's a good idea!

The text I wrote:

> I want to eat 3 pizzas.
No, don't do it!

> I want to eat an apple.
> And a peach.
That's a good idea!

Stay with Famabara!

Famabara supports preformatted text now. You can use it inside posts and comments.

Just write some text between triple backticks "```".
Backticks must be placed in the beginning of a new line.

const years = [2024, 2030, 2050];
for (const year of years) {
  console.log(year);
};

It can be useful when showing some code - all spaces are saved:

<div>
  <div>
    Some text
  </div>
  <div>
    Other text
  </div>
</div>

Famabara website uses Nuxt 3 as frontend. I like VueJS very much, that's why Nuxt was chosen.

SSR approach allows to have normal HTML on first page load and fast page switch due to SPA mode.

In backend Famabara uses Postgresql, NodeJS, Redis, Go.