[why]
The previous fix broke the instances of the subtitle circle in all the
other topics (Downloads, CheatSheet, Backers, ...) because it rendered
the circle too wide horizontally, while the vertical size was ok.
[how]
The previous previous fix with a concrete circle hight and width and
adequate line spacing for the filling font works better. The circle is
not absolutely circular, but roughly it is.
Unless there is a Web magician who can fix this in a better way I
believe the not-really-circular in one place (all-icons-divider) is
better than absurdly wide circles in all section subtitles.
Fixes: #1384
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
[why]
Testing with Firefox 113 and Chromium 118 the eveness of the round
circle might be improved a bit by using a slightly different font size.
Well, I did this on Linux, maybe the rendering is different on other
Platforms? We will see.
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
This reverts commit 20da768954.
The problem is solved more elegantly by the next commit
Issue with Subtitle Circle and Layout on Smaller Screens #1384 fixed
[why]
The navbar should only be one line, switching to smaller and smaller
items, until we reach a very small size (the smallest) where we finally
allow it to overlow into the next lines.
But that is not the case, the navbar switches between one and two lines
already at medium sized screens.
[how]
Correct the width point when the navbar titles switch from long-titles
to short-titles.
Introduce new width switch point that reduces the cell widths of the navbar
one they become very full and further reduction in width would result in
overflow into the next line.
Tested on Netscape and Chromium; the later needs bigger numbers (hmm)
Fixes: #1375
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
[why]
In the small screen version the all-icons section divider becomes
ellyptic or something, not round anymore.
[how]
When scaling down we do not scale the line spacing down enough.
Fixes: #1376
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
[why]
Some code has been commented out. This can be removed. We can use git if
we want to access the code again in the future.
Furthermore the banner still is on the page, below the Sanky diagram (in
the small screen rendering position).
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
[why]
Keep the dependencies as small as possible.
We already have the github icon in our own set which we import anyhow,
so there is no need to fetch fontawesome's CSS.
[how]
Replace fa-github with nf-fa-github.
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
[why]
There are 2.9 rows of icons shown.
This looks rather odd, with the last (3rd) row having their bottoms
removed.
[how]
Show instead 3.1 rows. This gives a visual hint to the user that
scrolling is possible (because the tops of the 4th row are shows), and
looks better with only 3 rows.
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
This step adds just the stuff generated via script in the master branch.
See pairing commit in the gh-pages branch:
Date: Wed May 3 17:54:44 2023 +0200
generate-css: Create cheat sheet with removed icons
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
Update the cheat sheet to v3.0.0 but also show the removed icons of
v2.3.3. That style is .nfold (read: nf-old) and it is just hacked in.
I believe it can be removed later on, with 3.1.0 or something at least.
We also need the old (removed) icons as a font to display them despite
being removed. A small helper script 'archives' just the dropped glyphs
into a new webfont.
The script can be removed afterwards, this is a single run, archiving
the dropped after v2.3.3 icons.
See pairing commit in master branch:
Date: Wed May 3 17:54:44 2023 +0200
generate-css: Create cheat sheet with removed icons
[note]
Also remove unused `nerd-fonts-generated.css`, wich confuses me every
time. It's sufficient to have it in the master branch for people, we do
not use it here.
f
[why]
After the glyph name fix done with commit
7e2d38b55 Fix some glyph names
we need to update the actual cheat sheet and CSS files.
[how]
Manually commit data from `generate-css.sh` run here.
Related: #1147
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
[why]
The (old) Material Design Icons are to be removed.
We should communicate that on the Cheat Sheet.
[how]
Add class that displays a red top-right triangle with text.
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
[why]
We removed the functionality with the previous commit and replaced it
with 'copy the UTF16 code' (needed for codepoints > u_FFFF).
But people might want to have the possibility to easily (by click) copy
the codepoint hex number.
[how]
Add highlighting on the hex number and allow clicking to copy the value.
[note]
The tooltip will be added in the cheat-sheet generator.
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
[why]
The icon sizes (in EM) changed a bit, so we need to decrease the display
size to make the icon not-overlap the text.
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
[why]
At least with commit
9327191 Transitioning from css to scss with compression
the file became obsolete and the compacted 'min' version is used
instead.
Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
* improves download page links and adds other download/install options
* adds some more styling to home page to be a bit more striking
* removes reliance on jQuery and rewrites most of the JavaScript
* misc formatting fixes