/* Кнопка "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(); } });
// На сенсорных экранах можно добавить элемент управления типом открытия — по-умолчанию используется клик
For Prima Nota, it was a great honour to take part in the march, representing the Russian-speaking community. ANZAC Day is a day of remembrance, deep respect, and unity. For our community, this day holds particular meaning. Among members of our Russian-speaking community are those who have served in the Australian armed forces, as well […]
For Prima Nota, it was a great honour to take part in… Read More »
For Prima Nota, it was a great honour to represent the Russian-speaking community at the wreath-laying ceremony. ANZAC Day is a day of remembrance and deep respect for all who served and sacrificed. It is especially meaningful that this day brings together many different histories and backgrounds. Among those we remember are people with roots
For Prima Nota, it was a great honour to represent the Russian-speaking… Read More »
Stories of Remembrance — ANZAC Day Series 2026 In this piece, Aliona Kosloff and Brenton DeLurant explore a lesser-known chapter of ANZAC history — the stories of those often referred to as the “Russian ANZACs.” The story begins with the Australian Army’s role in the First World War — from Gallipoli to the Western Front
Stories of Remembrance — ANZAC Day Series 2026 In this piece, Aliona… Read More »
On the eve of ANZAC Day- April 24th- something quietly powerful unfolded. For six hours, a group of Russian-speaking women and girls gathered around a table and created, by hand, a wreath of remembrance. What began as a simple act of preparation became something far greater- a space of connection, reflection, and shared purpose. Old
On the eve of ANZAC Day- April 24th- something quietly powerful unfolded.… Read More »
Stories of Remembrance — ANZAC Day Series 2026 This story is shared by Sofia Mikhaylovskaya, who reflects on the life of her great-grandfather — Alexander Guryevich Pankratov, Captain 1st Rank. What begins as a story of wartime memory unfolds into something deeply personal — a portrait of a man remembered not only for his service,
Stories of Remembrance — ANZAC Day Series 2026 This story is shared… Read More »
Today, the Prima Nota team had the honour of attending a commemoration marking the anniversary of the Armenian Genocide, held at the Migration Museum. The evening was hosted by the Armenian Cultural Association of South Australia and led by its president, Elena Gasparyan. It is difficult to put into words the depth of what we
Today, the Prima Nota team had the honour of attending a commemoration… Read More »
A heartfelt thank you today 💛 In the lead-up to ANZAC Day, Prima Nota received generous support from Midnight Pharmacy Adelaide(192–198 Wakefield Street), and from its star pharmacist, Syed Hassan Ali Hashmi. When we needed a wheelchair so that one of our veterans could comfortably participate in the ANZAC Day march, Syed kindly stepped in
A heartfelt thank you today 💛 In the lead-up to ANZAC Day,… Read More »
We would like to share a VERY important opportunity for young women in our community. If you are a Russian-speaking or migrant woman aged 18–35 in Australia- this may be for you. The In Her Name Scholarship is now open (and closing tonight, at 11:29PM Adelaide time!), offering: • 5 scholarships of $10,000 • 12
We would like to share a VERY important opportunity for young women… Read More »
We appreciate the ongoing engagement and support from the South Australian Government and Minister for Multicultural Affairs Nadia Clancy. It’s encouraging to see a shared commitment to building an inclusive, connected, and thriving multicultural community in South Australia. We look forward to continuing this work together. Read on Facebook
We appreciate the ongoing engagement and support from the South Australian Government… Read More »
Stories of Remembrance — ANZAC Day Series 2026 This conversation features Lucy Bodnar — an Australian who served in the Australian Army, and the daughter of World War II survivors. Her story moves across generations — from war and migration to life in Australia, cultural identity, and contribution to the community. Shared as part of
Stories of Remembrance — ANZAC Day Series 2026 This conversation features Lucy… Read More »