Aquila Basket - BTS Arena
%3Cstyle%20type%3D%22text%2Fcss%22%3Ea%20img%20%7B%20border%3A%20none%20%21important%3B%7D%0D%0Aa%20img%20%7B%20border%3A%200%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cdiv%20style%3D%22display%3A%20flex%3B%20width%3A100%25%3B%20height%3A%2099vh%3B%20flex-direction%3A%20column%3B%20justify-content%3A%20center%3B%20align-items%3A%20center%3B%22%3E%3Cprogress-ring%20progress%3D%220%22%20radius%3D%2260%22%20stroke%3D%224%22%3E%3C%2Fprogress-ring%3E%0D%0A%3Cdiv%3EPresented%20by%3C%2Fdiv%3E%0D%0A%C2%A0%0D%0A%0D%0A%3Cdiv%20style%3D%22line-height%3A%2020px%3B%22%3E%0D%0A%3Cdiv%20id%3D%22logo%22%20onclick%3D%22window.open%28%27https%3A%2F%2Ffunnelart.it%27%29%3B%22%20style%3D%22background-image%3A%20url%28%27https%3A%2F%2Ftour.virtualtour.art%2Ftour%2Ff%2Ff%3A58fkb6ex7g%3Fext%3Dpng%27%29%3B%20height%3A60px%3B%20width%3A300px%3B%22%3E%C2%A0%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E%0D%0A%3Cbr%20%2F%3E%0D%0A%3Cbr%20%2F%3E%0D%0A%C2%A0%0D%0A%3Cdiv%20style%3D%22line-height%3A%2020px%3B%22%3ESe%20hai%20difficolt%C3%A0%20a%20visualizzare%20il%20Virtual%20Tour%203D%3C%2Fdiv%3E%0D%0A%C2%A0%0D%0A%0D%0A%3Cdiv%3Eprova%20a%20cliccare%20questo%0D%0A%3Cdiv%20onclick%3D%22window.location%3D%27https%3A%2F%2Ftour.virtualtour.art%2Ftour%2F63gew4czjx-light%27%3B%22%20style%3D%22cursor%3A%20pointer%3B%20display%3A%20inline-block%3B%22%3E%3Cstrong%3Elink%3C%2Fstrong%3E%3C%2Fdiv%3E%0D%0A%3C%2Fdiv%3E%0D%0A%3Cscript%3E%0D%0A%0D%0A%0D%0Aclass%20ProgressRing%20extends%20HTMLElement%20%7B%0D%0A%20%20constructor%28%29%20%7B%0D%0A%20%20%20%20super%28%29%3B%0D%0A%20%20%20%20const%20stroke%20%3D%20this.getAttribute%28%27stroke%27%29%3B%0D%0A%20%20%20%20const%20radius%20%3D%20this.getAttribute%28%27radius%27%29%3B%0D%0A%20%20%20%20const%20normalizedRadius%20%3D%20radius%20-%20stroke%20%2A%202%3B%0D%0A%20%20%20%20this._circumference%20%3D%20normalizedRadius%20%2A%202%20%2A%20Math.PI%3B%0D%0A%0D%0A%20%20%20%20this._root%20%3D%20this.attachShadow%28%7Bmode%3A%20%27open%27%7D%29%3B%0D%0A%20%20%20%20this._root.innerHTML%20%3D%20%60%0D%0A%20%20%20%20%20%20%3Csvg%0D%0A%20%20%20%20%20%20%20%20height%3D%22%24%7Bradius%20%2A%202%7D%22%0D%0A%20%20%20%20%20%20%20%20width%3D%22%24%7Bradius%20%2A%202%7D%22%0D%0A%20%20%20%20%20%20%20%3E%0D%0A%20%20%20%20%20%20%20%20%20%3Ccircle%0D%0A%20%20%20%20%20%20%20%20%20%20%20stroke%3D%22white%22%0D%0A%20%20%20%20%20%20%20%20%20%20%20stroke-dasharray%3D%22%24%7Bthis._circumference%7D%20%24%7Bthis._circumference%7D%22%0D%0A%20%20%20%20%20%20%20%20%20%20%20style%3D%22stroke-dashoffset%3A%24%7Bthis._circumference%7D%22%0D%0A%20%20%20%20%20%20%20%20%20%20%20stroke-width%3D%22%24%7Bstroke%7D%22%0D%0A%20%20%20%20%20%20%20%20%20%20%20fill%3D%22transparent%22%0D%0A%20%20%20%20%20%20%20%20%20%20%20r%3D%22%24%7BnormalizedRadius%7D%22%0D%0A%20%20%20%20%20%20%20%20%20%20%20cx%3D%22%24%7Bradius%7D%22%0D%0A%20%20%20%20%20%20%20%20%20%20%20cy%3D%22%24%7Bradius%7D%22%0D%0A%20%20%20%20%20%20%20%20%3E%3C%2Fcircle%3E%0D%0A%20%20%20%20%20%20%3C%2Fsvg%3E%0D%0A%0D%0A%20%20%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20%20%20circle%20%7B%0D%0A%20%20%20%20%20%20%20%20%20%20transition%3A%20stroke-dashoffset%200.35s%3B%0D%0A%20%20%20%20%20%20%20%20%20%20transform%3A%20rotate%28-90deg%29%3B%0D%0A%20%20%20%20%20%20%20%20%20%20transform-origin%3A%2050%25%2050%25%3B%0D%0A%20%20%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%20%20%60%3B%0D%0A%20%20%7D%0D%0A%20%20%0D%0A%20%20setProgress%28percent%29%20%7B%0D%0A%20%20%20%20const%20offset%20%3D%20this._circumference%20-%20%28percent%20%2F%20100%20%2A%20this._circumference%29%3B%0D%0A%20%20%20%20const%20circle%20%3D%20this._root.querySelector%28%27circle%27%29%3B%0D%0A%20%20%20%20circle.style.strokeDashoffset%20%3D%20offset%3B%20%0D%0A%20%20%7D%0D%0A%0D%0A%20%20static%20get%20observedAttributes%28%29%20%7B%0D%0A%20%20%20%20return%20%5B%27progress%27%5D%3B%0D%0A%20%20%7D%0D%0A%0D%0A%20%20attributeChangedCallback%28name%2C%20oldValue%2C%20newValue%29%20%7B%0D%0A%20%20%20%20if%20%28name%20%3D%3D%3D%20%27progress%27%29%20%7B%0D%0A%20%20%20%20%20%20this.setProgress%28newValue%29%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%7D%0D%0A%7D%0D%0A%0D%0Awindow.customElements.define%28%27progress-ring%27%2C%20ProgressRing%29%3B%0D%0A%0D%0A%2F%2F%20emulate%20progress%20attribute%20change%0D%0Alet%20progress%20%3D%200%3B%0D%0Aconst%20el%20%3D%20document.querySelector%28%27progress-ring%27%29%3B%0D%0A%0D%0Aconst%20interval%20%3D%20setInterval%28%28%29%20%3D%3E%20%7B%0D%0A%20%20progress%20%2B%3D%2025%3B%0D%0A%20%20el.setAttribute%28%27progress%27%2C%20progress%29%3B%0D%0A%20%20if%20%28progress%20%3D%3D%3D%20100%29%0D%0A%20%20%20%20clearInterval%28interval%29%3B%0D%0A%7D%2C%201000%29%3B%0D%0A%3C%2Fscript%3E%3C%2Fdiv%3E