From a0a2c77e414f22144847091ad95fb87a71ea54c2 Mon Sep 17 00:00:00 2001 From: ramonvc Date: Sat, 27 May 2023 17:54:21 +0000 Subject: [PATCH] deploy: ffa7e43258ae2659dda7de23f5566b3d8f6ba38a --- asset-manifest.json | 6 +++--- index.html | 2 +- static/css/main.1b9879fe.css | 2 ++ static/css/main.1b9879fe.css.map | 1 + static/css/main.8906d9ca.css | 2 -- static/css/main.8906d9ca.css.map | 1 - 6 files changed, 7 insertions(+), 7 deletions(-) create mode 100644 static/css/main.1b9879fe.css create mode 100644 static/css/main.1b9879fe.css.map delete mode 100644 static/css/main.8906d9ca.css delete mode 100644 static/css/main.8906d9ca.css.map diff --git a/asset-manifest.json b/asset-manifest.json index fd18ef7..8903571 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,13 +1,13 @@ { "files": { - "main.css": "/organi/static/css/main.8906d9ca.css", + "main.css": "/organi/static/css/main.1b9879fe.css", "main.js": "/organi/static/js/main.7e868c4d.js", "index.html": "/organi/index.html", - "main.8906d9ca.css.map": "/organi/static/css/main.8906d9ca.css.map", + "main.1b9879fe.css.map": "/organi/static/css/main.1b9879fe.css.map", "main.7e868c4d.js.map": "/organi/static/js/main.7e868c4d.js.map" }, "entrypoints": [ - "static/css/main.8906d9ca.css", + "static/css/main.1b9879fe.css", "static/js/main.7e868c4d.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index bef40d9..c6fd89b 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Organi
\ No newline at end of file +Organi
\ No newline at end of file diff --git a/static/css/main.1b9879fe.css b/static/css/main.1b9879fe.css new file mode 100644 index 0000000..4e2ef58 --- /dev/null +++ b/static/css/main.1b9879fe.css @@ -0,0 +1,2 @@ +body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#010101;background-image:radial-gradient(at 47% 33%,#000 0,transparent 59%),radial-gradient(at 82% 65%,#31230d 0,transparent 55%);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}.border-effect{--borderColor:#1f1919;--b:2px;--g:8px;--_g:#0000 25%,var(--borderColor) 0;background:conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) 200% 0 /200% var(--b) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 200% /var(--b) 200% no-repeat;background:conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i,200%) 0 /200% var(--_i,var(--b)) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i,200%) /var(--_i,var(--b)) 200% no-repeat;padding:calc(var(--g) + var(--b));transition:.3s,background-position .3s .3s}.border-effect:hover{--_i:100%;transition:.3s,background-size .3s .3s}.banner{align-items:center;display:flex;justify-content:center;position:relative}.banner>.background-img{-webkit-filter:blur(3px);filter:blur(3px);width:100%}.banner>.logo{position:absolute;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;width:25%}.banner>.logo:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:768px){.banner>.logo{width:40%}}.form-container{color:#fff;display:flex;justify-content:center;margin:80px 0}.form-container>form>.form-title{font-weight:400}.form-container>form{border-radius:20px;margin:36px 64px}@media screen and (max-width:768px){.form-container{margin:12px 0}.form-container>form{margin:0 24px}.form-container>form>.form-title{font-size:1.125rem}}@media screen and (max-width:480px){.form-container>form>.form-title{font-size:1rem}}.text-field{margin:24px 0}.text-field>label{display:block;font-size:1.25rem;margin-bottom:8px}.text-field>label>.icon-help{padding:0 8px;width:12px}.text-field>label>.icon-help:hover{cursor:pointer}.text-field>label>.tooltip{background-color:#333;border:1px solid hsla(0,0%,100%,.125);border-radius:4px;border-radius:12px;font-size:.875rem;max-width:200px;padding:8px;position:absolute;white-space:pre-wrap;z-index:10}.text-field>input,.text-field>label>.tooltip{backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);background-color:rgba(17,25,40,.3);box-shadow:10px 10px 30px rgba(0,0,0,.06);box-sizing:border-box;color:#fff}.text-field>input{border:none;border:1px solid hsla(0,0%,100%,.125);border-radius:12px;font-size:1.5rem;padding:24px;width:100%}@media screen and (max-width:768px){.text-field>label{font-size:1.125rem}.text-field>label>.icon-help{padding:0 6px;width:10px}.text-field>label>.tooltip{font-size:.75rem}.text-field>input{font-size:1.125rem;padding:18px 12px}}@media screen and (max-width:480px){.text-field>input{font-size:.875rem}}.dropdown>label{display:block;font-size:1.25rem;margin-bottom:8px}.dropdown>select{backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);background-color:rgba(17,25,40,.3);border:1px solid hsla(0,0%,100%,.125);border-radius:12px;box-shadow:10px 10px 30px rgba(0,0,0,.06);box-sizing:border-box;color:#fff;font-size:1.5rem;padding:24px;width:100%}.dropdown>select>option{background-color:#130d01}@media screen and (max-width:768px){.dropdown>label,.dropdown>select{font-size:1.125rem}.dropdown>select{padding:18px 12px}}@media screen and (max-width:480px){.dropdown>select{font-size:.875rem}}.button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;margin:32px 0;padding:26px}.button,.button:hover{background-color:#bc8538}@media screen and (max-width:768px){.button{font-size:1rem;padding:18px 12px}}@media screen and (max-width:480px){.button{font-size:.875rem}}.player{border-radius:4px;cursor:pointer;width:280px}.player>.header{border-radius:10px 10px 0 0}.player>.header>img{border-radius:50%;bottom:-50px;position:relative;width:100px;z-index:99}.player>.footer{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(9,14,22,.5);border-radius:0 0 10px 10px;box-shadow:5px 5px 15px rgba(0,0,0,.08);padding-bottom:40px;padding-top:90px}.player>.footer>.name{font-size:1.5rem;font-weight:700;line-height:22px;margin-bottom:32px}.player>.footer>.position-icon{height:28px;width:28px}@media screen and (max-width:768px){.player{width:160px}.player>.header>img{width:60px}.player>.footer{padding-bottom:20px;padding-top:30px}.player>.footer>.name{font-size:1.25rem}.player>.footer>.position-icon{height:22px;width:22px}}@media screen and (max-width:480px){.player{width:100px}.player>.header>img{bottom:-20px;width:30px}.player>.footer{padding-bottom:10px;padding-top:12px}.player>.footer>.name{font-size:1rem;margin-bottom:4px}.player>.footer>.position{font-size:.75rem}.player>.footer>.position-icon{height:16px;width:16px}}.rank{padding:32px 0 64px;text-align:center}.rank>.name{border-bottom:4px solid;color:#ffffffce;display:inline-block;font-size:1.75rem;padding-bottom:8px}.rank>.players{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:32px}@media screen and (max-width:768px){.rank{padding-top:16px}.rank>.name{font-size:1.25rem}}@media screen and (max-width:480px){.rank{padding-top:8px}}.footer{align-items:center;background-color:#000;color:#ffffffa8;display:flex;flex-direction:column;font-size:.75rem;justify-content:center;padding:8px}.footer span{text-align:center}.footer a{color:inherit;padding-left:4px}.footer .github-logo{margin-top:8px;padding:0 8px}@media screen and (max-width:768px){.footer{font-size:.625rem}.footer .github-logo{width:14px}} +/*# sourceMappingURL=main.1b9879fe.css.map*/ \ No newline at end of file diff --git a/static/css/main.1b9879fe.css.map b/static/css/main.1b9879fe.css.map new file mode 100644 index 0000000..ec79d64 --- /dev/null +++ b/static/css/main.1b9879fe.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.1b9879fe.css","mappings":"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","sources":["index.css","components/Banner/Banner.css","components/Form/Form.css","components/TextField/TextField.css","components/Dropdown/Dropdown.css","components/Button/Button.css","components/Player/Player.css","components/Rank/Rank.css","components/Footer/Footer.css"],"sourcesContent":["body {\n\tbackground-color: #010101;\n\tbackground-image: radial-gradient(at 47% 33%, hsl(240, 0%, 0%) 0, transparent 59%),\n\t\tradial-gradient(at 82% 65%, hsl(36.67, 59%, 12%) 0, transparent 55%);\n\tmargin: 0;\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\",\n\t\t\"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n\tfont-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\n.border-effect {\n\t--borderColor: #1F1919; /* the border default color */\n\t--b: 2px; /* the border thickness*/\n\t--g: 8px; /* the gap on hover */\n\tpadding: calc(var(--g) + var(--b));\n\t--_g: #0000 25%, var(--borderColor) 0;\n\n\tbackground: conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) var(--_i, 200%) 0 / 200%\n\t\t\tvar(--_i, var(--b)) no-repeat,\n\t\tconic-gradient(at bottom var(--b) left var(--b), var(--_g)) 0 var(--_i, 200%) / var(--_i, var(--b))\n\t\t\t200% no-repeat;\n\n\ttransition: 0.3s, background-position 0.3s 0.3s;\n}\n\n.border-effect:hover {\n\t--_i: 100%;\n\ttransition: 0.3s, background-size 0.3s 0.3s;\n}\n",".banner {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.banner > .background-img {\n\tfilter: blur(3px);\n\twidth: 100%;\n}\n\n.banner > .logo {\n\tposition: absolute;\n\twidth: 25%;\n\ttransition: transform 1s;\n}\n\n.banner > .logo:hover {\n\tcursor: pointer;\n\ttransform: scale(1.1);\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.banner > .logo {\n\t\twidth: 40%;\n\t}\n}\n",".form-container {\n\tcolor: #ffffff;\n\tdisplay: flex;\n\tjustify-content: center;\n\tmargin: 80px 0px;\n}\n\n.form-container > form > .form-title {\n\tfont-weight: 400;\n}\n\n.form-container > form {\n\tborder-radius: 20px;\n\tmargin: 36px 64px;\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.form-container {\n\t\tmargin: 12px 0px;\n\t}\n\t.form-container > form {\n\t\tmargin: 0px 24px;\n\t}\n\t.form-container > form > .form-title {\n\t\tfont-size: 1.125rem;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.form-container > form > .form-title {\n\t\tfont-size: 1rem;\n\t}\n}\n",".text-field {\n\tmargin: 24px 0px;\n}\n\n.text-field > label {\n\tdisplay: block;\n\tmargin-bottom: 8px;\n\tfont-size: 1.25rem;\n}\n\n.text-field > label > .icon-help {\n\twidth: 12px;\n\tpadding: 0px 8px;\n}\n\n.text-field > label > .icon-help:hover {\n\tcursor: pointer;\n}\n\n.text-field > label > .tooltip {\n\tposition: absolute;\n\tbackground-color: #333;\n\tcolor: #fff;\n\tpadding: 8px;\n\tborder-radius: 4px;\n\tfont-size: 0.875rem;\n\tmax-width: 200px;\n\twhite-space: pre-wrap;\n\tz-index: 10;\n\tbox-sizing: border-box;\n\tbackdrop-filter: blur(16px) saturate(200%);\n\t-webkit-backdrop-filter: blur(16px) saturate(200%);\n\tbackground-color: rgba(17, 25, 40, 0.3);\n\tborder-radius: 12px;\n\tborder: 1px solid rgba(255, 255, 255, 0.125);\n\tbox-shadow: 10px 10px 30px rgba(0, 0, 0, 0.06);\n}\n\n.text-field > input {\n\tcolor: #fff;\n\twidth: 100%;\n\tborder: none;\n\tfont-size: 1.5rem;\n\tpadding: 24px;\n\tbox-sizing: border-box;\n\tbackdrop-filter: blur(16px) saturate(200%);\n\t-webkit-backdrop-filter: blur(16px) saturate(200%);\n\tbackground-color: rgba(17, 25, 40, 0.3);\n\tborder-radius: 12px;\n\tborder: 1px solid rgba(255, 255, 255, 0.125);\n\tbox-shadow: 10px 10px 30px rgba(0, 0, 0, 0.06);\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.text-field > label {\n\t\tfont-size: 1.125rem;\n\t}\n\t.text-field > label > .icon-help {\n\t\twidth: 10px;\n\t\tpadding: 0px 6px;\n\t}\n\t.text-field > label > .tooltip {\n\t\tfont-size: 0.75rem;\n\t}\n\t.text-field > input {\n\t\tfont-size: 1.125rem;\n\t\tpadding: 18px 12px;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.text-field > input {\n\t\tfont-size: 0.875rem;\n\t}\n}\n",".dropdown > label {\n\tdisplay: block;\n\tmargin-bottom: 8px;\n\tfont-size: 1.25rem;\n}\n\n.dropdown > select {\n\twidth: 100%;\n\tcolor: #fff;\n\tfont-size: 1.5rem;\n\tpadding: 24px;\n\tbox-sizing: border-box;\n\tbackdrop-filter: blur(16px) saturate(200%);\n\t-webkit-backdrop-filter: blur(16px) saturate(200%);\n\tbackground-color: rgba(17, 25, 40, 0.3);\n\tborder-radius: 12px;\n\tborder: 1px solid rgba(255, 255, 255, 0.125);\n\tbox-shadow: 10px 10px 30px rgba(0, 0, 0, 0.06);\n}\n\n.dropdown > select > option {\n\tbackground-color: rgb(19, 13, 1);\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.dropdown > label {\n\t\tfont-size: 1.125rem;\n\t}\n\t.dropdown > select {\n\t\tfont-size: 1.125rem;\n\t\tpadding: 18px 12px;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.dropdown > select {\n\t\tfont-size: 0.875rem;\n\t}\n}\n",".button {\n\tbackground-color: #bc8538;\n\tborder-radius: 10px;\n\tfont-weight: 700;\n\tfont-size: 1.125rem;\n\tpadding: 26px;\n\tborder: none;\n\tcolor: #fff;\n\tcursor: pointer;\n\tmargin: 32px 0px;\n}\n\n.button:hover {\n\tbackground-color: #bc8538;\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.button {\n\t\tfont-size: 1rem;\n\t\tpadding: 18px 12px;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.button {\n\t\tfont-size: 0.875rem;\n\t}\n}\n",".player {\n\tcursor: pointer;\n\twidth: 280px;\n\tborder-radius: 4px;\n}\n\n.player > .header {\n\tborder-radius: 10px 10px 0px 0px;\n}\n.player > .header > img {\n\tz-index: 99;\n\twidth: 100px;\n\tborder-radius: 50%;\n\tposition: relative;\n\tbottom: -50px;\n}\n\n.player > .footer {\n\tbackground-color: rgba(9, 14, 22, 0.5);\n\tbackdrop-filter: blur(16px) saturate(180%);\n\t-webkit-backdrop-filter: blur(16px) saturate(180%);\n\tbox-shadow: 5px 5px 15px rgba(0, 0, 0, 0.08);\n\tborder-radius: 0px 0px 10px 10px;\n\tpadding-top: 90px;\n\tpadding-bottom: 40px;\n}\n\n.player > .footer > .name {\n\tfont-size: 1.5rem;\n\tline-height: 22px;\n\tfont-weight: bold;\n\tmargin-bottom: 32px;\n}\n\n.player > .footer > .position-icon {\n\twidth: 28px;\n\theight: 28px;\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.player {\n\t\twidth: 160px;\n\t}\n\t.player > .header > img {\n\t\twidth: 60px;\n\t}\n\t.player > .footer {\n\t\tpadding-top: 30px;\n\t\tpadding-bottom: 20px;\n\t}\n\t.player > .footer > .name {\n\t\tfont-size: 1.25rem;\n\t}\n\t.player > .footer > .position-icon {\n\t\twidth: 22px;\n\t\theight: 22px;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.player {\n\t\twidth: 100px;\n\t}\n\t.player > .header > img {\n\t\twidth: 30px;\n\t\tbottom: -20px;\n\t}\n\t.player > .footer {\n\t\tpadding-top: 12px;\n\t\tpadding-bottom: 10px;\n\t}\n\t.player > .footer > .name {\n\t\tfont-size: 1rem;\n\t\tmargin-bottom: 4px;\n\t}\n\t.player > .footer > .position {\n\t\tfont-size: 0.75rem;\n\t}\n\t.player > .footer > .position-icon {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n}\n",".rank {\n\ttext-align: center;\n\tpadding: 32px 0 64px 0;\n}\n\n.rank > .name {\n\tcolor: #ffffffce;\n\tdisplay: inline-block;\n\tfont-size: 1.75rem;\n\tborder-bottom: 4px solid;\n\tpadding-bottom: 8px;\n}\n\n.rank > .players {\n\tdisplay: flex;\n\tjustify-content: space-around;\n\tmargin-top: 32px;\n\tflex-wrap: wrap;\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.rank {\n\t\tpadding-top: 16px;\n\t}\n\t.rank > .name {\n\t\tfont-size: 1.25rem;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.rank {\n\t\tpadding-top: 8px;\n\t}\n}\n",".footer {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tcolor: #ffffffa8;\n\tfont-size: 0.75rem;\n\tbackground-color: black;\n\tpadding: 8px;\n}\n\n.footer span {\n\ttext-align: center;\n}\n\n.footer a {\n\tcolor: inherit;\n\tpadding-left: 4px;\n}\n\n.footer .github-logo {\n\tpadding: 0px 8px;\n\tmargin-top: 8px;\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.footer {\n\t\tfont-size: 0.625rem;\n\t}\n\t.footer .github-logo {\n\t\twidth: 14px;\n\t}\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.8906d9ca.css b/static/css/main.8906d9ca.css deleted file mode 100644 index 11153a5..0000000 --- a/static/css/main.8906d9ca.css +++ /dev/null @@ -1,2 +0,0 @@ -body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#010101;background-image:radial-gradient(at 47% 33%,#000 0,transparent 59%),radial-gradient(at 82% 65%,#31230d 0,transparent 55%);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}.border-effect{--borderColor:#1f1919;--b:2px;--g:8px;--_g:#0000 25%,var(--borderColor) 0;background:conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) 200% 0 /200% var(--b) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 200% /var(--b) 200% no-repeat;background:conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i,200%) 0 /200% var(--_i,var(--b)) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i,200%) /var(--_i,var(--b)) 200% no-repeat;padding:calc(var(--g) + var(--b));transition:.3s,background-position .3s .3s}.border-effect:hover{--_i:100%;transition:.3s,background-size .3s .3s}.banner{align-items:center;display:flex;justify-content:center;position:relative}.banner>.background-img{-webkit-filter:blur(3px);filter:blur(3px);width:100%}.banner>.logo{position:absolute;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;width:25%}.banner>.logo:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:768px){.banner>.logo{width:40%}}.form-container{color:#fff;display:flex;justify-content:center;margin:80px 0}.form-container>form>.form-title{font-weight:400}.form-container>form{border-radius:20px;margin:36px 64px}@media screen and (max-width:768px){.form-container{margin:12px 0}.form-container>form{margin:0 24px}.form-container>form>.form-title{font-size:1.125rem}}@media screen and (max-width:480px){.form-container>form>.form-title{font-size:1rem}}.text-field{margin:24px 0}.text-field>label{display:block;font-size:1.25rem;margin-bottom:8px}.text-field>label>.icon-help{padding:0 8px;width:12px}.text-field>label>.icon-help:hover{cursor:pointer}.text-field>label>.tooltip{background-color:#333;border:1px solid hsla(0,0%,100%,.125);border-radius:4px;border-radius:12px;font-size:.875rem;max-width:200px;padding:8px;position:absolute;white-space:pre-wrap;z-index:10}.text-field>input,.text-field>label>.tooltip{backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);background-color:rgba(17,25,40,.3);box-shadow:10px 10px 30px rgba(0,0,0,.06);box-sizing:border-box;color:#fff}.text-field>input{border:none;border:1px solid hsla(0,0%,100%,.125);border-radius:12px;font-size:1.5rem;padding:24px;width:100%}@media screen and (max-width:768px){.text-field>label{font-size:1.125rem}.text-field>label>.icon-help{padding:0 6px;width:10px}.text-field>input{font-size:1.125rem;padding:18px 12px}}@media screen and (max-width:480px){.text-field>input{font-size:.875rem}}.dropdown>label{display:block;font-size:1.25rem;margin-bottom:8px}.dropdown>select{backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);background-color:rgba(17,25,40,.3);border:1px solid hsla(0,0%,100%,.125);border-radius:12px;box-shadow:10px 10px 30px rgba(0,0,0,.06);box-sizing:border-box;color:#fff;font-size:1.5rem;padding:24px;width:100%}.dropdown>select>option{background-color:#130d01}@media screen and (max-width:768px){.dropdown>label,.dropdown>select{font-size:1.125rem}.dropdown>select{padding:18px 12px}}@media screen and (max-width:480px){.dropdown>select{font-size:.875rem}}.button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;margin:32px 0;padding:26px}.button,.button:hover{background-color:#bc8538}@media screen and (max-width:768px){.button{font-size:1rem;padding:18px 12px}}@media screen and (max-width:480px){.button{font-size:.875rem}}.player{border-radius:4px;cursor:pointer;width:280px}.player>.header{border-radius:10px 10px 0 0}.player>.header>img{border-radius:50%;bottom:-50px;position:relative;width:100px;z-index:99}.player>.footer{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(9,14,22,.5);border-radius:0 0 10px 10px;box-shadow:5px 5px 15px rgba(0,0,0,.08);padding-bottom:40px;padding-top:90px}.player>.footer>.name{font-size:1.5rem;font-weight:700;line-height:22px;margin-bottom:32px}.player>.footer>.position-icon{height:28px;width:28px}@media screen and (max-width:768px){.player{width:160px}.player>.header>img{width:60px}.player>.footer{padding-bottom:20px;padding-top:30px}.player>.footer>.name{font-size:1.25rem}.player>.footer>.position-icon{height:22px;width:22px}}@media screen and (max-width:480px){.player{width:100px}.player>.header>img{bottom:-20px;width:30px}.player>.footer{padding-bottom:10px;padding-top:12px}.player>.footer>.name{font-size:1rem;margin-bottom:4px}.player>.footer>.position{font-size:.75rem}.player>.footer>.position-icon{height:16px;width:16px}}.rank{padding:32px 0 64px;text-align:center}.rank>.name{border-bottom:4px solid;color:#ffffffce;display:inline-block;font-size:1.75rem;padding-bottom:8px}.rank>.players{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:32px}@media screen and (max-width:768px){.rank{padding-top:16px}.rank>.name{font-size:1.25rem}}@media screen and (max-width:480px){.rank{padding-top:8px}}.footer{align-items:center;background-color:#000;color:#ffffffa8;display:flex;flex-direction:column;font-size:.75rem;justify-content:center;padding:8px}.footer span{text-align:center}.footer a{color:inherit;padding-left:4px}.footer .github-logo{margin-top:8px;padding:0 8px}@media screen and (max-width:768px){.footer{font-size:.625rem}.footer .github-logo{width:14px}} -/*# sourceMappingURL=main.8906d9ca.css.map*/ \ No newline at end of file diff --git a/static/css/main.8906d9ca.css.map b/static/css/main.8906d9ca.css.map deleted file mode 100644 index 8eb2fb5..0000000 --- a/static/css/main.8906d9ca.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.8906d9ca.css","mappings":"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","sources":["index.css","components/Banner/Banner.css","components/Form/Form.css","components/TextField/TextField.css","components/Dropdown/Dropdown.css","components/Button/Button.css","components/Player/Player.css","components/Rank/Rank.css","components/Footer/Footer.css"],"sourcesContent":["body {\n\tbackground-color: #010101;\n\tbackground-image: radial-gradient(at 47% 33%, hsl(240, 0%, 0%) 0, transparent 59%),\n\t\tradial-gradient(at 82% 65%, hsl(36.67, 59%, 12%) 0, transparent 55%);\n\tmargin: 0;\n\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\",\n\t\t\"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n\tfont-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\", monospace;\n}\n\n.border-effect {\n\t--borderColor: #1F1919; /* the border default color */\n\t--b: 2px; /* the border thickness*/\n\t--g: 8px; /* the gap on hover */\n\tpadding: calc(var(--g) + var(--b));\n\t--_g: #0000 25%, var(--borderColor) 0;\n\n\tbackground: conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) var(--_i, 200%) 0 / 200%\n\t\t\tvar(--_i, var(--b)) no-repeat,\n\t\tconic-gradient(at bottom var(--b) left var(--b), var(--_g)) 0 var(--_i, 200%) / var(--_i, var(--b))\n\t\t\t200% no-repeat;\n\n\ttransition: 0.3s, background-position 0.3s 0.3s;\n}\n\n.border-effect:hover {\n\t--_i: 100%;\n\ttransition: 0.3s, background-size 0.3s 0.3s;\n}\n",".banner {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.banner > .background-img {\n\tfilter: blur(3px);\n\twidth: 100%;\n}\n\n.banner > .logo {\n\tposition: absolute;\n\twidth: 25%;\n\ttransition: transform 1s;\n}\n\n.banner > .logo:hover {\n\tcursor: pointer;\n\ttransform: scale(1.1);\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.banner > .logo {\n\t\twidth: 40%;\n\t}\n}\n",".form-container {\n\tcolor: #ffffff;\n\tdisplay: flex;\n\tjustify-content: center;\n\tmargin: 80px 0px;\n}\n\n.form-container > form > .form-title {\n\tfont-weight: 400;\n}\n\n.form-container > form {\n\tborder-radius: 20px;\n\tmargin: 36px 64px;\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.form-container {\n\t\tmargin: 12px 0px;\n\t}\n\t.form-container > form {\n\t\tmargin: 0px 24px;\n\t}\n\t.form-container > form > .form-title {\n\t\tfont-size: 1.125rem;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.form-container > form > .form-title {\n\t\tfont-size: 1rem;\n\t}\n}\n",".text-field {\n\tmargin: 24px 0px;\n}\n\n.text-field > label {\n\tdisplay: block;\n\tmargin-bottom: 8px;\n\tfont-size: 1.25rem;\n}\n\n.text-field > label > .icon-help {\n\twidth: 12px;\n\tpadding: 0px 8px;\n}\n\n.text-field > label > .icon-help:hover {\n\tcursor: pointer;\n}\n\n.text-field > label > .tooltip {\n\tposition: absolute;\n\tbackground-color: #333;\n\tcolor: #fff;\n\tpadding: 8px;\n\tborder-radius: 4px;\n\tfont-size: 0.875rem;\n\tmax-width: 200px;\n\twhite-space: pre-wrap;\n\tz-index: 10;\n\tbox-sizing: border-box;\n\tbackdrop-filter: blur(16px) saturate(200%);\n\t-webkit-backdrop-filter: blur(16px) saturate(200%);\n\tbackground-color: rgba(17, 25, 40, 0.3);\n\tborder-radius: 12px;\n\tborder: 1px solid rgba(255, 255, 255, 0.125);\n\tbox-shadow: 10px 10px 30px rgba(0, 0, 0, 0.06);\n}\n\n.text-field > input {\n\tcolor: #fff;\n\twidth: 100%;\n\tborder: none;\n\tfont-size: 1.5rem;\n\tpadding: 24px;\n\tbox-sizing: border-box;\n\tbackdrop-filter: blur(16px) saturate(200%);\n\t-webkit-backdrop-filter: blur(16px) saturate(200%);\n\tbackground-color: rgba(17, 25, 40, 0.3);\n\tborder-radius: 12px;\n\tborder: 1px solid rgba(255, 255, 255, 0.125);\n\tbox-shadow: 10px 10px 30px rgba(0, 0, 0, 0.06);\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.text-field > label {\n\t\tfont-size: 1.125rem;\n\t}\n\t.text-field > label > .icon-help {\n\t\twidth: 10px;\n\t\tpadding: 0px 6px;\n\t}\n\t.text-field > input {\n\t\tfont-size: 1.125rem;\n\t\tpadding: 18px 12px;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.text-field > input {\n\t\tfont-size: 0.875rem;\n\t}\n}\n",".dropdown > label {\n\tdisplay: block;\n\tmargin-bottom: 8px;\n\tfont-size: 1.25rem;\n}\n\n.dropdown > select {\n\twidth: 100%;\n\tcolor: #fff;\n\tfont-size: 1.5rem;\n\tpadding: 24px;\n\tbox-sizing: border-box;\n\tbackdrop-filter: blur(16px) saturate(200%);\n\t-webkit-backdrop-filter: blur(16px) saturate(200%);\n\tbackground-color: rgba(17, 25, 40, 0.3);\n\tborder-radius: 12px;\n\tborder: 1px solid rgba(255, 255, 255, 0.125);\n\tbox-shadow: 10px 10px 30px rgba(0, 0, 0, 0.06);\n}\n\n.dropdown > select > option {\n\tbackground-color: rgb(19, 13, 1);\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.dropdown > label {\n\t\tfont-size: 1.125rem;\n\t}\n\t.dropdown > select {\n\t\tfont-size: 1.125rem;\n\t\tpadding: 18px 12px;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.dropdown > select {\n\t\tfont-size: 0.875rem;\n\t}\n}\n",".button {\n\tbackground-color: #bc8538;\n\tborder-radius: 10px;\n\tfont-weight: 700;\n\tfont-size: 1.125rem;\n\tpadding: 26px;\n\tborder: none;\n\tcolor: #fff;\n\tcursor: pointer;\n\tmargin: 32px 0px;\n}\n\n.button:hover {\n\tbackground-color: #bc8538;\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.button {\n\t\tfont-size: 1rem;\n\t\tpadding: 18px 12px;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.button {\n\t\tfont-size: 0.875rem;\n\t}\n}\n",".player {\n\tcursor: pointer;\n\twidth: 280px;\n\tborder-radius: 4px;\n}\n\n.player > .header {\n\tborder-radius: 10px 10px 0px 0px;\n}\n.player > .header > img {\n\tz-index: 99;\n\twidth: 100px;\n\tborder-radius: 50%;\n\tposition: relative;\n\tbottom: -50px;\n}\n\n.player > .footer {\n\tbackground-color: rgba(9, 14, 22, 0.5);\n\tbackdrop-filter: blur(16px) saturate(180%);\n\t-webkit-backdrop-filter: blur(16px) saturate(180%);\n\tbox-shadow: 5px 5px 15px rgba(0, 0, 0, 0.08);\n\tborder-radius: 0px 0px 10px 10px;\n\tpadding-top: 90px;\n\tpadding-bottom: 40px;\n}\n\n.player > .footer > .name {\n\tfont-size: 1.5rem;\n\tline-height: 22px;\n\tfont-weight: bold;\n\tmargin-bottom: 32px;\n}\n\n.player > .footer > .position-icon {\n\twidth: 28px;\n\theight: 28px;\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.player {\n\t\twidth: 160px;\n\t}\n\t.player > .header > img {\n\t\twidth: 60px;\n\t}\n\t.player > .footer {\n\t\tpadding-top: 30px;\n\t\tpadding-bottom: 20px;\n\t}\n\t.player > .footer > .name {\n\t\tfont-size: 1.25rem;\n\t}\n\t.player > .footer > .position-icon {\n\t\twidth: 22px;\n\t\theight: 22px;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.player {\n\t\twidth: 100px;\n\t}\n\t.player > .header > img {\n\t\twidth: 30px;\n\t\tbottom: -20px;\n\t}\n\t.player > .footer {\n\t\tpadding-top: 12px;\n\t\tpadding-bottom: 10px;\n\t}\n\t.player > .footer > .name {\n\t\tfont-size: 1rem;\n\t\tmargin-bottom: 4px;\n\t}\n\t.player > .footer > .position {\n\t\tfont-size: 0.75rem;\n\t}\n\t.player > .footer > .position-icon {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n}\n",".rank {\n\ttext-align: center;\n\tpadding: 32px 0 64px 0;\n}\n\n.rank > .name {\n\tcolor: #ffffffce;\n\tdisplay: inline-block;\n\tfont-size: 1.75rem;\n\tborder-bottom: 4px solid;\n\tpadding-bottom: 8px;\n}\n\n.rank > .players {\n\tdisplay: flex;\n\tjustify-content: space-around;\n\tmargin-top: 32px;\n\tflex-wrap: wrap;\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.rank {\n\t\tpadding-top: 16px;\n\t}\n\t.rank > .name {\n\t\tfont-size: 1.25rem;\n\t}\n}\n\n@media screen and (max-width: 480px) {\n\t.rank {\n\t\tpadding-top: 8px;\n\t}\n}\n",".footer {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tcolor: #ffffffa8;\n\tfont-size: 0.75rem;\n\tbackground-color: black;\n\tpadding: 8px;\n}\n\n.footer span {\n\ttext-align: center;\n}\n\n.footer a {\n\tcolor: inherit;\n\tpadding-left: 4px;\n}\n\n.footer .github-logo {\n\tpadding: 0px 8px;\n\tmargin-top: 8px;\n}\n\n/* Media query */\n@media screen and (max-width: 768px) {\n\t.footer {\n\t\tfont-size: 0.625rem;\n\t}\n\t.footer .github-logo {\n\t\twidth: 14px;\n\t}\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file