modified: index.js

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
2023-08-01 20:20:43 +05:00
parent f57fec5cde
commit 5133931122
27 changed files with 881 additions and 179 deletions
--- a/views/load.ejs
+++ b/views/load.ejs
@ -0,0 +1,67 @@
+<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>