Skip to content

v1.2.1-min.4

Latest
Latest

Choose a tag to compare

View all tags
@benkormus benkormus released this 04 Oct 16:29
· 1 commit to main since this release
v1.2.1-min.4
970708c
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Update - v1.2.1-min.4

Internal update: the styles of the new design are now in their own file. New: a design editor for the start page.

Added

  • New "Stil" tab in "Homepage bearbeiten": 12 gradient schemes with live preview cards (Sakura, Nebula, Dämmerung, Ozean, Sternenhimmel, Prisma, Neonwelle, Alpin, Terminal, Glut, Mitternacht, Hell). The selected scheme gets a checkmark. Sternenhimmel has stars, Terminal has scanlines, and "Hell" switches the start page texts to dark automatically.
  • Custom colors (only in "Stil"): Start and end color replace the colors of the chosen scheme. Clicking a scheme resets them.
  • Customize:
    • Gradient direction and background glow (only in "Stil").
    • Corner radius, spacing (compact / normal / airy), font size (small / normal / large) and animations on/off. These work with every background, not only with "Stil".
    • "Design zurücksetzen" resets everything to the defaults.
  • Font selection (only in "Stil"): 30+ fonts (sans, serif, mono, handwriting, system fonts such as Comic Sans MS). Every card previews its font right away, without clicking it. The font can apply to the start page only or to the whole app (default: whole app).
  • All design settings are saved in localStorage (nb_start_design) and are kept after a restart. The new background mode is stored as style in nb_start_bg_mode.

Changed

  • Styles moved to style.css: The whole <style> block of index.html was moved into a separate style.css. index.html now loads it with at the same place where the block used to be.
    • The existing CSS is unchanged. Only the indentation was adjusted.
    • style.css got a new section "DESIGN / STIL" at the end (scheme cards, font cards, settings rows, CSS variables for the start page).
  • The Tailwind configuration (tailwind.config = {...}) stays in index.html, because it is JavaScript and not CSS.
  • The <style> example inside the sandbox template also stays in index.html, because it is part of the example text.
  • The "Homepage bearbeiten" window is wider and scrolls when the content is long.
  • Start page elements (search field, tiles, spacing) now use CSS variables, so corner radius, spacing and size can be changed.

Note

  • style.css must be in the same folder as index.html and must be included in the installer (check the files list in package.json if you list files one by one). If it is missing, the interface loads without its styles.
  • Fonts other than the system fonts are loaded from Google Fonts and need an internet connection. Without it, a fallback font is used.
Assets 4
Loading