Журнал изменений
Replace color-literal class names with their semantic equivalents as
defined by the new CSS button system. Also update login-button markup
to use sl-but-primary directly instead of the legacy sl-ico sl-login-btn
approach, and map is_footer_button to sl-but-warning.
Mapping: sl-but → sl-but-neutral sl-but-blue → sl-but-primary sl-but-green → sl-but-success sl-but-red → sl-but-danger sl-but-back → sl-but-accent sl-but-foot → sl-but-warning sl-ico sl-login-btn → sl-but-primary sl-login-btn (profile) → sl-but-login sl-but-primary
Core changes:
Fragments (button.html, link.html, span.html, inline-badge.html, comment-action-ajax.html, editor-action-menu.html, block-login-form.html, block-search-form.html):
- Apply full rename mapping to all conditional class expressions
Partials (account-profile.html, block-user-info.html, login-nav.html, main-slider.html, toastui-upload-panel.html):
- Apply rename mapping consistently
Benefits:
- All templates now reference semantic class names only
- Removes dependency on color-named CSS classes
Replace plain text logo with <img> tag using the configured logo
file. Restructure topbar to add GitHub, docs (DE/EN), and recommend
links with Bootstrap Icons. Remove deprecated sl-top-links list.
Update footer contact list from sl-ico classes to inline <i> icons
and expose email as a plain mailto: link (replaces AddMail script).
Core changes:
- Header logo (app.html, home.html):
<a class="sl-logo">{{ sitename }}</a>→<a><img src="logos/{{ logo }}">- Alt/title built from sitename + slogan
- Topbar social bar:
- Wrap in new
sl-top-right > sl-top-socialstructure - Add GitHub, YouTube (full URL), Twitter/X, docs-DE, docs-EN, recommend
- Each link gets a Bootstrap Icon
<i>witharia-hidden="true" - Remove
sl-top-linksul with recommend link - Contact section:
- Replace
sl-ico sl-i-*<li>classes with inlinebi-*icons - Expose email as
<a href="mailto:support@slaed.net">— no JS required - Button class updates (incidental to layout):
sl-but→sl-but-neutral,sl-but-blue→sl-but-primary
Replace --sl-button-* variables with a full --sl-but-* semantic
set and introduce semantic button variants: neutral, primary, success,
danger, warning, accent, link. Each variant carries its own gradient,
border, text-shadow, and box-shadow tokens for consistent rendering.
Core changes:
- CSS variables (base.css):
- Rename/expand
--sl-button-*→--sl-but-*with 6 semantic color sets - Add shared shadow tokens:
--sl-but-border-shadow,--sl-but-shadow-control - Add tone tokens:
--sl-color-tone-*for text indicators - Button classes (theme.css):
- Replace old
sl-but-blue/sl-but-greenwith semantic variants Add
sl-but-neutral,sl-but-primary,sl-but-success,sl-but-danger,sl-but-warning,sl-but-accent- Remove duplicate selectors and dead
sl-pull-rightduplication sl-but-naviuses new link-button token set
Benefits:
- Semantic naming decouples visual color from component role
- New token set enables per-variant inner/outer border control
- Removes ~30 duplicate CSS selectors
Delete email-noscript.html fragment and anti_spam() which relied on the deprecated "mysi".AddMail() JS trick. Replace all 3 callers with htmlspecialchars() — required because view templates use {{{ email }}} raw output. The JS obfuscation provided no real protection in 2026.
Remove sl-i-fav link from layouts, Bookmark() JS function, _S_FAVORITEN constant from all lang files, and template variable from access/security exit handlers. Feature relied on deprecated browser APIs (window.sidebar, window.external.AddFavorite) that no longer work in modern browsers.
Reformatted all templates/*/.html files (layouts, pages, partials, fragments) in both lite and admin template sets. Only whitespace and line breaks changed — no logic, conditions, CSS classes, or HTML semantics were altered.
Replaces all sl-X_Y modifier class names with hyphen-separated sl-X-Y form across layouts, fragments, partials, and theme.css to establish consistent BEM naming, and adds sidebar/content grid structure to home layout.
Core changes:
- Templates (layouts/app.html, home.html, fragments, partials):
Rename ~25 class patterns: sl-top_contact → sl-top-contact, sl-d_pane → sl-d-pane, sl-i_yt/-tw/-vk/-rss → sl-i-yt/-tw/-vk/-rss, sl-f_title → sl-f-title, sl-grid_1_4 → sl-grid-1-4
- home.html: add #head-content wrapper and left/main/right sidebar grid inside sl-wrp
- CSS (theme.css, base.css):
- Update selectors to match renamed classes
- Add inline-flex + align-items to .sl-meta li and card meta elements
- Refine .sl-navi-lower-action to use token-based color/border overrides
- Config:
- global.php: switch default module from changelog to news; rotate sitekey
- local.php: reset to minimal defaults
Benefits:
- Consistent hyphen-only BEM convention eliminates underscore/hyphen mixing
- Sidebar grid in home layout enables left/right block slot rendering
- Card meta elements vertically aligned via flexbox
Record the completed responsive baseline work for lite/admin and add release notes for the verified browser audit. This keeps the current responsive changes, documents the closed baseline, and preserves the remaining non-blocking component backlog for future follow-up.
Core changes:
- Responsive baseline:
- lite mobile/tablet layout, menus, tables, comments, cards, media, and admin shells were verified in the browser
- authenticated admin pages were verified after login
- component-specific backlog remains outside the baseline scope
- Release notes:
- add docs/VERSIONS.md with the baseline closure note and verification summary
Benefits:
- documents the verified responsive state
- keeps the release history aligned with the audited browser result
Technical notes:
- no PHP logic changes
- no JS changes
- no AI attribution
Standalone HTML demo showcasing all .sl-loading variants (default, drift, and colour overrides) for visual reference during development.