search

wangchucheng / hugo-eureka

Eureka is a feature-rich and highly customizable Hugo theme.
https://www.wangchucheng.com/en/docs/hugo-eureka/
Apache License 2.0
927 stars 193 forks source link

Display issue (post truncated) if title is too long #126

Open ecthrwatch opened 3 years ago

ecthrwatch commented 3 years ago

There is a display issue if the title is too long in languages.yaml config file. For example, the name of my website is:

EUROPEAN COURT OF HUMAN RIGHTS WATCH

Here is a screenshot of how it looks like when I read a post: part of the post is truncated:

E843010B-C7FD-41A7-B19D-C5AA3988B948

wangchucheng commented 3 years ago

Do you have any suggestions for this issue when the title is too long? What I think of now is to truncate it or increase the height of the header, but I think neither of these is a good way.

ecthrwatch commented 3 years ago

To truncate the title is not an option. Why? Imagine a law firm's name is long. For example:

http://www.laobserved.com/biz/2007/01/longest_law_firm_nam.php

"Ziffren, Brittenham, Branca, Fischer, Gilbert-Lurie, Stiffelman, Cook, Johnson, Lande & Wolf."

Another example is this website: https://www.federal-bureau-of-investigation.com

Since I intend to ask for witness protection to the F.B.I. at the U.S. Embassy in Beijing, I want to publish online the explanations I will send to the F.B.I. because I want to be very transparent. I am accusing McDonald's Corporation of aggravated fraud and I believe the F.B.I. should start a criminal investigation against them. But I worry that they will be recalcitrant to launch a criminal investigation against a U.S. corporation. By publishing openly what I will write to them, I hope they will act with even more integrity.

I thought it could be a good name for a website. BUT, I have to be very careful to make it very very clear that it's a NON-OFFICIAL website. So I will have no choice but to put a clear warning with the title, something like this: Federal-Bureau-of-Investigation.com (NON-OFFICIAL website)

You can visit the website now to see how it currently looks like.

In addition to this, there is another problem. Look at the 2 screenshots below. On the 2nd screenshot, you can see that the text can overlap sometimes. I live in China, in Taiyuan, Shanxi province. So I know that the menu names in Chinese can be short. It's very convenient to put lots of words in a narrow space. However, what can be written in Chinese with maybe 5-6 characters could require 20+ characters in French.

This second problem must be taken into account if we want to find a good solution.

Screen Shot 2021-07-09 at 18 30 24 Screen Shot 2021-07-09 at 18 30 08
wangchucheng commented 3 years ago

I can fully imagine the need for more characters to express in French or English. But maybe because the English website I browsed is not enough, I can't think of how other websites deal with this situation for a while.

I tried to find a few technical websites in English. For example, Hugo's official website (gohugo.io):

image

and flutter (flutter.dev):

image

According to my current observations, they are all trying to keep the content shorter. However, I can also imagine that sometimes longer characters are required for representation, but I have not found a suitable solution at present. If there is a plan for reference, please feel free to put forward it. If there is a plan or website suitable for eureka, I will try to improve eureka. At the same time, any pr is also welcome.