' + '

andrii@dk:~$' + '

'; host().appendChild(box); var out = box.querySelector('#a3TermOut'), inp = box.querySelector('#a3TermIn'); var hist = [], hi = -1, open = false; function print(html, cls) { var d = document.createElement('div'); if (cls) d.className = cls; d.innerHTML = html; out.appendChild(d); out.scrollTop = out.scrollHeight; } function toggle(v) { open = v === undefined ? !open : v; box.classList.toggle('on', open); if (open) { inp.focus(); if (!out.children.length) print(commands.__banner, 'b'); } else inp.blur(); } A3.termToggle = toggle; addEventListener('keydown', function (e) { if (e.key === '/' && !open && !/^(INPUT|TEXTAREA)$/.test(document.activeElement.tagName)) { e.preventDefault(); toggle(true); } else if (e.key === 'Escape' && open) { toggle(false); } }); inp.addEventListener('keydown', function (e) { if (e.key === 'Enter') { var v = inp.value.trim(); inp.value = ''; if (!v) return; hist.push(v); hi = hist.length; print('andrii@dk:~$ ' + v.replace(/' + ((window.A3DATA && A3DATA.t && A3DATA.t.termNoCmd) || 'команди «%s» немає. спробуй') .replace('%s', parts[0].replace(/help'); } else if (e.key === 'ArrowUp') { if (hi > 0) inp.value = hist[--hi]; e.preventDefault(); } else if (e.key === 'ArrowDown') { hi = Math.min(hi + 1, hist.length); inp.value = hist[hi] || ''; } }); box.addEventListener('click', function (e) { if (e.target === box) toggle(false); }); }; /* ─────────────── АКОРДЕОН ─────────────── */ A3.accordion = function (sel) { document.querySelectorAll(sel).forEach(function (item) { var btn = item.querySelector('button'), panel = item.querySelector('[data-panel]'); if (!btn || !panel) return; btn.addEventListener('click', function () { var isOpen = item.classList.toggle('on'); btn.setAttribute('aria-expanded', isOpen); panel.style.height = isOpen ? panel.scrollHeight + 'px' : '0px'; }); }); }; /* ─────────────── ПЕРЕМИКАЧ МОВ ─────────────── */ A3.langSwitch = function (cfg) { var host = document.getElementById('a3Lang'); if (!host || !cfg || !cfg.alt) return; host.innerHTML = cfg.order.map(function (l) { var cur = l === cfg.current; return '' + l + ''; }).join(''); }; A3.reduced = reduced; A3.coarse = coarse; })(window.A3 = window.A3 || {}); ; /* ══════════════════════════════════════════════════════════════════════ a3.track — легка cookieless-аналітика. Принцип: НІЧОГО не зберігаємо на пристрої відвідувача й не ставимо ідентифікаторів. Кожна подія самодостатня, агрегація — на приймачі. Через це cookie-банер не потрібен (ePrivacy), і в payload немає персональних даних. Приймач конфігурується одним обʼєктом: window.A3TRACK = { matomo: { url: 'https://matomo.best-choice.dk/', siteId: 1 }, // або endpoint:'https://collector.example/e', // свій debug: false } Якщо приймача не задано — трекер мовчки збирає контекст сесії (у памʼяті вкладки) і віддає його формам, щоб лід приходив із джерелом. ══════════════════════════════════════════════════════════════════════ */ (function (A3) { 'use strict'; var CFG = window.A3TRACK || {}; var dnt = navigator.doNotTrack === '1' || window.doNotTrack === '1' || navigator.globalPrivacyControl === true; // ── контекст візиту (живе тільки в памʼяті вкладки) ──────────────── var q = new URLSearchParams(location.search); var ctx = { path: location.pathname, lang: (document.documentElement.lang || 'uk').slice(0, 2), ref: (function () { try { if (!document.referrer) return 'прямий'; var h = new URL(document.referrer).hostname.replace(/^www\./, ''); return h === location.hostname ? 'внутрішній' : h; } catch (e) { return 'невідомо'; } })(), utm: ['source', 'medium', 'campaign', 'content'].reduce(function (o, k) { var v = q.get('utm_' + k); if (v) o[k] = v.slice(0, 60); return o; }, {}), screen: innerWidth + '×' + innerHeight, device: innerWidth < 760 ? 'телефон' : innerWidth < 1100 ? 'планшет' : 'компʼютер', t0: Date.now(), depth: 0, events: [] }; // подорож між сторінками — sessionStorage лише якщо він доступний, // і тільки шляхи, без ідентифікаторів try { var prev = JSON.parse(sessionStorage.getItem('a3j') || '[]'); if (prev.indexOf(ctx.path) < 0) prev.push(ctx.path); ctx.journey = prev.slice(-12); sessionStorage.setItem('a3j', JSON.stringify(ctx.journey)); } catch (e) { ctx.journey = [ctx.path]; } // ── відправка ────────────────────────────────────────────────────── function beacon(url) { try { if (navigator.sendBeacon) navigator.sendBeacon(url); else { var i = new Image(); i.src = url; } } catch (e) { /* аналітика ніколи не ламає сторінку */ } } function send(name, extra) { if (dnt) return; ctx.events.push({ e: name, t: Math.round((Date.now() - ctx.t0) / 1000) }); if (CFG.debug) console.log('[a3.track]', name, extra || ''); if (CFG.matomo && CFG.matomo.url) { // Matomo HTTP Tracking API — без завантаження matomo.js var p = new URLSearchParams({ idsite: CFG.matomo.siteId || 1, rec: 1, apiv: 1, url: location.origin + location.pathname, action_name: name === 'pageview' ? (document.title || ctx.path) : name, urlref: document.referrer || '', res: screen.width + 'x' + screen.height, lang: ctx.lang, rand: Math.random().toString(36).slice(2), send_image: 0 }); if (name !== 'pageview') { p.set('e_c', 'site'); p.set('e_a', name); if (extra) p.set('e_n', String(extra).slice(0, 80)); } Object.keys(ctx.utm).forEach(function (k) { p.set('utm_' + k, ctx.utm[k]); }); beacon(CFG.matomo.url.replace(/\/?$/, '/') + 'matomo.php?' + p.toString()); } if (CFG.endpoint) { var d = new URLSearchParams({ s: 'andrii.dk', e: name, p: ctx.path, r: ctx.ref, l: ctx.lang, d: ctx.device, n: extra ? String(extra).slice(0, 80) : '' }); Object.keys(ctx.utm).forEach(function (k) { d.set('utm_' + k, ctx.utm[k]); }); beacon(CFG.endpoint + (CFG.endpoint.indexOf('?') < 0 ? '?' : '&') + d.toString()); } } // ── що міряємо ───────────────────────────────────────────────────── send('pageview'); var marks = [25, 50, 75, 100], hit = {}; addEventListener('scroll', function () { var h = document.documentElement.scrollHeight - innerHeight; if (h <= 0) return; var pct = Math.min(100, Math.round(scrollY / h * 100)); if (pct > ctx.depth) ctx.depth = pct; marks.forEach(function (m) { if (pct >= m && !hit[m]) { hit[m] = 1; send('scroll', m + '%'); } }); }, { passive: true }); document.addEventListener('click', function (ev) { var el = ev.target.closest('[data-ev]'); if (el) return send(el.dataset.ev, el.dataset.evName || el.textContent.trim().slice(0, 60)); var a = ev.target.closest('a[href]'); if (!a) return; var href = a.getAttribute('href'); if (/^mailto:/.test(href)) send('mailto'); else if (/^https?:/.test(href) && a.hostname !== location.hostname) send('outbound', a.hostname); }, true); addEventListener('pagehide', function () { send('leave', ctx.depth + '% · ' + Math.round((Date.now() - ctx.t0) / 1000) + 'с'); }); // ── контекст для форм (працює навіть без приймача) ───────────────── A3.track = { event: send, context: function () { return { source: ctx.ref, utm: Object.keys(ctx.utm).length ? Object.keys(ctx.utm).map(function (k) { return k + '=' + ctx.utm[k]; }).join(' · ') : '—', journey: (ctx.journey || []).join(' → '), onPage: Math.round((Date.now() - ctx.t0) / 1000) + ' с', depth: ctx.depth + '%', device: ctx.device + ' · ' + ctx.screen, lang: ctx.lang }; } }; })(window.A3 = window.A3 || {}); ; /* a3.catalog — фільтрований каталог проєктів */ (function (A3) { 'use strict'; var D = window.A3DATA || {}, P = D.portfolio, T = D.t || {}; var tr = function (k, d) { return T[k] || d || k; }; if (!P) return; var $ = function (s) { return document.querySelector(s); }; var esc = function (s) { return String(s == null ? '' : s).replace(/[&<>"]/g, function (c) { return ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]; }); }; var doms = {}; P.domains.forEach(function (d) { doms[d.id] = d; }); var order = { prod: 0, building: 1, research: 2, archive: 3 }; var items = P.projects.slice().sort(function (a, b) { return (order[a.status] - order[b.status]) || (b.commits || 0) - (a.commits || 0) || a.name.localeCompare(b.name, D.lang || 'uk'); }); var state = { dom: null, st: null, q: '' }; /* ── фільтри ── */ function chip(label, color, pressed, on) { var b = document.createElement('button'); b.className = 'a3-chip'; b.type = 'button'; b.setAttribute('aria-pressed', pressed ? 'true' : 'false'); b.setAttribute('data-cur', tr('filterSearch')); if (color) { b.style.setProperty('--c', color); b.innerHTML = ''; } b.appendChild(document.createTextNode(label)); b.addEventListener('click', on); return b; } function buildFilters() { var dw = $('#fDomains'); dw.appendChild(chip(tr('filterAll'), null, true, function () { state.dom = null; sync(); })); P.domains.forEach(function (d) { var n = items.filter(function (p) { return p.domain === d.id; }).length; dw.appendChild(chip(d.label + ' · ' + n, d.color, false, function () { state.dom = state.dom === d.id ? null : d.id; sync(); })); }); var sw = $('#fStatus'); sw.appendChild(chip(tr('filterAnyState'), null, true, function () { state.st = null; sync(); })); Object.keys(P.statuses).forEach(function (k) { var s = P.statuses[k]; var n = items.filter(function (p) { return p.status === k; }).length; sw.appendChild(chip(s.label + ' · ' + n, s.dot, false, function () { state.st = state.st === k ? null : k; sync(); })); }); $('#fSearch').addEventListener('input', function (e) { state.q = e.target.value.trim().toLowerCase(); sync(); }); var lg = $('#a3Legend'); lg.innerHTML = P.domains.map(function (d) { return '' + esc(d.label) + ''; }).join('') + '' + tr('legendProd') + ' ' + tr('legendWip') + ''; } /* ── список ── */ function render() { $('#a3List').innerHTML = items.map(function (p, i) { var d = doms[p.domain] || {}, s = P.statuses[p.status] || {}; var n = String(i + 1).padStart(2, '0'); return '

' + '' + '

' + '

' + esc(p.full) + '

' + '

' + p.stack.map(function (t) { return '' + esc(t) + ''; }).join('') + '

' + (p.commits && !/коміт|commit|commits/i.test(p.proof || '') ? '

' + p.commits.toLocaleString(D.lang === 'da' ? 'da-DK' : D.lang === 'en' ? 'en-GB' : 'uk-UA') + ' ' + tr('commitsWord') + '

' : '') + (p.proof ? '

' + esc(p.proof) + '

' : '') + (p.url ? '' + esc(p.url.replace(/^https?:\/\//, '').replace(/\/$/, '')) + ' ↗' : '') + '

'; }).join(''); [].forEach.call(document.querySelectorAll('.a3-item'), function (item) { var btn = item.querySelector('button'), panel = item.querySelector('[data-panel]'); btn.addEventListener('click', function () { var open = item.classList.toggle('on'); btn.setAttribute('aria-expanded', open); panel.style.height = open ? panel.scrollHeight + 'px' : '0px'; if (open) history.replaceState(null, '', '#' + item.id); }); }); } function sync() { var shown = 0; [].forEach.call(document.querySelectorAll('.a3-item'), function (el) { var ok = (!state.dom || el.dataset.dom === state.dom) && (!state.st || el.dataset.st === state.st) && (!state.q || el.dataset.find.indexOf(state.q) > -1); el.hidden = !ok; if (ok) shown++; }); $('#fCount').innerHTML = tr('filterShown') + ' ' + shown + ' ' + tr('filterOf') + ' ' + items.length; $('#a3Empty').hidden = shown > 0; // підсвітка активних чипів [].forEach.call(document.querySelectorAll('#fDomains .a3-chip'), function (b, i) { b.setAttribute('aria-pressed', i === 0 ? (!state.dom) : (P.domains[i - 1].id === state.dom)); }); var keys = Object.keys(P.statuses); [].forEach.call(document.querySelectorAll('#fStatus .a3-chip'), function (b, i) { b.setAttribute('aria-pressed', i === 0 ? (!state.st) : (keys[i - 1] === state.st)); }); } function deepLink() { var id = location.hash.slice(1); if (!id) return; var el = document.getElementById(id); if (!el || !el.classList.contains('a3-item')) return; el.querySelector('button').click(); setTimeout(function () { el.scrollIntoView({ block: 'center' }); }, 120); } function scene() { var cv = $('#a3Gl'); if (!cv || A3.reduced) return; var mobile = innerWidth < 760; var clusters = P.domains.map(function (d, i) { var a = (i / P.domains.length) * Math.PI * 2, r = 0.62 + (i % 3) * 0.34; return [Math.cos(a) * r * 1.5, Math.sin(a) * r * 0.72, Math.sin(a * 2) * 0.45, 0.2 + (i % 3) * 0.05]; }); var palette = P.domains.map(function (d) { var h = d.color.slice(1); return [parseInt(h.slice(0, 2), 16) / 255, parseInt(h.slice(2, 4), 16) / 255, parseInt(h.slice(4, 6), 16) / 255]; }); var g = A3.gl(cv, { count: mobile ? 1800 : 4200, clusters: clusters, palette: palette }); if (!g) return; cv.classList.add('on'); g.start(); g.formation('constellation'); g.zoom(mobile ? .7 : .9); if (!A3.coarse) addEventListener('pointermove', function (e) { g.pointer((e.clientX / innerWidth - .5) * .45, -(e.clientY / innerHeight - .5) * .45); }, { passive: true }); document.addEventListener('visibilitychange', function () { document.hidden ? g.stop() : g.start(); }); } function init() { render(); buildFilters(); sync(); deepLink(); A3.motion(); A3.counters(); A3.cursor(); scene(); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init(); })(window.A3 = window.A3 || {}); ;A3.langSwitch({"current": "uk", "order": ["uk", "en", "da"], "alt": {"uk": "/uk/proekty/", "en": "/projects/", "da": "/da/projekter/"}});