|
|
@ -329,10 +329,10 @@
|
|
|
|
}, 70);
|
|
|
|
}, 70);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
setTimeout(() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
let cinnosti = document.getElementById("cinnosti");
|
|
|
|
/* let cinnosti = document.getElementById("cinnosti"); */
|
|
|
|
let plusko = document.getElementById("plusko")
|
|
|
|
let plusko = document.getElementById("plusko")
|
|
|
|
|
|
|
|
|
|
|
|
obobo[0] = [ cinnosti.clientHeight, cinnosti.clientWidth, cinnosti.offsetLeft, cinnosti.offsetTop ];
|
|
|
|
/* obobo[0] = [ cinnosti.clientHeight, cinnosti.clientWidth, cinnosti.offsetLeft, cinnosti.offsetTop ]; */
|
|
|
|
obobo[1] = [ plusko.clientHeight, plusko.clientWidth, plusko.offsetLeft, plusko.offsetTop ];
|
|
|
|
obobo[1] = [ plusko.clientHeight, plusko.clientWidth, plusko.offsetLeft, plusko.offsetTop ];
|
|
|
|
|
|
|
|
|
|
|
|
console.log(obobo);
|
|
|
|
console.log(obobo);
|
|
|
@ -419,10 +419,10 @@
|
|
|
|
|
|
|
|
|
|
|
|
console.log(what);
|
|
|
|
console.log(what);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
let cinnosti = document.getElementById("cinnosti");
|
|
|
|
/* let cinnosti = document.getElementById("cinnosti"); */
|
|
|
|
let plusko = document.getElementById("plusko")
|
|
|
|
let plusko = document.getElementById("plusko")
|
|
|
|
|
|
|
|
|
|
|
|
obobo[0] = [ cinnosti.clientHeight, cinnosti.clientWidth, cinnosti.offsetLeft, cinnosti.offsetTop ];
|
|
|
|
/* obobo[0] = [ cinnosti.clientHeight, cinnosti.clientWidth, cinnosti.offsetLeft, cinnosti.offsetTop ]; */
|
|
|
|
obobo[1] = [ plusko.clientHeight, plusko.clientWidth, plusko.offsetLeft, plusko.offsetTop ];
|
|
|
|
obobo[1] = [ plusko.clientHeight, plusko.clientWidth, plusko.offsetLeft, plusko.offsetTop ];
|
|
|
|
|
|
|
|
|
|
|
|
console.log(obobo);
|
|
|
|
console.log(obobo);
|
|
|
@ -432,10 +432,10 @@
|
|
|
|
onMount(() => {
|
|
|
|
onMount(() => {
|
|
|
|
if (window.innerWidth <= 800)
|
|
|
|
if (window.innerWidth <= 800)
|
|
|
|
clicked = true;
|
|
|
|
clicked = true;
|
|
|
|
let cinnosti = document.getElementById("cinnosti");
|
|
|
|
/* let cinnosti = document.getElementById("cinnosti"); */
|
|
|
|
let plusko = document.getElementById("plusko")
|
|
|
|
let plusko = document.getElementById("plusko")
|
|
|
|
|
|
|
|
|
|
|
|
obobo[0] = [ cinnosti.clientHeight, cinnosti.clientWidth, cinnosti.offsetLeft, cinnosti.offsetTop ];
|
|
|
|
/* obobo[0] = [ cinnosti.clientHeight, cinnosti.clientWidth, cinnosti.offsetLeft, cinnosti.offsetTop ]; */
|
|
|
|
obobo[1] = [ plusko.clientHeight, plusko.clientWidth, plusko.offsetLeft, plusko.offsetTop ];
|
|
|
|
obobo[1] = [ plusko.clientHeight, plusko.clientWidth, plusko.offsetLeft, plusko.offsetTop ];
|
|
|
|
|
|
|
|
|
|
|
|
console.log(obobo);
|
|
|
|
console.log(obobo);
|
|
|
@ -580,22 +580,6 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
|
|
<div class="cross top-right"></div>
|
|
|
|
<div class="cross top-right"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{:else }
|
|
|
|
|
|
|
|
<div class="labels" transition:scale="{{duration: 700, opacity: 0.1, start: 0.2, easing: quintOut}}">
|
|
|
|
|
|
|
|
<span class="label" id="cinnosti" transition:scale="{{duration: 700, opacity: 0.1, start: 0.2, easing: quintOut}}" style="left: 50%; position: absolute; transform: translateX(-50%)">
|
|
|
|
|
|
|
|
Činnosti ve spolcích a SOR
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<svg width="1200" height="800" style="position: absolute; left: 0; top: 0">
|
|
|
|
|
|
|
|
<line
|
|
|
|
|
|
|
|
x1="{600}"
|
|
|
|
|
|
|
|
y1="{obobo[0][3]}"
|
|
|
|
|
|
|
|
x2="{600}"
|
|
|
|
|
|
|
|
y2="{400}"
|
|
|
|
|
|
|
|
stroke="black"
|
|
|
|
|
|
|
|
stroke-dasharray="5,5"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
{/if}
|
|
|
|
{/if}
|
|
|
|
<canvas id="dots">
|
|
|
|
<canvas id="dots">
|
|
|
|
</canvas>
|
|
|
|
</canvas>
|
|
|
|