From 9f0b9fe6841e7e9e71c846fc827fa7cd9ee9fdb5 Mon Sep 17 00:00:00 2001 From: shubham-pawar9 Date: Sat, 27 Apr 2024 23:29:54 +0530 Subject: [PATCH] Updates --- asset-manifest.json | 12 ++++++------ index.html | 2 +- static/css/{main.ef2107f2.css => main.674d71f7.css} | 4 ++-- static/css/main.674d71f7.css.map | 1 + static/css/main.ef2107f2.css.map | 1 - static/js/{main.a6f040db.js => main.2e00b1e9.js} | 6 +++--- ...b.js.LICENSE.txt => main.2e00b1e9.js.LICENSE.txt} | 0 static/js/main.2e00b1e9.js.map | 1 + static/js/main.a6f040db.js.map | 1 - 9 files changed, 14 insertions(+), 14 deletions(-) rename static/css/{main.ef2107f2.css => main.674d71f7.css} (65%) create mode 100644 static/css/main.674d71f7.css.map delete mode 100644 static/css/main.ef2107f2.css.map rename static/js/{main.a6f040db.js => main.2e00b1e9.js} (58%) rename static/js/{main.a6f040db.js.LICENSE.txt => main.2e00b1e9.js.LICENSE.txt} (100%) create mode 100644 static/js/main.2e00b1e9.js.map delete mode 100644 static/js/main.a6f040db.js.map diff --git a/asset-manifest.json b/asset-manifest.json index fc33ac9..bc4d208 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,16 +1,16 @@ { "files": { - "main.css": "/road-traffic-signal-lights/static/css/main.ef2107f2.css", - "main.js": "/road-traffic-signal-lights/static/js/main.a6f040db.js", + "main.css": "/road-traffic-signal-lights/static/css/main.674d71f7.css", + "main.js": "/road-traffic-signal-lights/static/js/main.2e00b1e9.js", "static/js/453.eb733efa.chunk.js": "/road-traffic-signal-lights/static/js/453.eb733efa.chunk.js", "static/media/logo.svg": "/road-traffic-signal-lights/static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg", "index.html": "/road-traffic-signal-lights/index.html", - "main.ef2107f2.css.map": "/road-traffic-signal-lights/static/css/main.ef2107f2.css.map", - "main.a6f040db.js.map": "/road-traffic-signal-lights/static/js/main.a6f040db.js.map", + "main.674d71f7.css.map": "/road-traffic-signal-lights/static/css/main.674d71f7.css.map", + "main.2e00b1e9.js.map": "/road-traffic-signal-lights/static/js/main.2e00b1e9.js.map", "453.eb733efa.chunk.js.map": "/road-traffic-signal-lights/static/js/453.eb733efa.chunk.js.map" }, "entrypoints": [ - "static/css/main.ef2107f2.css", - "static/js/main.a6f040db.js" + "static/css/main.674d71f7.css", + "static/js/main.2e00b1e9.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 0c6255f..5848059 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -React App
\ No newline at end of file +React App
\ No newline at end of file diff --git a/static/css/main.ef2107f2.css b/static/css/main.674d71f7.css similarity index 65% rename from static/css/main.ef2107f2.css rename to static/css/main.674d71f7.css index 5281fbb..df043a5 100644 --- a/static/css/main.ef2107f2.css +++ b/static/css/main.674d71f7.css @@ -1,2 +1,2 @@ -body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;height:100vh;justify-content:center}.main-signal-div{display:flex;height:150px;position:relative;width:150px}.signal{align-items:center;background:#000;border-radius:4px;display:flex;flex-direction:column;height:75px;justify-content:space-evenly;width:30px}.signal:after{background-color:#000;content:"";height:15px;position:absolute;top:75px;width:4px}.signal.right{bottom:-33px;left:-43px;position:absolute;transform:rotate(270deg)}.signal.top{bottom:-65px;position:absolute;right:-12px;transform:rotate(180deg)}.signal.bottom{left:-12px;position:absolute;top:-65px}.signal.left{position:absolute;right:-43px;top:-33px;transform:rotate(90deg)}.light{border:1px solid #ffffff82;border-radius:100%;height:12px;width:12px}.red{background-color:red;box-shadow:0 0 12px 2px red}.green{background-color:green;box-shadow:0 0 12px 2px green}.yellow{background-color:#ff0;box-shadow:0 0 12px 2px #ff0}.signalCount{border-radius:4px;font-size:9px;font-weight:600;padding:2px;text-align:center;width:20px}.text_red{box-shadow:0 0 5px 1px #ff0000ba;color:red}.text_green{box-shadow:0 0 5px 1px #039803;color:#00e900}.text_yellow{box-shadow:0 0 5px 1px #ffff00c2;color:#ff0}.main-parent-div{align-items:center;background:#fff;box-sizing:initial;height:504px;justify-content:center;overflow:hidden;position:relative;width:700px}.main-parent-div,.roadSide{border:1px solid #000;display:flex}.roadSide{flex-direction:row;height:200px;width:100px}.roadSide.top{border-top:none;position:absolute;top:0;transform:rotate(180deg)}.roadSide.right{right:100px;transform:rotate(270deg)}.roadSide.left,.roadSide.right{border-top:none;height:300px;position:absolute}.roadSide.left{left:100px;transform:rotate(90deg)}.roadSide.bottom{border-top:none;bottom:0;position:absolute}.roadSide .go{border:none;border-right:dashed}.roadSide .come,.roadSide .go{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.direction-arrow{height:50px;width:28px;z-index:0}.roadSide .go .direction-arrow{transform:rotate(180deg)}.car-show{height:40px;position:absolute;z-index:1}.car-show.car1.running{animation-delay:1s;animation-direction:normal;animation-duration:4s;animation-fill-mode:both;animation-iteration-count:1;animation-name:running1;animation-timing-function:ease-in-out}@keyframes running1{0%{top:0}to{top:-470px}}.car-show.car2.running{animation-delay:1s;animation-direction:normal;animation-duration:6s;animation-fill-mode:both;animation-iteration-count:1;animation-name:running2;animation-timing-function:ease-in-out}@keyframes running2{0%{top:60px}to{top:-470px}}.car-show.car3.running{animation-delay:1s;animation-direction:normal;animation-duration:7s;animation-fill-mode:both;animation-iteration-count:1;animation-name:running3;animation-timing-function:ease-in-out}@keyframes running3{0%{top:120px}to{top:-470px}}.car-show.car4.running{animation-delay:6s;animation-direction:normal;animation-duration:12s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:running4;animation-timing-function:ease-in-out}@keyframes running4{0%{top:300px}to{top:-470px}}.car-show.car5.running{animation-delay:8s;animation-direction:normal;animation-duration:14s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:running5;animation-timing-function:ease-in-out}@keyframes running5{0%{top:360px}to{top:-470px}}.car-show.car6.running{animation-delay:11s;animation-direction:normal;animation-duration:17s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:running6;animation-timing-function:ease-in-out}@keyframes running6{0%{top:420px}to{top:-470px}}@media screen and (max-width:700px) and (min-width:430px) and (orientation:portrait){.roadSide.left{left:-38px}.roadSide.right{right:-38px}.main-parent-div{width:430px}}@media screen and (max-width:430px) and (min-width:370px) and (orientation:portrait){.roadSide.left{left:-66px}.roadSide.right{right:-66px}.main-parent-div{width:370px}}@media screen and (max-width:370px) and (orientation:portrait){.roadSide.left{left:-76px}.roadSide.right{right:-76px}.main-parent-div{width:350px}}@media screen and (max-width:700px) and (orientation:landscape){.roadSide.left{left:50px}.roadSide.right{right:50px}.main-parent-div{width:600px}} -/*# sourceMappingURL=main.ef2107f2.css.map*/ \ No newline at end of file +body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;height:100vh;justify-content:center}.main-signal-div{display:flex;height:150px;position:relative;width:150px}.signal{align-items:center;background:#000;border-radius:4px;display:flex;flex-direction:column;height:75px;justify-content:space-evenly;width:30px}.signal:after{background-color:#000;content:"";height:15px;position:absolute;top:75px;width:4px}.signal.right{bottom:-33px;left:-43px;position:absolute;transform:rotate(270deg)}.signal.top{bottom:-65px;position:absolute;right:-12px;transform:rotate(180deg)}.signal.bottom{left:-12px;position:absolute;top:-65px}.signal.left{position:absolute;right:-43px;top:-33px;transform:rotate(90deg)}.light{border:1px solid #ffffff82;border-radius:100%;height:12px;width:12px}.red{background-color:red;box-shadow:0 0 12px 2px red}.green{background-color:green;box-shadow:0 0 12px 2px green}.yellow{background-color:#ff0;box-shadow:0 0 12px 2px #ff0}.signalCount{border-radius:4px;font-size:9px;font-weight:600;padding:2px;text-align:center;width:20px}.text_red{box-shadow:0 0 5px 1px #ff0000ba;color:red}.text_green{box-shadow:0 0 5px 1px #039803;color:#00e900}.text_yellow{box-shadow:0 0 5px 1px #ffff00c2;color:#ff0}.main-parent-div{align-items:center;background:#fff;box-sizing:initial;height:504px;justify-content:center;overflow:hidden;position:relative;width:700px}.main-parent-div,.roadSide{border:1px solid #000;display:flex}.roadSide{flex-direction:row;height:200px;width:100px}.roadSide.top{border-top:none;position:absolute;top:0;transform:rotate(180deg)}.roadSide.right{right:100px;transform:rotate(270deg)}.roadSide.left,.roadSide.right{border-top:none;height:300px;position:absolute}.roadSide.left{left:100px;transform:rotate(90deg)}.roadSide.bottom{border-top:none;bottom:0;position:absolute}.roadSide .go{border:none;border-right:dashed}.roadSide .come,.roadSide .go{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.direction-arrow{height:50px;width:28px;z-index:0}.roadSide .go .direction-arrow{transform:rotate(180deg)}.car-show{height:40px;position:absolute;z-index:1}.car-show.car1.running{animation-delay:1s;animation-direction:normal;animation-duration:4s;animation-fill-mode:both;animation-iteration-count:1;animation-name:running1;animation-timing-function:ease-in-out}@keyframes running1{0%{top:0}to{top:-470px}}.car-show.car2.running{animation-delay:1s;animation-direction:normal;animation-duration:6s;animation-fill-mode:both;animation-iteration-count:1;animation-name:running2;animation-timing-function:ease-in-out}@keyframes running2{0%{top:60px}to{top:-470px}}.car-show.car3.running{animation-delay:1s;animation-direction:normal;animation-duration:7s;animation-fill-mode:both;animation-iteration-count:1;animation-name:running3;animation-timing-function:ease-in-out}@keyframes running3{0%{top:120px}to{top:-470px}}.car-show.car4.running{animation-delay:6s;animation-direction:normal;animation-duration:12s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:running4;animation-timing-function:ease-in-out}@keyframes running4{0%{top:300px}to{top:-470px}}.car-show.car5.running{animation-delay:8s;animation-direction:normal;animation-duration:14s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:running5;animation-timing-function:ease-in-out}@keyframes running5{0%{top:360px}to{top:-470px}}.car-show.car6.running{animation-delay:11s;animation-direction:normal;animation-duration:17s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:running6;animation-timing-function:ease-in-out}@keyframes running6{0%{top:420px}to{top:-470px}}.light-dark-btn{border:none;border-radius:4px;cursor:pointer;padding:5px 20px;position:absolute;top:10px}.dark .street-light{display:flex}.street-light{align-items:center;display:none;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:100}.street-center{border:1px solid #878686;border-radius:2px;height:15px;position:relative;width:15px}.pole-1{left:6px;top:-22px}.pole-1,.pole-2{background:#7e7e7e;border:1px solid #7e7e7e;height:20px;position:absolute;width:2px}.pole-2{right:25px;top:-3px;transform:rotate(90deg)}.pole-3{bottom:-22px;left:6px}.pole-3,.pole-4{background:#7e7e7e;border:1px solid #7e7e7e;height:20px;position:absolute;width:2px}.pole-4{left:25px;top:-3px;transform:rotate(90deg)}.street-center .light{background:#000;border:none;border-radius:100%;box-shadow:0 0 30px 4px #fff;height:20px;position:absolute;width:20px}.light1{left:-10px;top:-10px}.light2{left:-9px;top:9px}.light3{left:-9px;top:10px}.light4{left:-9px;top:-10px}.dark{background-color:#000}.dark .roadSide,.dark .signal{border:1px solid #969696}.dark .signal:after{background-color:#3d3d3d}.dark .roadSide .go{border-right-color:#9696968f}.dark .roadSide.left,.roadSide.bottom,.roadSide.right,.roadSide.top{border-top:none}.dark .direction-arrow{opacity:.9}@media screen and (max-width:700px) and (min-width:430px) and (orientation:portrait){.roadSide.left{left:-38px}.roadSide.right{right:-38px}.main-parent-div{width:430px}}@media screen and (max-width:430px) and (min-width:370px) and (orientation:portrait){.roadSide.left{left:-66px}.roadSide.right{right:-66px}.main-parent-div{width:370px}.light-dark-btn{top:30px}}@media screen and (max-width:370px) and (orientation:portrait){.roadSide.left{left:-76px}.roadSide.right{right:-76px}.main-parent-div{width:350px}.light-dark-btn{top:30px}}@media screen and (max-width:700px) and (orientation:landscape){.roadSide.left{left:50px}.roadSide.right{right:50px}.main-parent-div{width:600px}} +/*# sourceMappingURL=main.674d71f7.css.map*/ \ No newline at end of file diff --git a/static/css/main.674d71f7.css.map b/static/css/main.674d71f7.css.map new file mode 100644 index 0000000..244c530 --- /dev/null +++ b/static/css/main.674d71f7.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.674d71f7.css","mappings":"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","sources":["index.css","App.css","component/Slice/Home/Home.css"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",".App {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n}\n\n",".main-signal-div {\r\n display: flex;\r\n height: 150px;\r\n width: 150px;\r\n position: relative;\r\n}\r\n\r\n.signal {\r\n height: 75px;\r\n width: 30px;\r\n border-radius: 4px;\r\n background: black;\r\n display: flex;\r\n justify-content: space-evenly;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n.signal::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 75px;\r\n height: 15px;\r\n width: 4px;\r\n background-color: black;\r\n}\r\n.signal.right {\r\n position: absolute;\r\n bottom: -33px;\r\n left: -43px;\r\n transform: rotate(270deg);\r\n}\r\n.signal.top {\r\n position: absolute;\r\n right: -12px;\r\n bottom: -65px;\r\n transform: rotate(180deg);\r\n}\r\n.signal.bottom {\r\n position: absolute;\r\n top: -65px;\r\n left: -12px;\r\n}\r\n.signal.left {\r\n position: absolute;\r\n right: -43px;\r\n top: -33px;\r\n transform: rotate(90deg);\r\n}\r\n.light {\r\n height: 12px;\r\n width: 12px;\r\n border-radius: 100%;\r\n border: 1px solid #ffffff82;\r\n}\r\n.red {\r\n background-color: red;\r\n box-shadow: 0px 0px 12px 2px red;\r\n}\r\n.green {\r\n background-color: green;\r\n box-shadow: 0px 0px 12px 2px green;\r\n}\r\n.yellow {\r\n background-color: yellow;\r\n box-shadow: 0px 0px 12px 2px yellow;\r\n}\r\n.signalCount {\r\n padding: 2px;\r\n font-size: 9px;\r\n border-radius: 4px;\r\n width: 20px;\r\n font-weight: 600;\r\n text-align: center;\r\n}\r\n.text_red {\r\n color: red;\r\n box-shadow: 0px 0px 5px 1px #ff0000ba;\r\n}\r\n.text_green {\r\n color: #00e900;\r\n box-shadow: 0px 0px 5px 1px #039803;\r\n}\r\n.text_yellow {\r\n color: yellow;\r\n box-shadow: 0px 0px 5px 1px #ffff00c2;\r\n}\r\n.main-parent-div {\r\n border: 1px solid black;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n width: 700px;\r\n height: 504px;\r\n box-sizing: content-box;\r\n overflow: hidden;\r\n background: #ffffff;\r\n}\r\n.roadSide {\r\n height: 200px;\r\n width: 100px;\r\n border: 1px solid black;\r\n display: flex;\r\n flex-direction: row;\r\n}\r\n.roadSide.top {\r\n position: absolute;\r\n top: 0px;\r\n border-top: none;\r\n transform: rotate(180deg);\r\n}\r\n.roadSide.right {\r\n position: absolute;\r\n right: 100px;\r\n transform: rotate(270deg);\r\n height: 300px;\r\n border-top: none;\r\n}\r\n.roadSide.left {\r\n position: absolute;\r\n left: 100px;\r\n height: 300px;\r\n transform: rotate(90deg);\r\n border-top: none;\r\n}\r\n.roadSide.bottom {\r\n position: absolute;\r\n bottom: 0;\r\n border-top: none;\r\n}\r\n.roadSide .go {\r\n width: calc(100% / 2);\r\n height: 100%;\r\n border: none;\r\n border-right-style: dashed;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n}\r\n.roadSide .come {\r\n width: calc(100% / 2);\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n}\r\n.direction-arrow {\r\n height: 50px;\r\n width: 28px;\r\n z-index: 0;\r\n}\r\n.roadSide .go .direction-arrow {\r\n transform: rotate(180deg);\r\n}\r\n.car-show {\r\n height: 40px;\r\n position: absolute;\r\n z-index: 1;\r\n}\r\n\r\n.car-show.car1.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running1;\r\n animation-timing-function: ease-in-out;\r\n animation-direction:normal;\r\n animation-iteration-count: 1;\r\n animation-fill-mode: both;\r\n animation-duration: 4s;\r\n animation-delay: 1s;\r\n}\r\n@keyframes running1 {\r\n 0% {\r\n top: 0px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n.car-show.car2.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running2;\r\n animation-timing-function: ease-in-out;\r\n animation-direction: normal;\r\n animation-iteration-count: 1;\r\n animation-fill-mode: both;\r\n animation-duration: 6s;\r\n animation-delay: 1s;\r\n}\r\n\r\n\r\n@keyframes running2 {\r\n 0% {\r\n top: 60px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n.car-show.car3.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running3;\r\n animation-timing-function: ease-in-out;\r\n animation-direction: normal;\r\n animation-iteration-count: 1;\r\n animation-fill-mode: both;\r\n animation-duration: 7s;\r\n animation-delay: 1s;\r\n}\r\n\r\n\r\n@keyframes running3 {\r\n 0% {\r\n top: 120px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n.car-show.car4.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running4;\r\n animation-timing-function: ease-in-out;\r\n animation-direction: normal;\r\n animation-iteration-count: infinite;\r\n animation-fill-mode: both;\r\n animation-duration: 12s;\r\n animation-delay: 6s;\r\n}\r\n\r\n\r\n@keyframes running4 {\r\n 0% {\r\n top: 300px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n.car-show.car5.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running5;\r\n animation-timing-function: ease-in-out;\r\n animation-direction: normal;\r\n animation-iteration-count: infinite;\r\n animation-fill-mode: both;\r\n animation-duration: 14s;\r\n animation-delay: 8s;\r\n}\r\n\r\n\r\n@keyframes running5 {\r\n 0% {\r\n top: 360px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n.car-show.car6.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running6;\r\n animation-timing-function: ease-in-out;\r\n animation-direction: normal;\r\n animation-iteration-count: infinite;\r\n animation-fill-mode: both;\r\n animation-duration: 17s;\r\n animation-delay: 11s;\r\n}\r\n\r\n\r\n@keyframes running6 {\r\n 0% {\r\n top: 420px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n\r\n.light-dark-btn {\r\n border: none;\r\n padding: 5px 20px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n position: absolute;\r\n top: 10px;\r\n}\r\n.dark .street-light {\r\n display: flex;\r\n}\r\n.street-light {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n height: 100%;\r\n width: 100%;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 100;\r\n}\r\n.street-center {\r\n height: 15px;\r\n width: 15px;\r\n border: 1px solid #878686;\r\n position: relative;\r\n border-radius: 2px;\r\n}\r\n.pole-1 {\r\n height: 20px;\r\n width: 2px;\r\n border: 1px solid #7e7e7e;\r\n background: #7e7e7e;\r\n position: absolute;\r\n top: -22px;\r\n left: 6px;\r\n}\r\n.pole-2 {\r\n height: 20px;\r\n width: 2px;\r\n border: 1px solid #7e7e7e;\r\n background: #7e7e7e;\r\n position: absolute;\r\n top: -3px;\r\n transform: rotate(90deg);\r\n right: 25px;\r\n}\r\n.pole-3 {\r\n height: 20px;\r\n width: 2px;\r\n border: 1px solid #7e7e7e;\r\n background: #7e7e7e;\r\n position: absolute;\r\n bottom: -22px;\r\n left: 6px;\r\n}\r\n.pole-4 {\r\n height: 20px;\r\n width: 2px;\r\n border: 1px solid #7e7e7e;\r\n background: #7e7e7e;\r\n position: absolute;\r\n top: -3px;\r\n transform: rotate(90deg);\r\n left: 25px;\r\n}\r\n.street-center .light {\r\n box-shadow: 0 0 30px 4px white;\r\n height: 20px;\r\n width: 20px;\r\n background: #000000;\r\n border-radius: 100%;\r\n position: absolute;\r\n border: none;\r\n}\r\n.light1 {\r\n top: -10px;\r\n left: -10px;\r\n}\r\n.light2 {\r\n top: 9px;\r\n left: -9px;\r\n}\r\n.light3 {\r\n top: 10px;\r\n left: -9px;\r\n}\r\n.light4 {\r\n top: -10px;\r\n left: -9px;\r\n}\r\n.dark {\r\n background-color: #000000;\r\n\r\n}\r\n.dark .roadSide {\r\n border: 1px solid #969696;\r\n}\r\n.dark .signal {\r\n border: 1px solid #969696;\r\n}\r\n.dark .signal::after{\r\n background-color: #3d3d3d;\r\n}\r\n.dark .roadSide .go {\r\n border-right-color: #9696968f;\r\n}\r\n.dark .roadSide.left, .roadSide.right, .roadSide.top, .roadSide.bottom {\r\n border-top: none;\r\n}\r\n.dark .direction-arrow {\r\n opacity: 0.9;\r\n}\r\n\r\n\r\n@media screen and (max-width: 700px) and (min-width:430px) and (orientation: portrait) {\r\n .roadSide.left {\r\n left: -38px;\r\n }\r\n .roadSide.right {\r\n right: -38px;\r\n }\r\n .main-parent-div {\r\n width: 430px;\r\n }\r\n}\r\n@media screen and (max-width: 430px) and (min-width:370px) and (orientation: portrait) {\r\n .roadSide.left {\r\n left: -66px;\r\n }\r\n .roadSide.right {\r\n right: -66px;\r\n }\r\n .main-parent-div {\r\n width: 370px;\r\n }\r\n .light-dark-btn {\r\n top: 30px;\r\n }\r\n}\r\n@media screen and (max-width: 370px) and (orientation: portrait) {\r\n .roadSide.left {\r\n left: -76px;\r\n }\r\n .roadSide.right {\r\n right: -76px;\r\n }\r\n .main-parent-div {\r\n width: 350px;\r\n }\r\n .light-dark-btn {\r\n top: 30px;\r\n }\r\n}\r\n@media screen and (max-width: 700px) and (orientation: landscape) {\r\n .roadSide.left {\r\n left: 50px;\r\n }\r\n .roadSide.right {\r\n right: 50px;\r\n }\r\n .main-parent-div {\r\n width: 600px;\r\n }\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.ef2107f2.css.map b/static/css/main.ef2107f2.css.map deleted file mode 100644 index 6fae606..0000000 --- a/static/css/main.ef2107f2.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.ef2107f2.css","mappings":"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","sources":["index.css","App.css","component/Slice/Home/Home.css"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",".App {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n}\n\n",".main-signal-div {\r\n display: flex;\r\n height: 150px;\r\n width: 150px;\r\n position: relative;\r\n}\r\n.signal {\r\n height: 75px;\r\n width: 30px;\r\n border-radius: 4px;\r\n background: black;\r\n display: flex;\r\n justify-content: space-evenly;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n.signal::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 75px;\r\n height: 15px;\r\n width: 4px;\r\n background-color: black;\r\n}\r\n.signal.right {\r\n position: absolute;\r\n bottom: -33px;\r\n left: -43px;\r\n transform: rotate(270deg);\r\n}\r\n.signal.top {\r\n position: absolute;\r\n right: -12px;\r\n bottom: -65px;\r\n transform: rotate(180deg);\r\n}\r\n.signal.bottom {\r\n position: absolute;\r\n top: -65px;\r\n left: -12px;\r\n}\r\n.signal.left {\r\n position: absolute;\r\n right: -43px;\r\n top: -33px;\r\n transform: rotate(90deg);\r\n}\r\n.light {\r\n height: 12px;\r\n width: 12px;\r\n border-radius: 100%;\r\n border: 1px solid #ffffff82;\r\n}\r\n.red {\r\n background-color: red;\r\n box-shadow: 0px 0px 12px 2px red;\r\n}\r\n.green {\r\n background-color: green;\r\n box-shadow: 0px 0px 12px 2px green;\r\n}\r\n.yellow {\r\n background-color: yellow;\r\n box-shadow: 0px 0px 12px 2px yellow;\r\n}\r\n.signalCount {\r\n padding: 2px;\r\n font-size: 9px;\r\n border-radius: 4px;\r\n width: 20px;\r\n font-weight: 600;\r\n text-align: center;\r\n}\r\n.text_red {\r\n color: red;\r\n box-shadow: 0px 0px 5px 1px #ff0000ba;\r\n}\r\n.text_green {\r\n color: #00e900;\r\n box-shadow: 0px 0px 5px 1px #039803;\r\n}\r\n.text_yellow {\r\n color: yellow;\r\n box-shadow: 0px 0px 5px 1px #ffff00c2;\r\n}\r\n.main-parent-div {\r\n border: 1px solid black;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n width: 700px;\r\n height: 504px;\r\n box-sizing: content-box;\r\n overflow: hidden;\r\n background: #ffffff;\r\n}\r\n.roadSide {\r\n height: 200px;\r\n width: 100px;\r\n border: 1px solid black;\r\n display: flex;\r\n flex-direction: row;\r\n}\r\n.roadSide.top {\r\n position: absolute;\r\n top: 0px;\r\n border-top: none;\r\n transform: rotate(180deg);\r\n}\r\n.roadSide.right {\r\n position: absolute;\r\n right: 100px;\r\n transform: rotate(270deg);\r\n height: 300px;\r\n border-top: none;\r\n}\r\n.roadSide.left {\r\n position: absolute;\r\n left: 100px;\r\n height: 300px;\r\n transform: rotate(90deg);\r\n border-top: none;\r\n}\r\n.roadSide.bottom {\r\n position: absolute;\r\n bottom: 0;\r\n border-top: none;\r\n}\r\n.roadSide .go {\r\n width: calc(100% / 2);\r\n height: 100%;\r\n border: none;\r\n border-right-style: dashed;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n}\r\n.roadSide .come {\r\n width: calc(100% / 2);\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n}\r\n.direction-arrow {\r\n height: 50px;\r\n width: 28px;\r\n z-index: 0;\r\n}\r\n.roadSide .go .direction-arrow {\r\n transform: rotate(180deg);\r\n}\r\n.car-show {\r\n height: 40px;\r\n position: absolute;\r\n z-index: 1;\r\n}\r\n\r\n.car-show.car1.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running1;\r\n animation-timing-function: ease-in-out;\r\n animation-direction:normal;\r\n animation-iteration-count: 1;\r\n animation-fill-mode: both;\r\n animation-duration: 4s;\r\n animation-delay: 1s;\r\n}\r\n@keyframes running1 {\r\n 0% {\r\n top: 0px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n.car-show.car2.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running2;\r\n animation-timing-function: ease-in-out;\r\n animation-direction: normal;\r\n animation-iteration-count: 1;\r\n animation-fill-mode: both;\r\n animation-duration: 6s;\r\n animation-delay: 1s;\r\n}\r\n\r\n\r\n@keyframes running2 {\r\n 0% {\r\n top: 60px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n.car-show.car3.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running3;\r\n animation-timing-function: ease-in-out;\r\n animation-direction: normal;\r\n animation-iteration-count: 1;\r\n animation-fill-mode: both;\r\n animation-duration: 7s;\r\n animation-delay: 1s;\r\n}\r\n\r\n\r\n@keyframes running3 {\r\n 0% {\r\n top: 120px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n.car-show.car4.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running4;\r\n animation-timing-function: ease-in-out;\r\n animation-direction: normal;\r\n animation-iteration-count: infinite;\r\n animation-fill-mode: both;\r\n animation-duration: 12s;\r\n animation-delay: 6s;\r\n}\r\n\r\n\r\n@keyframes running4 {\r\n 0% {\r\n top: 300px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n.car-show.car5.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running5;\r\n animation-timing-function: ease-in-out;\r\n animation-direction: normal;\r\n animation-iteration-count: infinite;\r\n animation-fill-mode: both;\r\n animation-duration: 14s;\r\n animation-delay: 8s;\r\n}\r\n\r\n\r\n@keyframes running5 {\r\n 0% {\r\n top: 360px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n.car-show.car6.running {\r\n /* animation: main 1s linear infinite forwards; */\r\n animation-name: running6;\r\n animation-timing-function: ease-in-out;\r\n animation-direction: normal;\r\n animation-iteration-count: infinite;\r\n animation-fill-mode: both;\r\n animation-duration: 17s;\r\n animation-delay: 11s;\r\n}\r\n\r\n\r\n@keyframes running6 {\r\n 0% {\r\n top: 420px; /* Start from original position */\r\n }\r\n 100% {\r\n top: -470px; /* Move down halfway through the animation */\r\n }\r\n}\r\n\r\n@media screen and (max-width: 700px) and (min-width:430px) and (orientation: portrait) {\r\n .roadSide.left {\r\n left: -38px;\r\n }\r\n .roadSide.right {\r\n right: -38px;\r\n }\r\n .main-parent-div {\r\n width: 430px;\r\n }\r\n}\r\n@media screen and (max-width: 430px) and (min-width:370px) and (orientation: portrait) {\r\n .roadSide.left {\r\n left: -66px;\r\n }\r\n .roadSide.right {\r\n right: -66px;\r\n }\r\n .main-parent-div {\r\n width: 370px;\r\n }\r\n}\r\n@media screen and (max-width: 370px) and (orientation: portrait) {\r\n .roadSide.left {\r\n left: -76px;\r\n }\r\n .roadSide.right {\r\n right: -76px;\r\n }\r\n .main-parent-div {\r\n width: 350px;\r\n }\r\n}\r\n@media screen and (max-width: 700px) and (orientation: landscape) {\r\n .roadSide.left {\r\n left: 50px;\r\n }\r\n .roadSide.right {\r\n right: 50px;\r\n }\r\n .main-parent-div {\r\n width: 600px;\r\n }\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.a6f040db.js b/static/js/main.2e00b1e9.js similarity index 58% rename from static/js/main.a6f040db.js rename to static/js/main.2e00b1e9.js index c9fe36e..d709c66 100644 --- a/static/js/main.a6f040db.js +++ b/static/js/main.2e00b1e9.js @@ -1,3 +1,3 @@ -/*! For license information please see main.a6f040db.js.LICENSE.txt */ -(()=>{"use strict";var e={730:(e,t,n)=>{var r=n(43),a=n(853);function l(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n