n0rdye
5133931122
modified: object.js modified: project.js new file: public/img/background/photo_2023-06-06_08-53-47 1.png new file: public/img/icon/copy.svg new file: public/img/icon/download.svg new file: public/img/icon/edit.svg new file: public/img/icon/save.svg new file: public/img/icon/trash.svg new file: public/img/new_proj.png new file: public/img/ok.svg new file: public/img/telegram.svg new file: public/img/vk.svg new file: public/img/youtube.svg new file: "public/img/\320\243\320\274\320\275\320\270\321\207\320\272\320\260 \320\273\320\276\320\263\320\276 \321\201 \320\276\320\261\320\262\320\276\320\264\320\272\320\276\320\271-02 1.png" modified: public/lib/fn.js modified: public/lib/inter.js modified: user.js modified: views/admin.ejs modified: views/header.ejs new file: views/load.ejs modified: views/login.ejs modified: views/main.ejs new file: views/old/project.ejs modified: views/project.ejs modified: views/static/end.ejs modified: views/static/start.ejs
67 lines
2.0 KiB
Plaintext
67 lines
2.0 KiB
Plaintext
<style>
|
||
#load_div{
|
||
width: 100vw;
|
||
height: 100vh;
|
||
display: flex;
|
||
position: absolute;
|
||
z-index: 10000;
|
||
background-color: white;
|
||
pointer-events: none;
|
||
transition: background-color 1s;
|
||
}
|
||
#load_logo{
|
||
width: 12vw;
|
||
/* height: 12vh; */
|
||
/* margin: auto; */
|
||
position:absolute;
|
||
top:30.5%;
|
||
left:50%;
|
||
-ms-transform: translateX(-50%) translateY(-50%);
|
||
-webkit-transform: translate(-50%,-50%);
|
||
transform: translate(-50%,-50%);
|
||
pointer-events: none;
|
||
transition-duration: 800ms;
|
||
}
|
||
</style>
|
||
|
||
<div id="load_div">
|
||
<img id="load_logo" src="/img/Умничка лого с обводкой-02 1.png" alt="">
|
||
</div>
|
||
|
||
<script>
|
||
let loaded_pos={
|
||
x:"10%",
|
||
// y:"6%",
|
||
// x: "55px",
|
||
y: "45px",
|
||
w:"8vw",
|
||
h:"8vh"
|
||
}
|
||
let loading_pos={
|
||
x:"50%",
|
||
y:"30.5%",
|
||
w:"12vw",
|
||
h:"12vh"
|
||
}
|
||
// document.getElementById("load_logo").style.transform = `translate(${center.x}px,${center.y}px)`
|
||
function loaded(){
|
||
let logo = document.getElementById("load_logo");
|
||
let load_div = document.getElementById("load_div");
|
||
load_div.style.backgroundColor = "transparent";
|
||
// load_div.style.transition = "background-color 1s"
|
||
// logo.style.transform = `translate(0px,0px)`;
|
||
logo.style.left = loaded_pos.x;
|
||
logo.style.top = loaded_pos.y;
|
||
logo.style.width = loaded_pos.w
|
||
}
|
||
function loading(){
|
||
let logo = document.getElementById("load_logo");
|
||
let load_div = document.getElementById("load_div");
|
||
load_div.style.backgroundColor = "white";
|
||
// load_div.style.transition = "background-color 1s"
|
||
// logo.style.transform = `translate(-50%,-50%)`;
|
||
logo.style.left = loading_pos.x;
|
||
logo.style.top = loading_pos.y;
|
||
logo.style.width = loading_pos.w
|
||
}
|
||
</script> |