(function () { function majorFrom(re, value) { var match = re.exec(value || ''); if (!match || !match[1]) return null; var major = parseInt(match[1], 10); return isNaN(major) ? null : major; } function hasWebGL() { try { var canvas = document.createElement('canvas'); return !!(window.WebGLRenderingContext && (canvas.getContext('webgl') || canvas.getContext('experimental-webgl'))); } catch (error) { return false; } } function getReason() { var ua = navigator.userAgent || ''; var ios = /(iPhone|iPad|iPod).*OS\s+(\d+)[_.]/.exec(ua); if (ios && parseInt(ios[2], 10) <= 12) return 'ios_le_12'; var androidMajor = majorFrom(/Android\s+(\d+)/i, ua); if (androidMajor !== null && androidMajor <= 7) return 'android_le_7'; var chromeMajor = majorFrom(/(?:Chrome|CriOS)\/(\d+)/i, ua); if (/Android/i.test(ua) && chromeMajor !== null && chromeMajor <= 70) return 'android_chrome_le_70'; if (typeof Promise === 'undefined') return 'missing_promise'; if (typeof fetch === 'undefined') return 'missing_fetch'; if (typeof Symbol === 'undefined') return 'missing_symbol'; if (typeof Map === 'undefined') return 'missing_map'; if (typeof Set === 'undefined') return 'missing_set'; if (typeof requestAnimationFrame === 'undefined') return 'missing_requestAnimationFrame'; if (typeof IntersectionObserver === 'undefined') return 'missing_intersectionObserver'; if (!window.CSS || typeof window.CSS.supports !== 'function') return 'missing_cssSupports'; if (!hasWebGL()) return 'missing_webgl'; return null; } function messageForPath() { var path = window.location && window.location.pathname ? window.location.pathname : ''; if (path.indexOf('/en') === 0) { return 'INCOMPATIBLE DEVICE, PLEASE USE A RECENT SMARTPHONE, A TABLET, OR A COMPUTER.'; } if (path.indexOf('/ja') === 0) { return 'この端末は対応していません。新しいスマートフォン、タブレット、またはコンピューターをご利用ください。'; } return 'APPAREIL INCOMPATIBLE, VEUILLEZ UTILISER UN SMARTPHONE RÉCENT, UNE TABLETTE OU UN ORDINATEUR.'; } function applyStyle(node, styles) { for (var key in styles) { if (Object.prototype.hasOwnProperty.call(styles, key)) { node.style[key] = styles[key]; } } } function mountOverlay(reason) { if (document.getElementById('bijoumatic-obsolete-device-overlay')) return; if (!document.body) { setTimeout(function () { mountOverlay(reason); }, 20); return; } var overlay = document.createElement('div'); overlay.id = 'bijoumatic-obsolete-device-overlay'; overlay.setAttribute('data-testid', 'obsolete-device-overlay'); overlay.setAttribute('data-obsolete-device-reason', reason); overlay.setAttribute('role', 'alertdialog'); overlay.setAttribute('aria-modal', 'true'); applyStyle(overlay, { position: 'fixed', top: '0', right: '0', bottom: '0', left: '0', width: '100%', height: '100vh', zIndex: '2147483647', display: 'block', visibility: 'visible', opacity: '1', backgroundColor: '#e5ddc9', color: '#232323', fontFamily: "'VT323', 'Courier New', monospace", textAlign: 'center', boxSizing: 'border-box', padding: '28px 18px', overflow: 'auto' }); var inner = document.createElement('div'); applyStyle(inner, { minHeight: '100%', display: 'table', width: '100%' }); var cell = document.createElement('div'); applyStyle(cell, { display: 'table-cell', verticalAlign: 'middle' }); var brand = document.createElement('div'); brand.setAttribute('data-testid', 'obsolete-device-logo'); brand.innerHTML = ''; applyStyle(brand, { width: '82%', maxWidth: '320px', margin: '0 auto 34px auto' }); if (brand.firstChild) { applyStyle(brand.firstChild, { display: 'block', width: '100%', height: 'auto' }); } var message = document.createElement('div'); applyStyle(message, { maxWidth: '520px', margin: '0 auto', fontSize: '24px', lineHeight: '1.35', letterSpacing: '1px' }); var sad = document.createElement('div'); sad.appendChild(document.createTextNode(':(')); applyStyle(sad, { marginBottom: '10px' }); var text = document.createElement('div'); text.appendChild(document.createTextNode(messageForPath())); message.appendChild(sad); message.appendChild(text); cell.appendChild(brand); cell.appendChild(message); inner.appendChild(cell); overlay.appendChild(inner); document.body.appendChild(overlay); document.documentElement.setAttribute('data-obsolete-device', 'true'); document.body.setAttribute('data-obsolete-device', 'true'); document.body.style.overflow = 'hidden'; } var reason = getReason(); if (reason) { window.__BIJOUMATIC_OBSOLETE_DEVICE__ = true; window.__BIJOUMATIC_OBSOLETE_DEVICE_REASON__ = reason; mountOverlay(reason); } })();

Guides BIJOUMATIC pour créer un bijou personnalisé

Préparer avant de générer

Pages liées