|
|
|
@ -19,11 +19,12 @@
|
|
|
|
|
<img src="https://shortpixel.com/img/spinner2.gif" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="text">
|
|
|
|
|
<!-- Here is where the text is rendered -->
|
|
|
|
|
<!-- <div id="text">
|
|
|
|
|
<p class="marquee">
|
|
|
|
|
<!-- Here is where the text is rendered -->
|
|
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
<img id="pic" src="">
|
|
|
|
|
<div class="viewport">
|
|
|
|
@ -37,13 +38,13 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
// TODO: list setup to museum
|
|
|
|
|
|
|
|
|
|
// TODO: check higher quality pics
|
|
|
|
|
// TODO: automation scripts in parallel
|
|
|
|
|
// TODO: credits at the end
|
|
|
|
|
// TODO: attempt on button to start everything
|
|
|
|
|
|
|
|
|
|
var fetchInterval = 3200
|
|
|
|
|
var scrollTime = 120
|
|
|
|
|
|
|
|
|
|
let n = 0
|
|
|
|
|
let scrollVal = 0
|
|
|
|
@ -51,7 +52,7 @@
|
|
|
|
|
// Automate scrolling
|
|
|
|
|
function pageScroll(scroll) {
|
|
|
|
|
window.scrollBy(0, scroll);
|
|
|
|
|
scrolldelay = setTimeout(pageScroll, 50, scroll);
|
|
|
|
|
scrolldelay = setTimeout(pageScroll, scrollTime, scroll);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -87,12 +88,14 @@
|
|
|
|
|
axios.get(url)
|
|
|
|
|
.then(function(response) {
|
|
|
|
|
if (response.data.pics[String(n)]) {
|
|
|
|
|
scrollVal = 1
|
|
|
|
|
if (n >= 20){
|
|
|
|
|
pageScroll(scrollVal)}
|
|
|
|
|
scrollVal = 3
|
|
|
|
|
if (n >= 5){
|
|
|
|
|
pageScroll(scrollVal)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Inject the HTML page with the src of the scraped picture and the scraped text of the metadata from Google
|
|
|
|
|
// TODO: animazione stabile, ora accelera, test per vedere se non fa casino
|
|
|
|
|
document.querySelector(".marquee").insertAdjacentHTML("afterbegin", `${response.data.meta[String(n)]} --- `)
|
|
|
|
|
// document.querySelector(".marquee").insertAdjacentHTML("afterbegin", `${response.data.meta[String(n)]} --- `)
|
|
|
|
|
document.querySelector('.scene3D').innerHTML += `<div><img id="num${String(n)}" style='margin:${r(1)}% ${r(2)}% ${r(3)}% -${r(4)}%' src=${response.data.pics[String(n)]}></div>`
|
|
|
|
|
n++
|
|
|
|
|
} else {
|
|
|
|
@ -115,7 +118,7 @@
|
|
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
document.getElementById('loading').classList.add('animate__fadeOut')
|
|
|
|
|
var intervalID = window.setInterval(getData, 2000);
|
|
|
|
|
var intervalID = window.setInterval(getData, fetchInterval);
|
|
|
|
|
// setTimeout(() => {
|
|
|
|
|
// pageScroll(scrollVal)
|
|
|
|
|
// }, 7000);
|
|
|
|
|