Кнопка "All Microsoft" — Мега-меню (пример)

/* БАЗОВАЯ СТИЛИСТИКА - минимальная, настраивайте по вкусу */ :root{--bg:#ffffff;--panel:#f7f7f8;--accent:#0078d4;--text:#111;--shadow:rgba(0,0,0,0.12)} *{box-sizing:border-box} body{font-family:Inter,system-ui,Segoe UI,Roboto,"Helvetica Neue",Arial;line-height:1.3;color:var(--text);background:var(--bg);margin:0} .site-header{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid #e6e6e6} .brand{font-weight:700;font-size:18px}

/* Кнопка "All" */ .all-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:transparent;border:1px solid #ddd;cursor:pointer} .all-btn:focus{outline:3px solid rgba(0,120,212,0.15);outline-offset:2px}

/* Оверлей и панель */ .overlay{position:fixed;inset:0;display:none;background:rgba(0,0,0,0.18);z-index:40} .overlay.open{display:block} .panel{position:fixed;left:0;right:0;top:56px;margin:0 auto;max-width:1200px;background:var(--panel);border-radius:8px;box-shadow:0 8px 24px var(--shadow);padding:20px;z-index:50;transform-origin:top;display:none} .panel.open{display:block}

/* Сетка меню */ .mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .group{background:transparent} .group h4{margin:0 0 8px 0;font-size:15px} .group ul{list-style:none;padding:0;margin:0} .group li{margin:6px 0} .link{display:block;padding:6px 8px;border-radius:6px;text-decoration:none;color:var(--text)} .link:hover{background:#fff}

/* Footer of panel */ .panel-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e6e6e6;margin-top:16px}

/* Responsive */ @media (max-width:900px){ .panel{left:12px;right:12px;top:64px} .mega-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:520px){ .mega-grid{grid-template-columns:1fr} }

Пример быстрого внедрения мега-меню

Этот файл демонстрирует кнопку, похожую на "All Microsoft": выпадающая панель, оверлей, адаптивность и базовая доступность.

// Простая логика открытия/закрытия + базовая доступность const btn = document.getElementById('allToggle'); const panel = document.getElementById('megaPanel'); const overlay = document.getElementById('overlay');

function openPanel(){ btn.setAttribute('aria-expanded','true'); panel.setAttribute('aria-hidden','false'); panel.classList.add('open'); overlay.classList.add('open'); // запомнить первый фокус panel.querySelector('.link')?.focus(); document.addEventListener('keydown', onKeyDown); } function closePanel(){ btn.setAttribute('aria-expanded','false'); panel.setAttribute('aria-hidden','true'); panel.classList.remove('open'); overlay.classList.remove('open'); btn.focus(); document.removeEventListener('keydown', onKeyDown); }

btn.addEventListener('click', ()=>{ const expanded = btn.getAttribute('aria-expanded') === 'true'; if(expanded) closePanel(); else openPanel(); });

// клик по оверлею закрывает overlay.addEventListener('click', closePanel);

// клавиши: Esc закрывает; Tab — простая ловушка фокуса (не идеальна, но рабочая) function onKeyDown(e){ if(e.key === 'Escape') closePanel(); if(e.key === 'Tab'){ const focusable = panel.querySelectorAll('a, button'); if(!focusable.length) return; const first = focusable[0]; const last = focusable[focusable.length-1]; if(e.shiftKey && document.activeElement === first){ e.preventDefault(); last.focus(); } else if(!e.shiftKey && document.activeElement === last){ e.preventDefault(); first.focus(); } } }

// Закрывать при клике вне: полезно, но не переусердствуйте с перехватом кликов по документу document.addEventListener('click', (e)=>{ if(panel.classList.contains('open')){ const insidePanel = panel.contains(e.target) || btn.contains(e.target); if(!insidePanel) closePanel(); } });

// На сенсорных экранах можно добавить элемент управления типом открытия — по-умолчанию используется клик

Prima Nota Inc. – Festival & Event Reports

Prima Nota Inc.

Festival & Event Reports

Table of Contents

2026

Folk Pancake Festival Maslenitsa SA 2026

2025

Folk Pancake Festival Maslenitsa SA 2025
Multicultural Festival 2025

Folk Pancake Festival Maslenitsa SA 2026

+

Post-Event Report

Date

15 Feb 2026

Location

Linde Reserve, Stepney SA

Attendees

1,500+

Volunteer Hours

4,320

Overview

A free, alcohol-free multicultural civic celebration featuring South Australia’s largest Slavic pancake festival. The event brought together independent vendors, performers, community organisations, volunteers, and elected representatives, organised by Prima Nota Inc. in partnership with the Russian-Speaking Women’s Association in South Australia.

Key Statistics

Metric	Value
Attendees	1,500+
Event Responses	2,500
Facebook Views (28-day period)	97,231
Facebook Engagement (non-followers)	83.8%
Independent Vendors	15
Volunteer Hours	4,320
Estimated Community Value	$141,555

Activities

Pancake preparation and tasting experiences
Multicultural performances: 9 performing groups + 1 solo act
15 independent food and market vendor stalls
7 local creatives
Community organisation exhibits
Government and council representative attendance

Partners & Sponsors

Diabetes SA, Cocoshnick in Australia, Kennards Hire, Eastway Vikings, Kaleidoscope Paramedics
Sponsors: Central Audio Visual, SNAP

↓ Download Full Report (PDF)

© Prima Nota Inc. 2026. All rights reserved.

Folk Pancake Festival Maslenitsa SA 2025

+

Post-Event Report

Date

March 2025

Location

South Australia

Overview

Folk Pancake Festival Maslenitsa SA 2025, organised by Prima Nota Inc. The full report contains key facts, highlights, and behind-the-scenes insights from the event.

↓ Download Full Report (PDF)

© Prima Nota Inc. 2025. All rights reserved.

Multicultural Festival 2025

+

Post-Event Report

Overview

Prima Nota Inc. participated in the Multicultural Festival 2025. The full post-event report is available for download below.

↓ Download Full Report (PDF)

© Prima Nota Inc. 2025. All rights reserved.