Журнал изменений

Follow-up to the semantic HTML commit: switches section labelling from aria-labelledby + IDs to plain aria-label, removes the now-redundant id="upper" from the wordmark anchor, and collapses the double-div foot-menu wrapper now that the CSS handles full-bleed directly.

Core changes:

1. app.html / home.html:

2. section#demo-line: aria-labelledby → aria-label; drop id="demo-line-title" from h2 (ID was only needed for the labelledby reference)

3. footer .sl-upper-wordmark: remove id="upper" (CSS now targets .sl-upper-wordmark)
4. section Технологии / Контакты: aria-labelledby → aria-label; drop IDs from h2

5. Remove div#foot-menu + inner div.sl-wrp wrapper; nav.sl-fmenu is now a direct child of footer via div.sl-wrp.sl-clrfix (full-bleed handled in CSS)

Benefits:

• Cleaner HTML: fewer IDs, shallower nesting in the footer
• ARIA labels still present; labelledby pattern not needed when label text is static

Upgrades the lite template layout to use meaningful HTML5 sectioning elements throughout header, footer, demo strip and navigation, improving document outline, accessibility and machine-readability. CSS selectors updated and minor property fixes applied in sync.

Core changes:

1. app.html / home.html (layouts):

2. div#hmenu → nav#hmenu with aria-label="Главное меню"

   • form.sl-search-form gains role="search"

3. div#demo-line → section#demo-line aria-labelledby="demo-line-title"

   • b.sl-demo-line-title → h2#demo-line-title (correct heading level)

4. div#footbox → footer#footbox; foot-menu moved inside it

   • nested footer.sl-grid → section.sl-grid aria-label="SLAED CMS"
   • div.sl-grid (Технологии) → section aria-labelledby + h2
   • div.sl-grid (Контакты) → section aria-labelledby + h2
   • ul.sl-block-contact wrapped in address
   • nav.sl-fmenu gets aria-label="Нижнее меню"
   • protocol-relative URL //slaed.net → https://slaed.net
5. menu.html (partial):
6. nav#topmenu → div#topmenu (already inside nav#hmenu; avoids nested nav)
7. theme.css:
8. #demo-line: add background-position/repeat/size defaults
9. .demo-line-title: add font-weight:700; margin shorthand
10. .sl-list-item > li: margin-top → margin-bottom
11. #footbox: padding shorthand; address { font-style:normal }
12. .sl-f-title: margin shorthand
13. Responsive: update #footbox selectors to .sl-wrp > .sl-grid:first-child
14. Mobile: add overflow/ellipsis rules for .sl-list-item inside #footbox

Benefits:

• Proper document outline with h2 headings in demo-line and footer sections
• Screen-reader landmarks: nav, footer, section, address, role="search"
• CSS remains in sync with the restructured DOM; no visual regressions

Decoupled debug output from the foot-controls partial by passing it directly as a layout variable, so each layout controls its own placement without bloating the generic foot-controls partial.

Core changes:

1. Backend (core/system.php):
2. Removed $debug from getFootControls() call
3. Added debug_html to the layout variable map
4. Partial (foot-controls.html):
5. Removed debug_html block (no longer responsible for it)
6. Reordered: license before time
7. Layouts (app.html, home.html, main.html):
8. Added conditional debug_html block at page bottom

Benefits:

• Cleaner separation of concerns between partial and layout
• Debug block is layout-controlled, not buried in a partial

Replace generic .sl-but-login, .sl-but-primary and .sl-dropdown-* selectors with scoped semantic names (.sl-login-top--head, .sl-login-toggle, .sl-login-profile, .sl-login-avatar, .sl-login-dropdown-form) and extract all magic numbers into CSS custom properties under :root in base.css.

Core changes:

1. CSS variables for login section (base.css):

2. Add 30 --sl-login-* custom properties for colors, sizes, padths, and layout

   • Colors: --sl-login-link-color, --sl-login-pill-bg, --sl-login-avatar-border-color
   • Layout: --sl-login-dropdown-width, --sl-login-field-width, --sl-login-avatar-size
3. Login CSS refactoring (theme.css):
4. Rename .sl-login-top → .sl-login-top--head for header context
5. Replace .sl-dropdown-form with .sl-login-dropdown-form (fully self-contained)
6. Replace .sl-ava-min / .ava-min with .sl-login-avatar (variable-driven)
7. Responsive overrides use CSS variable overrides instead of property repetition
8. Adjust #header padding: 36px → 24px; #container padding: 50px → 24px
9. Template updates (button.html, link.html, list.html, block-user-info.html, login-nav.html):
10. is_login_submit → class sl-login-submit (no longer inherits button gradients)
11. is_login_button → sl-login-link sl-login-link-top
12. is_login_profile → sl-login-profile (pill bg applied via CSS, not button base)
13. is_login_avatar → sl-login-avatar
14. login-nav.html: inline form fields and hidden inputs, remove fragment indirection
15. Fix typo: is_sl-logged → is_logged in list.html condition
16. Add .sl-login-top--block modifier to block-user-info.html

Benefits:

• Semantic class names make intent clear without reading CSS
• CSS variables allow responsive breakpoint overrides via single rule block
• Reduced coupling: login styles no longer depend on button base classes

Technical notes:

• .sl-login-top class retained for backward compatibility in non-head contexts
• Old .sl-ava-min, .ava-min selectors removed (replaced by .sl-login-avatar)
• .sl-but-login selector removed from shared inline-flex group

Remove the legacy String.prototype.AddMail JS method (email is now a plain mailto: link). Replace setTimeout string-eval in FlyBasket with a proper closure. Update site_logo to wordmark variant and rotate sitekey. Add is_account_button: true to register_link so the template renders it with the neutral button style.

Core changes:

1. global-func.js:
2. Remove String.prototype.AddMail (anti-spam obfuscation no longer needed)
3. Replace setTimeout('FlyBasket("'+productId+'")', 10) with closure form
4. config/global.php:
5. site_logo: mark → wordmark SVG variant
6. sitekey: rotated to new value
7. core/system.php (setHead):

8. register_link: add 'is_account_button' => true so button.html/link.html renders it with sl-but-neutral class