diff --git a/asset-manifest.json b/asset-manifest.json index c4862dd..66793d9 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,15 +1,15 @@ { "files": { - "main.css": "/twinkle-circle/static/css/main.aa13ead4.css", + "main.css": "/twinkle-circle/static/css/main.f9ba3473.css", "main.js": "/twinkle-circle/static/js/main.20a3e390.js", "static/js/787.e1a2ed66.chunk.js": "/twinkle-circle/static/js/787.e1a2ed66.chunk.js", "index.html": "/twinkle-circle/index.html", - "main.aa13ead4.css.map": "/twinkle-circle/static/css/main.aa13ead4.css.map", + "main.f9ba3473.css.map": "/twinkle-circle/static/css/main.f9ba3473.css.map", "main.20a3e390.js.map": "/twinkle-circle/static/js/main.20a3e390.js.map", "787.e1a2ed66.chunk.js.map": "/twinkle-circle/static/js/787.e1a2ed66.chunk.js.map" }, "entrypoints": [ - "static/css/main.aa13ead4.css", + "static/css/main.f9ba3473.css", "static/js/main.20a3e390.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 2879866..5614b0a 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -twinkleCircle
\ No newline at end of file +twinkleCircle
\ No newline at end of file diff --git a/static/css/main.aa13ead4.css.map b/static/css/main.aa13ead4.css.map deleted file mode 100644 index 4422291..0000000 --- a/static/css/main.aa13ead4.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.aa13ead4.css","mappings":"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","sources":["index.css","App.css","components/Header/Header.css","components/Circle/Circle.css","components/CircleContainer/CircleContainer.css","components/ControlPanel/ControlPanel.css","components/Info/Info.css","components/Footer/Footer.css","components/Toast/Toast.css","components/CodeLink/CodeLink.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');\r\n\r\nbody, html {\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n height: 100vh;\r\n overflow: auto;\r\n opacity: 0.9;\r\n position: relative;\r\n background-image: linear-gradient(0deg, #070707, #0c0c0c, #1c1c1c);\r\n font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Oxygen',\r\n 'Ubuntu', 'Fira Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-overflow-scrolling: touch;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n font-size: 16px;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n\r\n",".App {\r\n font-family: 'Roboto', Arial, Helvetica, sans-serif;\r\n text-align: center;\r\n background-color: none;\r\n display: flex;\r\n height: 100%;\r\n min-height: 100vh;\r\n width: 100%;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n overflow-y: auto; \r\n -webkit-overflow-scrolling: touch;\r\n z-index: 0;\r\n}\r\n\r\n.Content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n overflow-y: auto;\r\n -webkit-overflow-scrolling: touch;\r\n z-index: 1;\r\n}\r\n\r\n#particles-js {\r\n height: 100%;\r\n width: 100%;\r\n position: fixed;\r\n margin: 0;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n overflow: hidden;\r\n z-index: -2;\r\n}\r\n\r\n.CircleContainer {\r\n z-index: 2;\r\n position: relative;\r\n}\r\n\r\n.ControlPanel {\r\n z-index: 3;\r\n position: relative;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.Info {\r\n z-index: 4;\r\n width: auto;\r\n overflow-y: auto;\r\n}\r\n",".header {\r\n margin-top: 100px;\r\n margin-bottom: 20px;\r\n width: 100%;\r\n text-align: center;\r\n background-color: none;\r\n}\r\n\r\n.title {\r\n font-family: 'Roboto', Arial, Helvetica, sans-serif;\r\n letter-spacing: 3px;\r\n color: #e0e0e0;\r\n font-size: 3em;\r\n display: inline-block;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .header {\r\n margin-top: 70px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .title {\r\n font-size: 2.5em;\r\n }\r\n }",".circle {\r\n width: 10vw;\r\n height: 10vw;\r\n max-width: 100px;\r\n max-height: 100px;\r\n border-radius: 50%;\r\n margin: 0;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n margin: 15px;\r\n box-shadow: 0 1px 5px rgba(95, 95, 95, 0.5);\r\n box-shadow: inset 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 5px rgba(95, 95, 95, 0.429);\r\n}\r\n\r\n.circle.pink {\r\n background-color: #D870AD;\r\n}\r\n\r\n.circle.green {\r\n background-color: #45B649;\r\n}\r\n\r\n.circle.blue {\r\n background-color: #357ABD;\r\n}\r\n\r\n.circle.yellow {\r\n background-color: #FFD700;\r\n}\r\n\r\n.circle:active {\r\n transform: scale(0.8);\r\n}\r\n\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .circle {\r\n width: 7em;\r\n height: 7em;\r\n flex: 1 50%;\r\n }\r\n }",".container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 10px;\r\n margin-top: 75px;\r\n margin-bottom: 25px;\r\n padding: 15px;\r\n gap: 0px;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n box-shadow: 0 3px 10px rgba(95, 95, 95, 0.5);\r\n padding: 50px 50px;\r\n border-radius: 25px; \r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .container {\r\n margin: 20px;\r\n padding: 10px;\r\n align-items: flex-start;\r\n min-width: fit-content;\r\n width: auto;\r\n }\r\n }",".control-panel {\r\n margin: 10px;\r\n margin-bottom: 100px;\r\n font-size: 15px;\r\n font-weight: 550;\r\n letter-spacing: 2px;\r\n color: #b7b7b7b1;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n box-shadow: 0 3px 10px rgba(95, 95, 95, 0.5);\r\n padding: 30px 50px;\r\n border-radius: 25px; \r\n text-align: center;\r\n overflow-y: auto; \r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.control-panel button {\r\n padding: 15px 30px;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n font-size: 1.1em;\r\n font-weight: bold;\r\n letter-spacing: 3px;\r\n cursor: pointer;\r\n border: 1px solid #616161;\r\n background-color: #333333c0;\r\n color: #eeeeeeb1;\r\n border-radius: 5px;\r\n transition: all 0.3s;\r\n}\r\n\r\n.control-panel button:hover {\r\n transform: scale(0.9);\r\n background-color: #616161;\r\n}\r\n\r\n.control-panel button:active {\r\n transform: scale(0.9);\r\n background-color: #616161;\r\n}\r\n\r\ninput[type=\"range\"] {\r\n filter: grayscale(100%);\r\n}\r\n\r\n.slider {\r\n margin-top: 55px;\r\n margin-bottom: 10px;\r\n height: 5px;\r\n cursor: pointer;\r\n /* this flips the slider */\r\n direction: rtl;\r\n}\r\n\r\n.slider-control {\r\n font-size: 19px;\r\n font-weight: 800;\r\n padding: 5px;\r\n color: #f7f7f7b1;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .control-panel {\r\n width: auto;\r\n margin-bottom: 75px;\r\n }\r\n }\r\n ",".info-container {\r\n font-size: 15px;\r\n font-weight: 550;\r\n line-height: 2.1em;\r\n color: #e0e0e0;\r\n text-align: center;\r\n background-color: rgba(135, 135, 135, 0.046);\r\n box-shadow: 0 3px 10px rgba(95, 95, 95, 0.5);\r\n padding: 50px;\r\n border-radius: 25px;\r\n margin-top: 25px; \r\n margin-bottom: 75px;\r\n max-width: 540px; \r\n width: 75%;\r\n}\r\n\r\n.info-container h2 {\r\n font-size: 1.4em;\r\n font-weight: bold;\r\n margin-bottom: 50px;\r\n margin-top: 25px;\r\n color: #e0e0e0;\r\n}\r\n\r\n.info-container p {\r\n font-size: 1em;\r\n font-weight: 550;\r\n margin: 30px 0;\r\n}\r\n\r\n.info-container a {\r\n color: rgb(172, 172, 172);\r\n font-weight: 570;\r\n}\r\n\r\n.scroll-to-top-button {\r\n padding: 15px 30px;\r\n margin-top: 20px;\r\n margin-bottom: 20px;\r\n font-size: 1.1em;\r\n font-weight: bold;\r\n letter-spacing: 3px;\r\n cursor: pointer;\r\n border: 1px solid #616161;\r\n background-color: #333333c0;\r\n color: #eeeeeeb1;\r\n border-radius: 5px;\r\n transition: all 0.3s;\r\n}\r\n\r\n.scroll-to-top-button:hover {\r\n transform: scale(0.9);\r\n background-color: #616161;\r\n}\r\n\r\n.scroll-to-top-button:active {\r\n transform: scale(0.9);\r\n background-color: #616161;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .info-container {\r\n padding: 25px;\r\n margin: 20px;\r\n margin-bottom: 70px;\r\n }\r\n }\r\n ","#footer {\r\n font-family: 'Roboto Mono', monospace;\r\n color: rgba(194, 194, 194, 0.902);\r\n font-size: 0.7rem;\r\n background-color: rgba(40, 40, 40, 0.4);\r\n box-shadow: 0 3px 10px rgba(95, 95, 95, 0.5);\r\n padding: 10px 30px;\r\n width: 100%;\r\n width: auto;\r\n margin: 10px;\r\n margin-bottom: 30px;\r\n border-radius: 13px;\r\n text-align: center;\r\n box-sizing: border-box;\r\n bottom: 0;\r\n position: relative; \r\n}\r\n\r\nfooter a {\r\n text-decoration: none;\r\n font-weight: bold;\r\n color: rgb(94, 160, 255);\r\n margin: 2px;\r\n transition: color 0.5s;\r\n}\r\n\r\nfooter a:hover {\r\n color: rgb(10, 112, 255);\r\n background-color: pink;\r\n font-weight: bold;\r\n}\r\n\r\nfooter span {\r\n margin: 0 0;\r\n}\r\n\r\n#rocketIcon {\r\n margin-left: 1px;\r\n margin-right: 1px;\r\n}\r\n\r\n",".toast {\r\n position: fixed;\r\n top: 40%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background-color: #eeeeeeb1;\r\n color: #333333c0;\r\n padding: 15px 30px;\r\n border-radius: 25px;\r\n font-size: 1rem;\r\n font-weight: 650;\r\n letter-spacing: 1.5px;\r\n line-height: 30px;\r\n z-index: 5;\r\n}\r\n\r\n.toast.show {\r\n display: block;\r\n}\r\n\r\n.toast:hover {\r\n background-color: #616161;\r\n}\r\n",".code-link-container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Roboto Mono', monospace;\r\n z-index: 3;\r\n color: #444;\r\n transition: scale 1s ease-out;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n box-shadow: 0 3px 10px rgba(95, 95, 95, 0.5);\r\n padding: 1rem;\r\n margin: 3rem auto;\r\n border-radius: 25px; \r\n}\r\n\r\n.code-link-container:hover {\r\n scale: 0.9; \r\n}\r\n\r\n.code-link-container svg {\r\n width: 42px;\r\n height: auto;\r\n fill: currentColor;\r\n transition: color 1s ease-out;\r\n}\r\n\r\n.code-link-container p {\r\n margin: 0;\r\n font-size: 0.75rem;\r\n padding: 0.5rem;\r\n}\r\n\r\n.code-link-container a {\r\n color: rgba(255, 255, 255, 0.7);\r\n transition: color 1s ease-out;\r\n}\r\n\r\n.code-link-container a:hover {\r\n text-decoration: none;\r\n color: rgb(10, 112, 255);\r\n}\r\n\r\n.code-link {\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n color: inherit;\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.aa13ead4.css b/static/css/main.f9ba3473.css similarity index 54% rename from static/css/main.aa13ead4.css rename to static/css/main.f9ba3473.css index 11fe7f5..6e635ff 100644 --- a/static/css/main.aa13ead4.css +++ b/static/css/main.f9ba3473.css @@ -1,2 +1,2 @@ -@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap);body,html{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(0deg,#070707,#0c0c0c,#1c1c1c);font-family:Roboto,-apple-system,BlinkMacSystemFont,Oxygen,Ubuntu,Fira Sans,Helvetica Neue,sans-serif;font-size:16px;height:100vh;margin:0;opacity:.9;overflow:auto;padding:0;position:relative;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:none;font-family:Roboto,Arial,Helvetica,sans-serif;height:100%;min-height:100vh;text-align:center;width:100%;z-index:0}.App,.Content{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.Content{z-index:1}#particles-js{bottom:0;height:100%;left:0;margin:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-2}.CircleContainer{position:relative;z-index:2}.ControlPanel{-webkit-overflow-scrolling:touch;position:relative;z-index:3}.Info{overflow-y:auto;width:auto;z-index:4}.header{background-color:none;margin-bottom:20px;margin-top:100px;text-align:center;width:100%}.title{color:#e0e0e0;display:inline-block;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:3em;letter-spacing:3px}@media only screen and (max-width:768px){.header{margin-bottom:30px;margin-top:70px}.title{font-size:2.5em}}.circle{border-radius:50%;box-shadow:0 1px 5px rgba(95,95,95,.5);box-shadow:inset 0 -1px 5px rgba(0,0,0,.3),0 1px 5px rgba(95,95,95,.429);box-sizing:border-box;cursor:pointer;display:inline-block;height:10vw;margin:15px;max-height:100px;max-width:100px;transition:all .2s;width:10vw}.circle.pink{background-color:#d870ad}.circle.green{background-color:#45b649}.circle.blue{background-color:#357abd}.circle.yellow{background-color:gold}.circle:active{-webkit-transform:scale(.8);transform:scale(.8)}@media only screen and (max-width:768px){.circle{flex:1 1 50%;height:7em;width:7em}}.container{align-items:center;background-color:rgba(0,0,0,.2);border-radius:25px;box-shadow:0 3px 10px rgba(95,95,95,.5);display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin:75px 10px 25px;padding:50px}@media only screen and (max-width:768px){.container{align-items:flex-start;margin:20px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:10px;width:auto}}.control-panel{-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,.2);border-radius:25px;box-shadow:0 3px 10px rgba(95,95,95,.5);color:#b7b7b7b1;font-size:15px;font-weight:550;letter-spacing:2px;margin:10px 10px 100px;overflow-y:auto;padding:30px 50px;text-align:center}.control-panel button{background-color:#333333c0;border:1px solid #616161;border-radius:5px;color:#eeeeeeb1;cursor:pointer;font-size:1.1em;font-weight:700;letter-spacing:3px;margin-bottom:10px;margin-top:10px;padding:15px 30px;transition:all .3s}.control-panel button:active,.control-panel button:hover{background-color:#616161;-webkit-transform:scale(.9);transform:scale(.9)}input[type=range]{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.slider{cursor:pointer;direction:rtl;height:5px;margin-bottom:10px;margin-top:55px}.slider-control{color:#f7f7f7b1;font-size:19px;font-weight:800;padding:5px}@media only screen and (max-width:768px){.control-panel{margin-bottom:75px;width:auto}}.info-container{background-color:hsla(0,0%,53%,.046);border-radius:25px;box-shadow:0 3px 10px rgba(95,95,95,.5);color:#e0e0e0;font-size:15px;font-weight:550;line-height:2.1em;margin-bottom:75px;margin-top:25px;max-width:540px;padding:50px;text-align:center;width:75%}.info-container h2{color:#e0e0e0;font-size:1.4em;font-weight:700;margin-bottom:50px;margin-top:25px}.info-container p{font-size:1em;font-weight:550;margin:30px 0}.info-container a{color:#acacac;font-weight:570}.scroll-to-top-button{background-color:#333333c0;border:1px solid #616161;border-radius:5px;color:#eeeeeeb1;cursor:pointer;font-size:1.1em;font-weight:700;letter-spacing:3px;margin-bottom:20px;margin-top:20px;padding:15px 30px;transition:all .3s}.scroll-to-top-button:active,.scroll-to-top-button:hover{background-color:#616161;-webkit-transform:scale(.9);transform:scale(.9)}@media only screen and (max-width:768px){.info-container{margin:20px 20px 70px;padding:25px}}#footer{background-color:rgba(40,40,40,.4);border-radius:13px;bottom:0;box-shadow:0 3px 10px rgba(95,95,95,.5);box-sizing:border-box;color:hsla(0,0%,76%,.902);font-family:Roboto Mono,monospace;font-size:.7rem;margin:10px 10px 30px;padding:10px 30px;position:relative;text-align:center;width:100%;width:auto}footer a{color:#5ea0ff;font-weight:700;margin:2px;text-decoration:none;transition:color .5s}footer a:hover{background-color:pink;color:#0a70ff;font-weight:700}footer span{margin:0}#rocketIcon{margin-left:1px;margin-right:1px}.toast{background-color:#eeeeeeb1;border-radius:25px;color:#333333c0;font-size:1rem;font-weight:650;left:50%;letter-spacing:1.5px;line-height:30px;padding:15px 30px;position:fixed;top:40%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:5}.toast.show{display:block}.toast:hover{background-color:#616161}.code-link-container{align-items:center;background-color:rgba(0,0,0,.2);border-radius:25px;box-shadow:0 3px 10px rgba(95,95,95,.5);color:#444;display:flex;font-family:Roboto Mono,monospace;gap:.5rem;justify-content:center;margin:3rem auto;padding:1rem;transition:scale 1s ease-out;z-index:3}.code-link-container:hover{scale:.9}.code-link-container svg{fill:currentColor;height:auto;transition:color 1s ease-out;width:42px}.code-link-container p{font-size:.75rem;margin:0;padding:.5rem}.code-link-container a{color:hsla(0,0%,100%,.7);transition:color 1s ease-out}.code-link-container a:hover{color:#0a70ff;text-decoration:none}.code-link{align-items:center;color:inherit;display:flex;text-decoration:none} -/*# sourceMappingURL=main.aa13ead4.css.map*/ \ No newline at end of file +@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap);body,html{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(0deg,#070707,#0c0c0c,#1c1c1c);font-family:Roboto,-apple-system,BlinkMacSystemFont,Oxygen,Ubuntu,Fira Sans,Helvetica Neue,sans-serif;font-size:16px;height:100vh;margin:0;opacity:.9;overflow:auto;padding:0;position:relative;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:none;font-family:Roboto,Arial,Helvetica,sans-serif;height:100%;min-height:100vh;text-align:center;width:100%;z-index:0}.App,.Content{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.Content{z-index:1}#particles-js{bottom:0;height:100%;left:0;margin:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-2}.CircleContainer{position:relative;z-index:2}.ControlPanel{-webkit-overflow-scrolling:touch;position:relative;z-index:3}.Info{overflow-y:auto;width:auto;z-index:4}.header{background-color:none;margin-bottom:20px;margin-top:100px;text-align:center;width:100%}.title{color:#e0e0e0;display:inline-block;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:3em;letter-spacing:3px}@media only screen and (max-width:768px){.header{margin-bottom:30px;margin-top:70px}.title{font-size:2.5em}}.circle{border-radius:50%;box-shadow:0 1px 5px rgba(95,95,95,.5);box-shadow:inset 0 -1px 5px rgba(0,0,0,.3),0 1px 5px rgba(95,95,95,.429);box-sizing:border-box;cursor:pointer;display:inline-block;height:10vw;margin:15px;max-height:100px;max-width:100px;transition:all .2s;width:10vw}.circle.pink{background-color:#d870ad}.circle.green{background-color:#45b649}.circle.blue{background-color:#357abd}.circle.yellow{background-color:gold}.circle:active{-webkit-transform:scale(.8);transform:scale(.8)}@media only screen and (max-width:768px){.circle{flex:1 1 50%;height:7em;width:7em}}.container{align-items:center;background-color:rgba(0,0,0,.2);border-radius:25px;box-shadow:0 3px 10px rgba(95,95,95,.5);display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin:75px 10px 25px;padding:50px}@media only screen and (max-width:768px){.container{align-items:flex-start;margin:20px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:10px;width:auto}}.control-panel{-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,.2);border-radius:25px;box-shadow:0 3px 10px rgba(95,95,95,.5);color:#b7b7b7b1;font-size:15px;font-weight:550;letter-spacing:2px;margin:10px 10px 100px;overflow-y:auto;padding:30px 50px;text-align:center}.control-panel button{background-color:#333333c0;border:1px solid #616161;border-radius:5px;color:#eeeeeeb1;cursor:pointer;font-size:1.1em;font-weight:700;letter-spacing:3px;margin-bottom:10px;margin-top:10px;padding:15px 30px;transition:all .3s}.control-panel button:active,.control-panel button:hover{background-color:#616161;-webkit-transform:scale(.9);transform:scale(.9)}input[type=range]{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.slider{cursor:pointer;direction:rtl;height:5px;margin-bottom:10px;margin-top:40px}.slider-control{font-size:13px}@media only screen and (max-width:768px){.control-panel{margin-bottom:75px;width:auto}}.info-container{background-color:hsla(0,0%,53%,.046);border-radius:25px;box-shadow:0 3px 10px rgba(95,95,95,.5);color:#e0e0e0;font-size:15px;font-weight:550;line-height:2.1em;margin-bottom:75px;margin-top:25px;max-width:540px;padding:50px;text-align:center;width:75%}.info-container h2{color:#e0e0e0;font-size:1.4em;font-weight:700;margin-bottom:50px;margin-top:25px}.info-container p{font-size:1em;font-weight:550;margin:30px 0}.info-container a{color:#acacac;font-weight:570}.scroll-to-top-button{background-color:#333333c0;border:1px solid #616161;border-radius:5px;color:#eeeeeeb1;cursor:pointer;font-size:1.1em;font-weight:700;letter-spacing:3px;margin-bottom:20px;margin-top:20px;padding:15px 30px;transition:all .3s}.scroll-to-top-button:active,.scroll-to-top-button:hover{background-color:#616161;-webkit-transform:scale(.9);transform:scale(.9)}@media only screen and (max-width:768px){.info-container{margin:20px 20px 70px;padding:25px}}#footer{background-color:rgba(40,40,40,.4);border-radius:13px;bottom:0;box-shadow:0 3px 10px rgba(95,95,95,.5);box-sizing:border-box;color:hsla(0,0%,76%,.902);font-family:Roboto Mono,monospace;font-size:.75rem;margin:10px 10px 15px;padding:10px 30px;position:relative;text-align:center;width:100%;width:auto}footer a{color:#5ea0ff;font-weight:700;margin:2px;text-decoration:none;transition:color .5s}footer a:hover{background-color:pink;color:#0a70ff;font-weight:700}footer span{margin:0}#rocketIcon{margin-left:1px;margin-right:1px}.toast{background-color:#eeeeeeb1;border-radius:25px;color:#333333c0;font-size:1rem;font-weight:650;left:50%;letter-spacing:1.5px;line-height:30px;padding:15px 30px;position:fixed;top:40%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:5}.toast.show{display:block}.toast:hover{background-color:#616161}.code-link-container{align-items:center;background-color:rgba(0,0,0,.2);border-radius:25px;box-shadow:0 3px 10px rgba(95,95,95,.5);color:#444;display:flex;font-family:Roboto Mono,monospace;gap:.5rem;justify-content:center;margin:3rem auto;padding:1rem;transition:scale 1s ease-out;z-index:3}.code-link-container:hover{scale:.9}.code-link-container svg{fill:currentColor;height:auto;transition:color 1s ease-out;width:42px}.code-link-container p{font-size:.75rem;margin:0;padding:.5rem}.code-link-container a{color:hsla(0,0%,100%,.7);transition:color 1s ease-out}.code-link-container a:hover{color:#0a70ff;text-decoration:none}.code-link{align-items:center;color:inherit;display:flex;text-decoration:none} +/*# sourceMappingURL=main.f9ba3473.css.map*/ \ No newline at end of file diff --git a/static/css/main.f9ba3473.css.map b/static/css/main.f9ba3473.css.map new file mode 100644 index 0000000..b26ddd5 --- /dev/null +++ b/static/css/main.f9ba3473.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.f9ba3473.css","mappings":"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","sources":["index.css","App.css","components/Header/Header.css","components/Circle/Circle.css","components/CircleContainer/CircleContainer.css","components/ControlPanel/ControlPanel.css","components/Info/Info.css","components/Footer/Footer.css","components/Toast/Toast.css","components/CodeLink/CodeLink.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');\r\n\r\nbody, html {\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n height: 100vh;\r\n overflow: auto;\r\n opacity: 0.9;\r\n position: relative;\r\n background-image: linear-gradient(0deg, #070707, #0c0c0c, #1c1c1c);\r\n font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Oxygen',\r\n 'Ubuntu', 'Fira Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-overflow-scrolling: touch;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n font-size: 16px;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n\r\n",".App {\r\n font-family: 'Roboto', Arial, Helvetica, sans-serif;\r\n text-align: center;\r\n background-color: none;\r\n display: flex;\r\n height: 100%;\r\n min-height: 100vh;\r\n width: 100%;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n overflow-y: auto; \r\n -webkit-overflow-scrolling: touch;\r\n z-index: 0;\r\n}\r\n\r\n.Content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n overflow-y: auto;\r\n -webkit-overflow-scrolling: touch;\r\n z-index: 1;\r\n}\r\n\r\n#particles-js {\r\n height: 100%;\r\n width: 100%;\r\n position: fixed;\r\n margin: 0;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n overflow: hidden;\r\n z-index: -2;\r\n}\r\n\r\n.CircleContainer {\r\n z-index: 2;\r\n position: relative;\r\n}\r\n\r\n.ControlPanel {\r\n z-index: 3;\r\n position: relative;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.Info {\r\n z-index: 4;\r\n width: auto;\r\n overflow-y: auto;\r\n}\r\n",".header {\r\n margin-top: 100px;\r\n margin-bottom: 20px;\r\n width: 100%;\r\n text-align: center;\r\n background-color: none;\r\n}\r\n\r\n.title {\r\n font-family: 'Roboto', Arial, Helvetica, sans-serif;\r\n letter-spacing: 3px;\r\n color: #e0e0e0;\r\n font-size: 3em;\r\n display: inline-block;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .header {\r\n margin-top: 70px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .title {\r\n font-size: 2.5em;\r\n }\r\n }",".circle {\r\n width: 10vw;\r\n height: 10vw;\r\n max-width: 100px;\r\n max-height: 100px;\r\n border-radius: 50%;\r\n margin: 0;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n margin: 15px;\r\n box-shadow: 0 1px 5px rgba(95, 95, 95, 0.5);\r\n box-shadow: inset 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 5px rgba(95, 95, 95, 0.429);\r\n}\r\n\r\n.circle.pink {\r\n background-color: #D870AD;\r\n}\r\n\r\n.circle.green {\r\n background-color: #45B649;\r\n}\r\n\r\n.circle.blue {\r\n background-color: #357ABD;\r\n}\r\n\r\n.circle.yellow {\r\n background-color: #FFD700;\r\n}\r\n\r\n.circle:active {\r\n transform: scale(0.8);\r\n}\r\n\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .circle {\r\n width: 7em;\r\n height: 7em;\r\n flex: 1 50%;\r\n }\r\n }",".container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 10px;\r\n margin-top: 75px;\r\n margin-bottom: 25px;\r\n padding: 15px;\r\n gap: 0px;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n box-shadow: 0 3px 10px rgba(95, 95, 95, 0.5);\r\n padding: 50px 50px;\r\n border-radius: 25px; \r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .container {\r\n margin: 20px;\r\n padding: 10px;\r\n align-items: flex-start;\r\n min-width: fit-content;\r\n width: auto;\r\n }\r\n }",".control-panel {\r\n margin: 10px;\r\n margin-bottom: 100px;\r\n font-size: 15px;\r\n font-weight: 550;\r\n letter-spacing: 2px;\r\n color: #b7b7b7b1;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n box-shadow: 0 3px 10px rgba(95, 95, 95, 0.5);\r\n padding: 30px 50px;\r\n border-radius: 25px; \r\n text-align: center;\r\n overflow-y: auto; \r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.control-panel button {\r\n padding: 15px 30px;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n font-size: 1.1em;\r\n font-weight: bold;\r\n letter-spacing: 3px;\r\n cursor: pointer;\r\n border: 1px solid #616161;\r\n background-color: #333333c0;\r\n color: #eeeeeeb1;\r\n border-radius: 5px;\r\n transition: all 0.3s;\r\n}\r\n\r\n.control-panel button:hover {\r\n transform: scale(0.9);\r\n background-color: #616161;\r\n}\r\n\r\n.control-panel button:active {\r\n transform: scale(0.9);\r\n background-color: #616161;\r\n}\r\n\r\ninput[type=\"range\"] {\r\n filter: grayscale(100%);\r\n}\r\n\r\n.slider {\r\n margin-top: 40px;\r\n margin-bottom: 10px;\r\n height: 5px;\r\n cursor: pointer;\r\n /* this flips the slider */\r\n direction: rtl;\r\n}\r\n\r\n.slider-control {\r\n font-size: 13px;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .control-panel {\r\n width: auto;\r\n margin-bottom: 75px;\r\n }\r\n }\r\n ",".info-container {\r\n font-size: 15px;\r\n font-weight: 550;\r\n line-height: 2.1em;\r\n color: #e0e0e0;\r\n text-align: center;\r\n background-color: rgba(135, 135, 135, 0.046);\r\n box-shadow: 0 3px 10px rgba(95, 95, 95, 0.5);\r\n padding: 50px;\r\n border-radius: 25px;\r\n margin-top: 25px; \r\n margin-bottom: 75px;\r\n max-width: 540px; \r\n width: 75%;\r\n}\r\n\r\n.info-container h2 {\r\n font-size: 1.4em;\r\n font-weight: bold;\r\n margin-bottom: 50px;\r\n margin-top: 25px;\r\n color: #e0e0e0;\r\n}\r\n\r\n.info-container p {\r\n font-size: 1em;\r\n font-weight: 550;\r\n margin: 30px 0;\r\n}\r\n\r\n.info-container a {\r\n color: rgb(172, 172, 172);\r\n font-weight: 570;\r\n}\r\n\r\n.scroll-to-top-button {\r\n padding: 15px 30px;\r\n margin-top: 20px;\r\n margin-bottom: 20px;\r\n font-size: 1.1em;\r\n font-weight: bold;\r\n letter-spacing: 3px;\r\n cursor: pointer;\r\n border: 1px solid #616161;\r\n background-color: #333333c0;\r\n color: #eeeeeeb1;\r\n border-radius: 5px;\r\n transition: all 0.3s;\r\n}\r\n\r\n.scroll-to-top-button:hover {\r\n transform: scale(0.9);\r\n background-color: #616161;\r\n}\r\n\r\n.scroll-to-top-button:active {\r\n transform: scale(0.9);\r\n background-color: #616161;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .info-container {\r\n padding: 25px;\r\n margin: 20px;\r\n margin-bottom: 70px;\r\n }\r\n }\r\n ","#footer {\r\n font-family: 'Roboto Mono', monospace;\r\n color: rgba(194, 194, 194, 0.902);\r\n font-size: 0.75rem;\r\n background-color: rgba(40, 40, 40, 0.4);\r\n box-shadow: 0 3px 10px rgba(95, 95, 95, 0.5);\r\n padding: 10px 30px;\r\n width: 100%;\r\n width: auto;\r\n margin: 10px;\r\n margin-bottom: 15px;\r\n border-radius: 13px;\r\n text-align: center;\r\n box-sizing: border-box;\r\n bottom: 0;\r\n position: relative; \r\n}\r\n\r\nfooter a {\r\n text-decoration: none;\r\n font-weight: bold;\r\n color: rgb(94, 160, 255);\r\n margin: 2px;\r\n transition: color 0.5s;\r\n}\r\n\r\nfooter a:hover {\r\n color: rgb(10, 112, 255);\r\n background-color: pink;\r\n font-weight: bold;\r\n}\r\n\r\nfooter span {\r\n margin: 0 0;\r\n}\r\n\r\n#rocketIcon {\r\n margin-left: 1px;\r\n margin-right: 1px;\r\n}\r\n\r\n",".toast {\r\n position: fixed;\r\n top: 40%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background-color: #eeeeeeb1;\r\n color: #333333c0;\r\n padding: 15px 30px;\r\n border-radius: 25px;\r\n font-size: 1rem;\r\n font-weight: 650;\r\n letter-spacing: 1.5px;\r\n line-height: 30px;\r\n z-index: 5;\r\n}\r\n\r\n.toast.show {\r\n display: block;\r\n}\r\n\r\n.toast:hover {\r\n background-color: #616161;\r\n}\r\n",".code-link-container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n font-family: 'Roboto Mono', monospace;\r\n z-index: 3;\r\n color: #444;\r\n transition: scale 1s ease-out;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n box-shadow: 0 3px 10px rgba(95, 95, 95, 0.5);\r\n padding: 1rem;\r\n margin: 3rem auto;\r\n border-radius: 25px; \r\n}\r\n\r\n.code-link-container:hover {\r\n scale: 0.9; \r\n}\r\n\r\n.code-link-container svg {\r\n width: 42px;\r\n height: auto;\r\n fill: currentColor;\r\n transition: color 1s ease-out;\r\n}\r\n\r\n.code-link-container p {\r\n margin: 0;\r\n font-size: 0.75rem;\r\n padding: 0.5rem;\r\n}\r\n\r\n.code-link-container a {\r\n color: rgba(255, 255, 255, 0.7);\r\n transition: color 1s ease-out;\r\n}\r\n\r\n.code-link-container a:hover {\r\n text-decoration: none;\r\n color: rgb(10, 112, 255);\r\n}\r\n\r\n.code-link {\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n color: inherit;\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file