From 334b49bed5643a27fe3de00ec39f7c22c31a3f8b Mon Sep 17 00:00:00 2001 From: RodrigoDLPontes Date: Thu, 5 Sep 2024 18:33:09 +0000 Subject: [PATCH] Updates --- asset-manifest.json | 12 ++++++------ index.html | 2 +- static/css/main.d745539a.css | 2 -- static/css/main.d745539a.css.map | 1 - static/css/main.f07360ad.css | 2 ++ static/css/main.f07360ad.css.map | 1 + static/js/main.ef7f5718.js | 3 +++ ...9.js.LICENSE.txt => main.ef7f5718.js.LICENSE.txt} | 0 static/js/main.ef7f5718.js.map | 1 + static/js/main.f86aafb9.js | 3 --- static/js/main.f86aafb9.js.map | 1 - 11 files changed, 14 insertions(+), 14 deletions(-) delete mode 100644 static/css/main.d745539a.css delete mode 100644 static/css/main.d745539a.css.map create mode 100644 static/css/main.f07360ad.css create mode 100644 static/css/main.f07360ad.css.map create mode 100644 static/js/main.ef7f5718.js rename static/js/{main.f86aafb9.js.LICENSE.txt => main.ef7f5718.js.LICENSE.txt} (100%) create mode 100644 static/js/main.ef7f5718.js.map delete mode 100644 static/js/main.f86aafb9.js delete mode 100644 static/js/main.f86aafb9.js.map diff --git a/asset-manifest.json b/asset-manifest.json index e22dd2dc..faf613e2 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,14 +1,14 @@ { "files": { - "main.css": "/static/css/main.d745539a.css", - "main.js": "/static/js/main.f86aafb9.js", + "main.css": "/static/css/main.f07360ad.css", + "main.js": "/static/js/main.ef7f5718.js", "static/media/bark.mp3": "/static/media/bark.367847c8ab1b26a64e41.mp3", "index.html": "/index.html", - "main.d745539a.css.map": "/static/css/main.d745539a.css.map", - "main.f86aafb9.js.map": "/static/js/main.f86aafb9.js.map" + "main.f07360ad.css.map": "/static/css/main.f07360ad.css.map", + "main.ef7f5718.js.map": "/static/js/main.ef7f5718.js.map" }, "entrypoints": [ - "static/css/main.d745539a.css", - "static/js/main.f86aafb9.js" + "static/css/main.f07360ad.css", + "static/js/main.ef7f5718.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 7e70580c..46344cae 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -CS 1332 Data Structures and Algorithms Visualizations
\ No newline at end of file +CS 1332 Data Structures and Algorithms Visualizations
\ No newline at end of file diff --git a/static/css/main.d745539a.css b/static/css/main.d745539a.css deleted file mode 100644 index 73f4382c..00000000 --- a/static/css/main.d745539a.css +++ /dev/null @@ -1,2 +0,0 @@ -[data-theme=light]{--background:#f2f2f2;--shadow:#000;--buttons:#012f57;--text:#f9c333;--filter:brightness(70%);--borders:#012f57;--hover-text:#f9c333}[data-theme=dark]{--background:#282828;--buttons:#282828;--text:#f2f2f2;--borders:#f2f2f2;--hover-text:#8dd3dd}*{z-index:0}#menu{float:left;margin-top:2px;width:100px}#theme{align-items:center;display:flex;justify-content:center;margin-left:20px;transition:.2s ease-out}#theme:hover{cursor:pointer}.banner-container{display:flex;justify-content:center}.banner{animation:banner-ease 2s ease-in-out forwards;background-color:#ff8080;border-radius:0 0 15px 15px;cursor:default;filter:drop-shadow(3px 3px 3px);font-size:x-large;padding:20px 40px 10px;text-align:center}@keyframes text-bubble-bounce{0%,50%,to{transform:translateY(335px) scale(.95)}50%{transform:translateY(330px) scale(1.05)}to{transform:translateY(335px) scale(1)}}#text-bubble{align-content:center;animation:text-bubble-bounce .3s ease-in-out forwards;background-color:#fff;border:2px solid #000;border-radius:10px;color:#000;min-height:60px;min-width:100%;padding:5px;text-align:center}#text-bubble:before{border:15px solid transparent;border-bottom-color:#000;content:"";left:10px;position:absolute;top:-44%}#text-bubble:after{border:14px solid transparent;border-bottom-color:#fff;content:"";left:11px;position:absolute;top:-38%}#blob-container{align-items:flex-end;cursor:grab;display:flex;height:160px;justify-content:center;margin-bottom:-90px;opacity:1;text-align:left;transition:.2s;width:160px}.blob-container-algo{bottom:20%;position:absolute;right:80px;z-index:1}#blob-container:hover{height:165px;width:165px}.blobLogo{left:30px;pointer-events:none;-webkit-pointer-events:none;position:relative;top:130px;width:100px;z-index:2}.blobLogo-animate{animation:blob-logo-bounce .3s ease-in-out forwards}@keyframes blob-logo-bounce{0%,50%,to{transform:scale(.8)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes banner-ease{0%{transform:translateY(-7vw)}to{transform:translateY(-25px)}}.rotate-effect{transition:transform 1.5s ease}.rotate-effect:hover{transform:rotate(1turn)}#title{margin:0 auto;width:100px}.gimmicks{align-items:center;display:flex;justify-content:center;margin-right:25px}body{background-color:var(--background);color:var(--primary);font:100% Cabin,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}.about{margin-left:30px}.code{background:#000}.menu{background-color:var(--background);height:100%;left:-240px;line-height:3em;opacity:0;padding:1.5em;position:fixed;top:68px;width:220px;z-index:1}.menu.show{animation-name:enter;left:-20px;opacity:.97;z-index:1}.menu.hide,.menu.show{animation-duration:.5s}.menu.hide{animation-name:exit}.menu ul{list-style-type:none}.menu a{color:var(--primary);font-size:1.4em;font-weight:700;text-decoration:none;transition:all .4s ease 0s}.menu a:hover{color:var(--hover-text)}.content{background-color:var(--background);transition:all .4s ease 0s}.content h1{color:#4277bb;font-size:3em;text-align:center}.content h3{font-weight:100;text-align:center}.about a,.four-o-four a{color:var(--primary);cursor:pointer;text-decoration:underline;transition:all .4s ease 0s}.about a:hover,.four-o-four a:hover{color:var(--hover-text)}.personal,.text{margin:0 100px 100px 200px;position:absolute}.personal a{color:#5c9ba4;text-decoration:none}.personal a:hover{color:#f9c333}.header{display:flex;flex-direction:row;height:65px;position:fixed;width:100%;z-index:1}.menu-bar{cursor:pointer;height:35px;margin-right:25px;margin-top:14px;transition:.2s ease-out;width:35px}.menu-bar:hover{transform:scale(1.15);transition:.4s ease-in}div.header h1{left:50vw;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}div.container{margin:0;width:100%}div.footer,div.header{background:var(--buttons);border-bottom:1.5px solid var(--borders);color:var(--text);text-align:center}div.footer{border-top:1.5px solid var(--borders)}.footer{padding:10px}.footer a{color:var(--text)}div.content{padding:5em 1em 1em}.contact{margin:25px 0 0 400px;position:absolute;text-align:center}.inner-flex button.button{align-items:center;background:var(--buttons);border:1.5px solid var(--borders);border-radius:15px;box-shadow:0 4px 12px var(--shadow);color:var(--text);cursor:pointer;display:flex;font-family:Cabin,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.5em;font-weight:700;justify-content:space-between;margin:15px;padding:10px;pointer-events:auto;transition:all .4s ease 0s;width:90%}.algo-name{flex-grow:1;text-align:center}.pseudocode-icon{align-items:center;display:flex;margin-bottom:-4px;margin-top:-4px}.inner-flex button.button:active,.inner-flex button.button:hover{filter:var(--filter)}.inner-flex a:focus,.inner-flex button.button:focus{outline:none}.inner-flex a::-moz-focus-inner,.inner-flex button.button::-moz-focus-inner{border:0}.outer-flex{align-items:center;display:flex;flex-direction:column;pointer-events:none}.inner-flex{display:flex;flex-wrap:wrap;width:90%}.divider{font-size:1.5em;margin:20px 5px;text-align:center;white-space:nowrap;width:100%}.divider span{background-color:#b0b3b8;border-radius:15px;box-shadow:0 8px 15px rgba(0,0,0,.5);color:#fff;padding:5px 10px}@media screen and (min-width:1280px){.content a{width:25%}}@media screen and (min-width:1020px) and (max-width:1280px){.content a{width:33.3%}}@media screen and (min-width:700px) and (max-width:1020px){.content a{width:50%}}@media screen and (max-width:700px){.content a{width:100%}}@media screen and (min-width:1000px){.header h1{font-size:32px;font-weight:500}}@media screen and (min-width:600px) and (max-width:1000px){.header h1{font-size:3vw}}@media screen and (max-width:600px){.header h1{display:none}}@keyframes enter{0%{left:-240px;opacity:0}to{left:-20px;opacity:.97}}@keyframes exit{0%{left:-20px;opacity:.97}to{left:-240px;opacity:0}}[data-theme=light]{--primary:#282828;--control:#f2f2f2;--border:#282828;--button:#f2f2f2;--header:#012f57;--filter:brightness(85%);--shadow:rgba(0,0,0,.75);--slider:#f9c333}[data-theme=dark]{--primary:#f2f2f2;--control:#282828;--border:#f2f2f2;--button:#282828;--header:#282828;--filter:brightness(185%);--shadow:hsla(0,0%,95%,.1);--slider:#d4f1f1}*{-webkit-appearance:none;-moz-appearance:none}.VisualizationMainPage #mainContent,.VisualizationMainPage body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.VisualizationMainPage #mainContent{background:#fff}.VisualizationMainPage #toggle{float:right;margin-right:24px;margin-top:8px;position:relative;transition:.2s ease-out}.VisualizationMainPage #toggle:hover{cursor:pointer}.VisualizationMainPage #algoControlSection{align-items:center;background:var(--control);border-bottom:2px solid var(--border);color:#000;display:flex;justify-content:space-between;padding:5px;transition:all .4s ease 0s}.VisualizationMainPage #toggles *{color:var(--primary);margin:0 10px}.VisualizationMainPage #AlgorithmSpecificControls{color:var(--primary);font-size:18px;padding:5px;transition:all .4s ease 0s;vertical-align:middle}.VisualizationMainPage .viewport{position:relative}.VisualizationMainPage #generalAnimationControlSection{background:var(--control);border-top:2px solid var(--border);transition:all .4s ease 0s}.VisualizationMainPage #GeneralAnimationControls{padding:2px 5px}.VisualizationMainPage #header{background:var(--header);border-bottom:1.5px solid var(--border);color:ivory;font-family:Cabin,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;padding:0 10px 0 5px;transition:all .4s ease 0s}.VisualizationMainPage #header a:visited{color:ivory;text-decoration:none}.VisualizationMainPage #header a:focus{outline:none}.VisualizationMainPage #header h1{margin:0;padding:10px 0}.VisualizationMainPage #header a:link{color:#fff;text-decoration:none}.VisualizationMainPage #container{background:#fff;margin:0 auto;text-align:left}.VisualizationMainPage #footer a:link,.VisualizationMainPage #footer a:visited{color:#fff;text-decoration:none}.VisualizationMainPage #mainContent h1,.VisualizationMainPage #mainContent h2,.VisualizationMainPage #mainContent h3{background:#fff;color:#4277bb;padding:0 20px}.VisualizationMainPage #footer{background:var(--header);border-bottom:1.5px solid var(--border);border-top:1.5px solid var(--border);color:#f7c245;padding:0 10px}.VisualizationMainPage #footer p{margin:0;padding:10px 0}em{-webkit-text-decoration:bold;text-decoration:bold}.menu-modal{color:var(--primary);cursor:pointer;height:35px;margin-right:20px;transition:.2s;width:35px}.menu-modal:hover{filter:var(--filter);scale:125%}.pseudocode-toggle{cursor:pointer;transition:.2s}.pseudocode-toggle:hover{scale:125%}.VisualizationMainPage .modal{height:90%;position:absolute;right:20px;top:10px;width:20%}.VisualizationMainPage .bigo{border-collapse:collapse;min-width:35%;position:absolute}.bigo td,.bigo th{border:1px solid gray;color:#000;min-width:50px;padding:5px}.bigo table{border-collapse:collapse;width:100%}.bigo h4{font-size:large;margin:0}.bigo .blur{filter:blur(5px);transition:filter .3s ease}.VisualizationMainPage .modal-content{background-color:var(--control);border-radius:20px;box-shadow:0 0 5px var(--shadow);max-height:100%;overflow-y:auto;padding:15px 30px;transition:all .4s ease 0s}.VisualizationMainPage .modal-content ul{list-style-type:none;padding-left:0}.VisualizationMainPage .modal-content li{line-height:1.4em;margin:0 0 15px}.VisualizationMainPage .equation{font-style:italic;margin:-5px 0 5px;text-align:center}.VisualizationMainPage .equation,.VisualizationMainPage .inline-eq{font-family:Georgia,Times New Roman,Times,serif}.VisualizationMainPage .vgroup{display:flex;flex-direction:column}.VisualizationMainPage .hgroup{align-items:center;display:flex;justify-content:space-evenly}.VisualizationMainPage .groupChild{margin:5px}.VisualizationMainPage .divisorLeft{width:15px}.VisualizationMainPage .divisorRight{border-left:2px solid var(--border);width:15px}.modal-content button{background:var(--button);border:2px solid var(--border);border-radius:6px;color:var(--primary);cursor:pointer;font-size:13px;font-weight:550;margin:6px;padding:4px 10px}.modal-content .button-container{display:flex;justify-content:right;margin-bottom:-5%;margin-top:-1%}.modal-content button:hover{filter:var(--filter)}.VisualizationMainPage input[type=button]{background:var(--button);border:2px solid var(--border);border-radius:6px;color:var(--primary);cursor:pointer;font-size:13px;font-weight:550;margin:6px;padding:8px 20px}.VisualizationMainPage input[type=button]:hover{filter:var(--filter)}.VisualizationMainPage input[type=button]::-moz-focus-inner{border:0}.VisualizationMainPage input[type=button]:focus{outline:none}.VisualizationMainPage input[type=button]:active:not([disabled]){background:linear-gradient(#ccc,#ddd)}.VisualizationMainPage input[type=text]{background:#fff;border:1px solid var(--border);border-radius:5px;font-size:14px;padding:6px}.VisualizationMainPage select{appearance:menulist-button;-moz-appearance:menulist-button;-webkit-appearance:menulist-button;background:var(--button);border:2px solid var(--border);border-radius:6px;color:var(--primary);cursor:pointer;margin:6px;padding:10px 10px 10px 8px}.txt-node{color:var(--primary)}.slider .MuiSlider-root{color:var(--slider)}.shake{animation:shake .75s cubic-bezier(.455,.03,.515,.955) both;border-color:#e32524!important;box-shadow:0 0 4px rgba(227,37,36,.7)!important;filter:brightness(100%)!important;pointer-events:none!important}input[type=radio]{appearance:radio;-moz-appearance:radio;-webkit-appearance:radio;margin-right:2px}input[type=radio]+label{color:var(--primary)}input[type=radio]:checked+label{background-color:hsla(218,5%,71%,.8);border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.4);color:#fff;font-size:17px;padding:1px 3px 1px 1px}input[type=checkbox]{appearance:checkbox;-moz-appearance:checkbox;-webkit-appearance:checkbox}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}} -/*# sourceMappingURL=main.d745539a.css.map*/ \ No newline at end of file diff --git a/static/css/main.d745539a.css.map b/static/css/main.d745539a.css.map deleted file mode 100644 index 00e9dc57..00000000 --- a/static/css/main.d745539a.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.d745539a.css","mappings":"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","sources":["css/App.css","css/AlgoScreen.css"],"sourcesContent":["[data-theme='light'] {\n\t--background: #f2f2f2;\n\t--primary: #282828;\n\t--shadow: rgba(0, 0, 0, 5);\n\t--buttons: #012f57;\n\t--text: #f9c333;\n\t--filter: brightness(70%);\n\t--borders: #012f57;\n\t--hover-text: #f9c333;\n}\n\n[data-theme='dark'] {\n\t--background: #282828;\n\t--primary: #f2f2f2;\n\t--shadow: rgba(242, 242, 242, 0.1);\n\t--buttons: #282828;\n\t--text: #f2f2f2;\n\t--filter: brightness(185%);\n\t--borders: #f2f2f2;\n\t--hover-text: #8dd3dd;\n}\n\n* {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tz-index: 0;\n}\n\n#menu {\n\tfloat: left;\n\twidth: 100px;\n\tmargin-top: 2px;\n}\n\n#theme {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-left: 20px;\n\ttransition: 0.2s ease-out;\n}\n\n#theme:hover {\n\tcursor: pointer;\n}\n\n.banner-container {\n\tjustify-content: center;\n\tdisplay: flex;\n}\n\n.banner {\n\tbackground-color: rgb(255, 128, 128);\n\tpadding: 20px 40px 10px 40px;\n\tborder-radius: 0px 0px 15px 15px;\n\tfilter: drop-shadow(3px 3px 3px);\n\tfont-size: x-large;\n\tanimation: banner-ease ease-in-out 2s forwards;\n\ttext-align: center;\n\tcursor: default;\n}\n\n@keyframes text-bubble-bounce {\n\t0%,\n\t50%,\n\t100% {\n\t\ttransform: translateY(335px) scale(0.95);\n\t}\n\t50% {\n\t\ttransform: translateY(330px) scale(1.05);\n\t}\n\t100% {\n\t\ttransform: translateY(335px) scale(1);\n\t}\n}\n\n#text-bubble {\n\ttext-align: center;\n\tanimation: text-bubble-bounce ease-in-out 0.3s forwards;\n\tbackground-color: white;\n\tcolor: black;\n\tpadding: 5px;\n\tborder-radius: 10px;\n\tborder: 2px solid black;\n\tmin-width: 100%;\n\tmin-height: 60px;\n\talign-content: center;\n}\n\n#text-bubble::before {\n\tcontent: '';\n\tposition: absolute;\n\ttop: -44%;\n\tleft: 10px;\n\tborder-width: 15px;\n\tborder-style: solid;\n\tborder-color: transparent transparent black transparent;\n}\n\n#text-bubble::after {\n\tcontent: '';\n\tposition: absolute;\n\ttop: -38%;\n\tleft: 11px;\n\tborder-width: 14px;\n\tborder-style: solid;\n\tborder-color: transparent transparent white transparent;\n}\n\n#blob-container {\n\ttext-align: left;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: flex-end;\n\tcursor: grab;\n\topacity: 1;\n\twidth: 160px;\n\theight: 160px;\n\tmargin-bottom: -90px;\n\ttransition: 0.2s;\n}\n\n.blob-container-algo {\n\tposition: absolute;\n\tbottom: 20%;\n\tright: 80px;\n\tz-index: 1;\n}\n\n#blob-container:hover {\n\twidth: 165px;\n\theight: 165px;\n}\n\n.blobLogo {\n\twidth: 100px;\n\tposition: relative;\n\ttop: 130px;\n\tleft: 30px;\n\tz-index: 2;\n\tpointer-events: none;\n\t-webkit-pointer-events: none; /* Safari */\n}\n\n.blobLogo-animate {\n\tanimation: blob-logo-bounce ease-in-out 0.3s forwards;\n}\n\n@keyframes blob-logo-bounce {\n\t0%,\n\t50%,\n\t100% {\n\t\ttransform: scale(0.8);\n\t}\n\t50% {\n\t\ttransform: scale(1.4);\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t}\n}\n\n@keyframes banner-ease {\n\tfrom {\n\t\ttransform: translateY(-7vw);\n\t}\n\tto {\n\t\ttransform: translateY(-25px);\n\t}\n}\n\n.rotate-effect {\n\ttransition: transform 1.5s ease;\n}\n\n.rotate-effect:hover {\n\ttransform: rotate(360deg);\n}\n\n#title {\n\tmargin: 0 auto;\n\twidth: 100px;\n}\n\n.gimmicks {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-right: 25px;\n}\n\nbody {\n\tfont: 100% 'Cabin', 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\n\tmargin: 0;\n\tpadding: 0;\n\tbackground-color: var(--background);\n\tcolor: var(--primary);\n}\n\n.about {\n\tmargin-left: 30px;\n}\n\n.code {\n\tbackground: #000;\n}\n\n.menu {\n\tposition: fixed;\n\ttop: 68px;\n\tleft: -240px;\n\theight: 100%;\n\twidth: 220px;\n\tbackground-color: var(--background);\n\topacity: 0;\n\tline-height: 3em;\n\tpadding: 1.5em;\n\tz-index: 1;\n}\n\n.menu.show {\n\tleft: -20px;\n\topacity: 0.97;\n\tanimation-name: enter;\n\tanimation-duration: 0.5s;\n\tz-index: 1;\n}\n\n.menu.hide {\n\tanimation-name: exit;\n\tanimation-duration: 0.5s;\n}\n\n.menu ul {\n\tlist-style-type: none;\n}\n\n.menu a {\n\tfont-size: 1.4em;\n\tfont-weight: 700;\n\ttext-decoration: none;\n\tcolor: var(--primary);\n\ttransition: all 0.4s ease 0s;\n}\n\n.menu a:hover {\n\tcolor: var(--hover-text);\n}\n\n.content {\n\tbackground-color: var(--background);\n\ttransition: all 0.4s ease 0s;\n}\n\n.content h1 {\n\tfont-size: 3em;\n\ttext-align: center;\n\tcolor: #4277bb;\n}\n\n.content h3 {\n\ttext-align: center;\n\tfont-weight: 100;\n}\n\n/* .content a {\n\tcursor: default;\n} */\n\n.about a,\n.four-o-four a {\n\ttext-decoration: underline;\n\tcolor: var(--primary);\n\tcursor: pointer;\n\ttransition: all 0.4s ease 0s;\n}\n\n.about a:hover,\n.four-o-four a:hover {\n\tcolor: var(--hover-text);\n}\n\n.text,\n.personal {\n\tmargin: 0px 100px 100px 200px;\n\tposition: absolute;\n}\n\n.personal a {\n\tcolor: #5c9ba4;\n\ttext-decoration: none;\n}\n\n.personal a:hover {\n\tcolor: #f9c333;\n}\n\n.header {\n\tposition: fixed;\n\twidth: 100%;\n\theight: 65px;\n\tz-index: 1;\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.menu-bar {\n\twidth: 35px;\n\theight: 35px;\n\tmargin-top: 14px;\n\tmargin-right: 25px;\n\tcursor: pointer;\n\ttransition: 0.2s ease-out;\n}\n\n.menu-bar:hover {\n\ttransform: scale(1.15);\n\ttransition: 0.4s ease-in;\n}\n\ndiv.header h1 {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50vw;\n\ttransform: translate(-50%, -50%);\n\tmargin: 0;\n\twhite-space: nowrap;\n}\n\ndiv.container {\n\twidth: 100%;\n\tmargin: 0px;\n}\n\ndiv.header {\n\tcolor: var(--text);\n\tbackground: var(--buttons);\n\ttext-align: center;\n\tborder-bottom: 1.5px var(--borders) solid;\n}\n\ndiv.footer {\n\tcolor: var(--text);\n\tbackground: var(--buttons);\n\ttext-align: center;\n\tborder-top: 1.5px var(--borders) solid;\n\tborder-bottom: 1.5px var(--borders) solid;\n}\n\n.footer {\n\tpadding: 10px;\n}\n\n.footer a {\n\tcolor: var(--text);\n}\n\ndiv.content {\n\tpadding: 5em 1em 1em 1em;\n}\n\n.contact {\n\ttext-align: center;\n\tmargin: 25px 0px 0px 400px;\n\tposition: absolute;\n}\n\n.inner-flex button.button {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tfont-family: 'Cabin', Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;\n\tfont-size: 1.5em;\n\tfont-weight: 700;\n\tcolor: var(--text);\n\tbackground: var(--buttons);\n\twidth: 90%;\n\tpadding: 10px;\n\tmargin: 15px;\n\tcursor: pointer;\n\tborder: 1.5px var(--borders) solid;\n\tborder-radius: 15px;\n\tbox-shadow: 0px 4px 12px var(--shadow);\n\ttransition: all 0.4s ease 0s;\n\tpointer-events: auto;\n}\n\n.algo-name {\n\tflex-grow: 1;\n\ttext-align: center;\n}\n\n.pseudocode-icon {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-top: -4px;\n\tmargin-bottom: -4px;\n}\n\n.inner-flex button.button:hover,\n.inner-flex button.button:active {\n\tfilter: var(--filter);\n}\n\n.inner-flex button.button:focus,\n.inner-flex a:focus {\n\toutline: none;\n}\n\n.inner-flex button.button::-moz-focus-inner,\n.inner-flex a::-moz-focus-inner {\n\tborder: 0;\n}\n\n.outer-flex {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tpointer-events: none;\n}\n\n.inner-flex {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\twidth: 90%;\n}\n\n.divider {\n\twidth: 100%;\n\ttext-align: center;\n\tfont-size: 1.5em;\n\tmargin: 20px 5px 20px 5px;\n\twhite-space: nowrap;\n}\n\n.divider span {\n\tbackground-color: #b0b3b8;\n\tcolor: white;\n\tborder-radius: 15px;\n\tpadding: 5px 10px 5px 10px;\n\tbox-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5);\n}\n\n@media screen and (min-width: 1280px) {\n\t.content a {\n\t\twidth: 25%;\n\t}\n}\n\n@media screen and (min-width: 1020px) and (max-width: 1280px) {\n\t.content a {\n\t\twidth: 33.3%;\n\t}\n}\n\n@media screen and (min-width: 700px) and (max-width: 1020px) {\n\t.content a {\n\t\twidth: 50%;\n\t}\n}\n\n@media screen and (max-width: 700px) {\n\t.content a {\n\t\twidth: 100%;\n\t}\n}\n\n@media screen and (min-width: 1000px) {\n\t.header h1 {\n\t\tfont-size: 32px;\n\t\tfont-weight: 500;\n\t}\n}\n\n@media screen and (min-width: 600px) and (max-width: 1000px) {\n\t.header h1 {\n\t\tfont-size: 3vw;\n\t}\n}\n\n@media screen and (max-width: 600px) {\n\t.header h1 {\n\t\tdisplay: none;\n\t}\n}\n\n@keyframes enter {\n\tfrom {\n\t\tleft: -240px;\n\t\topacity: 0;\n\t}\n\tto {\n\t\tleft: -20px;\n\t\topacity: 0.97;\n\t}\n}\n\n@keyframes exit {\n\tfrom {\n\t\tleft: -20px;\n\t\topacity: 0.97;\n\t}\n\tto {\n\t\tleft: -240px;\n\t\topacity: 0;\n\t}\n}\n","[data-theme='light'] {\n\t--primary: #282828;\n\t--control: #f2f2f2;\n\t--border: #282828;\n\t--button: #f2f2f2;\n\t--header: #012f57;\n\t--filter: brightness(85%);\n\t--shadow: rgba(0, 0, 0, 0.75);\n\t--slider: #f9c333;\n}\n\n[data-theme='dark'] {\n\t--primary: #f2f2f2;\n\t--control: #282828;\n\t--border: #f2f2f2;\n\t--button: #282828;\n\t--header: #282828;\n\t--filter: brightness(185%);\n\t--shadow: rgba(242, 242, 242, 0.1);\n\t--slider: #d4f1f1;\n}\n\n* {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n}\n\n.VisualizationMainPage body {\n\tfont-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\n}\n\n.VisualizationMainPage #mainContent {\n\t/* padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */\n\tbackground: #ffffff;\n\tfont-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\n}\n\n.VisualizationMainPage #container {\n\tbackground: #ffffff;\n\t/* margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */\n\ttext-align: left; /* this overrides the text-align: center on the body element. */\n}\n\n.VisualizationMainPage #toggle {\n\tmargin-top: 8px;\n\tmargin-right: 24px;\n\tfloat: right;\n\tposition: relative;\n\ttransition: 0.2s ease-out;\n}\n\n.VisualizationMainPage #toggle:hover {\n\tcursor: pointer;\n}\n\n.VisualizationMainPage #algoControlSection {\n\tbackground: var(--control);\n\tcolor: #000000;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tborder-bottom: var(--border) 2px solid;\n\ttransition: all 0.4s ease 0s;\n\tpadding: 5px 5px;\n}\n\n.VisualizationMainPage #toggles * {\n\tmargin: 0 10px;\n\tcolor: var(--primary);\n}\n\n.VisualizationMainPage #AlgorithmSpecificControls {\n\tcolor: var(--primary);\n\tfont-size: 18px;\n\ttransition: all 0.4s ease 0s;\n\tvertical-align: middle;\n\tpadding: 5px 5px;\n}\n\n.VisualizationMainPage .viewport {\n\tposition: relative;\n}\n\n.VisualizationMainPage #generalAnimationControlSection {\n\tbackground: var(--control);\n\tborder-top: 2px var(--border) solid;\n\ttransition: all 0.4s ease 0s;\n}\n\n.VisualizationMainPage #GeneralAnimationControls {\n\tpadding: 2px 5px;\n}\n\n.VisualizationMainPage #header {\n\tbackground: var(--header);\n\tborder-bottom: 1.5px var(--border) solid;\n\tcolor: #fffff0;\n\tpadding: 0 10px 0 5px;\n\ttransition: all 0.4s ease 0s;\n\tfont-family: 'Cabin', 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\n\tfont-weight: 400;\n}\n\n.VisualizationMainPage #header a:visited {\n\ttext-decoration: none;\n\tcolor: #fffff0;\n}\n\n.VisualizationMainPage #header a:focus {\n\toutline: none;\n}\n\n.VisualizationMainPage #header h1 {\n\tmargin: 0;\n\tpadding: 10px 0;\n}\n\n.VisualizationMainPage #header a:link {\n\ttext-decoration: none;\n\tcolor: white;\n}\n\n.VisualizationMainPage #container {\n\tbackground: #ffffff;\n\tmargin: 0 auto; /* the auto margins (in conjunction with a width) center the page */\n\ttext-align: left; /* this overrides the text-align: center on the body element. */\n}\n\n.VisualizationMainPage #footer a:visited {\n\ttext-decoration: none;\n\tcolor: white;\n}\n\n.VisualizationMainPage #footer a:link {\n\ttext-decoration: none;\n\tcolor: white;\n}\n\n.VisualizationMainPage #mainContent h1 {\n\tpadding: 0 20px;\n\tbackground: #ffffff;\n\tcolor: #4277bb;\n}\n\n.VisualizationMainPage #mainContent h2 {\n\tpadding: 0 20px;\n\tbackground: #ffffff;\n\tcolor: #4277bb;\n}\n\n.VisualizationMainPage #mainContent h3 {\n\tpadding: 0 20px;\n\tbackground: #ffffff;\n\tcolor: #4277bb;\n}\n\n.VisualizationMainPage #footer {\n\tpadding: 0 10px;\n\tbackground: var(--header);\n\tborder-top: 1.5px var(--border) solid;\n\tborder-bottom: 1.5px var(--border) solid;\n\tcolor: #f7c245;\n}\n\n.VisualizationMainPage #footer p {\n\tmargin: 0;\n\tpadding: 10px 0;\n}\n\nem {\n\ttext-decoration: bold;\n}\n\n.menu-modal {\n\twidth: 35px;\n\theight: 35px;\n\tmargin-right: 20px;\n\tcursor: pointer;\n\ttransition: 0.2s;\n\tcolor: var(--primary);\n}\n\n.menu-modal:hover {\n\tfilter: var(--filter);\n\tscale: 125%;\n}\n.pseudocode-toggle {\n\tcursor: pointer;\n\ttransition: 0.2s;\n}\n.pseudocode-toggle:hover {\n\tscale: 125%;\n}\n.VisualizationMainPage .modal {\n\tposition: absolute;\n\tright: 20px;\n\ttop: 10px;\n\twidth: 20%;\n\theight: 90%;\n}\n\n.VisualizationMainPage .bigo {\n\tborder-collapse: collapse; /* Ensures borders are not doubled */\n\tposition: absolute;\n\tmin-width: 35%;\n}\n\n.bigo th,\n.bigo td {\n\tpadding: 5px;\n\tmin-width: 50px;\n\tcolor: black;\n\tborder: 1px solid gray; /* Adds border to table cells */\n}\n\n.bigo table {\n\tborder-collapse: collapse;\n\twidth: 100%;\n}\n\n.bigo h4 {\n\tmargin: 0;\n\tfont-size: large;\n}\n\n.bigo .blur {\n\tfilter: blur(5px);\n\ttransition: filter 0.3s ease; /* Smooth transition */\n}\n\n.VisualizationMainPage .modal-content {\n\tmax-height: 100%;\n\toverflow-y: auto; /* Adds a vertical scrollbar when content exceeds max height */\n\tpadding: 15px 30px 15px 30px;\n\tborder-radius: 20px;\n\tbackground-color: var(--control);\n\ttransition: all 0.4s ease 0s;\n\tbox-shadow: 0px 0px 5px var(--shadow);\n}\n\n.VisualizationMainPage .modal-content ul {\n\tlist-style-type: none; /* Makes bullet points invisible */\n\tpadding-left: 0; /* Removes default padding */\n}\n\n.VisualizationMainPage .modal-content li {\n\tline-height: 1.4em;\n\tmargin: 0px 0px 15px 0px;\n}\n\n.VisualizationMainPage .equation {\n\tfont-family: Georgia, 'Times New Roman', Times, serif;\n\tfont-style: italic;\n\ttext-align: center;\n\tmargin: -5px 0px 5px 0px;\n}\n\n.VisualizationMainPage .inline-eq {\n\tfont-family: Georgia, 'Times New Roman', Times, serif;\n}\n\n.VisualizationMainPage .vgroup {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.VisualizationMainPage .hgroup {\n\tdisplay: flex;\n\tjustify-content: space-evenly;\n\talign-items: center;\n}\n\n.VisualizationMainPage .groupChild {\n\tmargin: 5px 5px 5px 5px;\n}\n\n.VisualizationMainPage .divisorLeft {\n\twidth: 15px;\n}\n\n.VisualizationMainPage .divisorRight {\n\tborder-left: 2px var(--border) solid;\n\twidth: 15px;\n}\n\n.modal-content button {\n\tbackground: var(--button);\n\tborder: var(--border) 2px solid;\n\tborder-radius: 6px;\n\tpadding: 4px 10px;\n\tcolor: var(--primary);\n\tmargin: 6px;\n\tcursor: pointer;\n\tfont-size: 13px;\n\tfont-weight: 550;\n}\n\n.modal-content .button-container {\n\tdisplay: flex;\n\tjustify-content: right;\n\tmargin-top: -1%;\n\tmargin-bottom: -5%;\n}\n\n.modal-content button:hover {\n\tfilter: var(--filter);\n}\n\n.VisualizationMainPage input[type='button'] {\n\tbackground: var(--button);\n\tborder: var(--border) 2px solid;\n\tborder-radius: 6px;\n\tpadding: 8px 20px;\n\tcolor: var(--primary);\n\tmargin: 6px;\n\tcursor: pointer;\n\tfont-size: 13px;\n\tfont-weight: 550;\n}\n\n.VisualizationMainPage input[type='button']:hover {\n\tfilter: var(--filter);\n}\n\n.VisualizationMainPage input[type='button']::-moz-focus-inner {\n\tborder: 0;\n}\n\n.VisualizationMainPage input[type='button']:focus {\n\toutline: none;\n}\n\n.VisualizationMainPage input[type='button']:active:not([disabled]) {\n\tbackground: linear-gradient(#ccc, #ddd);\n}\n\n.VisualizationMainPage input[type='text'] {\n\tbackground: white;\n\tborder: var(--border) 1px solid;\n\tborder-radius: 5px;\n\tpadding: 6px;\n\tfont-size: 14px;\n}\n\n.VisualizationMainPage select {\n\tappearance: menulist-button;\n\t-moz-appearance: menulist-button;\n\t-webkit-appearance: menulist-button;\n\tbackground: var(--button);\n\tborder: var(--border) 2px solid;\n\tborder-radius: 6px;\n\tpadding: 10px 10px 10px 8px;\n\tcolor: var(--primary);\n\tmargin: 6px;\n\tcursor: pointer;\n}\n\n.txt-node {\n\tcolor: var(--primary);\n}\n\n.slider .MuiSlider-root {\n\tcolor: var(--slider);\n}\n\n.shake {\n\tanimation: shake 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;\n\tborder-color: #e32524 !important;\n\tbox-shadow: 0 0 4px rgba(227, 37, 36, 0.7) !important;\n\tfilter: brightness(100%) !important;\n\tpointer-events: none !important;\n}\n\ninput[type='radio'] {\n\tappearance: radio;\n\t-moz-appearance: radio;\n\t-webkit-appearance: radio;\n\tmargin-right: 2px;\n}\n\ninput[type='radio'] + label {\n\tcolor: var(--primary);\n}\n\ninput[type='radio']:checked + label {\n\tpadding: 1px 3px 1px 1px;\n\tbackground-color: rgba(176, 179, 184, 0.8);\n\tbox-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);\n\tborder-radius: 5px;\n\tcolor: #ffffff;\n\tfont-size: 17px;\n}\n\ninput[type='checkbox'] {\n\tappearance: checkbox;\n\t-moz-appearance: checkbox;\n\t-webkit-appearance: checkbox;\n}\n\n@keyframes shake {\n\t10%,\n\t90% {\n\t\ttransform: translate3d(-1px, 0, 0);\n\t}\n\t20%,\n\t80% {\n\t\ttransform: translate3d(2px, 0, 0);\n\t}\n\t30%,\n\t50%,\n\t70% {\n\t\ttransform: translate3d(-4px, 0, 0);\n\t}\n\t40%,\n\t60% {\n\t\ttransform: translate3d(4px, 0, 0);\n\t}\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.f07360ad.css b/static/css/main.f07360ad.css new file mode 100644 index 00000000..be74c486 --- /dev/null +++ b/static/css/main.f07360ad.css @@ -0,0 +1,2 @@ +[data-theme=light]{--background:#f2f2f2;--shadow:#000;--buttons:#012f57;--text:#f9c333;--filter:brightness(70%);--borders:#012f57;--hover-text:#f9c333}[data-theme=dark]{--background:#282828;--buttons:#282828;--text:#f2f2f2;--borders:#f2f2f2;--hover-text:#8dd3dd}*{z-index:0}#menu{float:left;margin-top:2px;width:100px}#theme{align-items:center;display:flex;justify-content:center;margin-left:20px;transition:.2s ease-out}#theme:hover{cursor:pointer}.banner-container{display:flex;justify-content:center}.banner{animation:banner-ease 2s ease-in-out forwards;background-color:#ff8080;border-radius:0 0 15px 15px;cursor:default;filter:drop-shadow(3px 3px 3px);font-size:x-large;padding:20px 40px 10px;text-align:center}@keyframes text-bubble-bounce{0%,50%,to{transform:translateY(335px) scale(.95)}50%{transform:translateY(330px) scale(1.05)}to{transform:translateY(335px) scale(1)}}#text-bubble{align-content:center;animation:text-bubble-bounce .3s ease-in-out forwards;background-color:#fff;border:2px solid #000;border-radius:10px;color:#000;min-height:60px;min-width:100%;padding:5px;text-align:center}#text-bubble:before{border:15px solid transparent;border-bottom-color:#000;content:"";left:10px;position:absolute;top:-44%}#text-bubble:after{border:14px solid transparent;border-bottom-color:#fff;content:"";left:11px;position:absolute;top:-38%}#blob-container{align-items:flex-end;cursor:grab;display:flex;height:160px;justify-content:center;margin-bottom:-90px;opacity:1;text-align:left;transition:.2s;width:160px}.blob-container-algo{bottom:20%;position:absolute;right:80px;z-index:1}#blob-container:hover{height:165px;width:165px}.blobLogo{left:30px;pointer-events:none;-webkit-pointer-events:none;position:relative;top:130px;width:100px;z-index:2}.blobLogo-animate{animation:blob-logo-bounce .3s ease-in-out forwards}@keyframes blob-logo-bounce{0%,50%,to{transform:scale(.8)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes banner-ease{0%{transform:translateY(-7vw)}to{transform:translateY(-25px)}}.rotate-effect{transition:transform 1.5s ease}.rotate-effect:hover{transform:rotate(1turn)}#title{margin:0 auto;width:100px}.gimmicks{align-items:center;display:flex;justify-content:center;margin-right:25px}body{background-color:var(--background);color:var(--primary);font:100% Cabin,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}.about{margin-left:30px}.code{background:#000}.menu{background-color:var(--background);height:100%;left:-240px;line-height:3em;opacity:0;padding:1.5em;position:fixed;top:68px;width:220px;z-index:1}.menu.show{animation-name:enter;left:-20px;opacity:.97;z-index:1}.menu.hide,.menu.show{animation-duration:.5s}.menu.hide{animation-name:exit}.menu ul{list-style-type:none}.menu a{color:var(--primary);font-size:1.4em;font-weight:700;text-decoration:none;transition:all .4s ease 0s}.menu a:hover{color:var(--hover-text)}.content{background-color:var(--background);transition:all .4s ease 0s}.content h1{color:#4277bb;font-size:3em;text-align:center}.content h3{font-weight:100;text-align:center}.about a,.four-o-four a{color:var(--primary);cursor:pointer;text-decoration:underline;transition:all .4s ease 0s}.about a:hover,.four-o-four a:hover{color:var(--hover-text)}.personal,.text{margin:0 100px 100px 200px;position:absolute}.personal a{color:#5c9ba4;text-decoration:none}.personal a:hover{color:#f9c333}.header{display:flex;flex-direction:row;height:65px;position:fixed;width:100%;z-index:1}.menu-bar{cursor:pointer;height:35px;margin-right:25px;margin-top:14px;transition:.2s ease-out;width:35px}.menu-bar:hover{transform:scale(1.15);transition:.4s ease-in}div.header h1{left:50vw;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}div.container{margin:0;width:100%}div.footer,div.header{background:var(--buttons);border-bottom:1.5px solid var(--borders);color:var(--text);text-align:center}div.footer{border-top:1.5px solid var(--borders)}.footer{padding:10px}.footer a{color:var(--text)}div.content{padding:5em 1em 1em}.contact{margin:25px 0 0 400px;position:absolute;text-align:center}.inner-flex button.button{align-items:center;background:var(--buttons);border:1.5px solid var(--borders);border-radius:15px;box-shadow:0 4px 12px var(--shadow);color:var(--text);cursor:pointer;display:flex;font-family:Cabin,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.5em;font-weight:700;justify-content:space-between;margin:15px;padding:10px;pointer-events:auto;transition:all .4s ease 0s;width:90%}.algo-name{flex-grow:1;text-align:center}.pseudocode-icon{align-items:center;display:flex;margin-bottom:-4px;margin-top:-4px}.inner-flex button.button:active,.inner-flex button.button:hover{filter:var(--filter)}.inner-flex a:focus,.inner-flex button.button:focus{outline:none}.inner-flex a::-moz-focus-inner,.inner-flex button.button::-moz-focus-inner{border:0}.outer-flex{align-items:center;display:flex;flex-direction:column;pointer-events:none}.inner-flex{display:flex;flex-wrap:wrap;width:90%}.divider{font-size:1.5em;margin:20px 5px;text-align:center;white-space:nowrap;width:100%}.divider span{background-color:#b0b3b8;border-radius:15px;box-shadow:0 8px 15px rgba(0,0,0,.5);color:#fff;padding:5px 10px}.dsa-filter{border-radius:15px;margin:0 auto;padding:.8rem 1rem;width:20rem}.dsa-filter,.no-results{display:block;font-size:large}.no-results{margin:1rem auto}@media screen and (min-width:1280px){.content a{width:25%}}@media screen and (min-width:1020px) and (max-width:1280px){.content a{width:33.3%}}@media screen and (min-width:700px) and (max-width:1020px){.content a{width:50%}}@media screen and (max-width:700px){.content a{width:100%}}@media screen and (min-width:1000px){.header h1{font-size:32px;font-weight:500}}@media screen and (min-width:600px) and (max-width:1000px){.header h1{font-size:3vw}}@media screen and (max-width:600px){.header h1{display:none}}@keyframes enter{0%{left:-240px;opacity:0}to{left:-20px;opacity:.97}}@keyframes exit{0%{left:-20px;opacity:.97}to{left:-240px;opacity:0}}[data-theme=light]{--primary:#282828;--control:#f2f2f2;--border:#282828;--button:#f2f2f2;--header:#012f57;--filter:brightness(85%);--shadow:rgba(0,0,0,.75);--slider:#f9c333}[data-theme=dark]{--primary:#f2f2f2;--control:#282828;--border:#f2f2f2;--button:#282828;--header:#282828;--filter:brightness(185%);--shadow:hsla(0,0%,95%,.1);--slider:#d4f1f1}*{-webkit-appearance:none;-moz-appearance:none}.VisualizationMainPage #mainContent,.VisualizationMainPage body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.VisualizationMainPage #mainContent{background:#fff}.VisualizationMainPage #toggle{float:right;margin-right:24px;margin-top:8px;position:relative;transition:.2s ease-out}.VisualizationMainPage #toggle:hover{cursor:pointer}.VisualizationMainPage #algoControlSection{align-items:center;background:var(--control);border-bottom:2px solid var(--border);color:#000;display:flex;justify-content:space-between;padding:5px;transition:all .4s ease 0s}.VisualizationMainPage #toggles *{color:var(--primary);margin:0 10px}.VisualizationMainPage #AlgorithmSpecificControls{color:var(--primary);font-size:18px;padding:5px;transition:all .4s ease 0s;vertical-align:middle}.VisualizationMainPage .viewport{position:relative}.VisualizationMainPage #generalAnimationControlSection{background:var(--control);border-top:2px solid var(--border);transition:all .4s ease 0s}.VisualizationMainPage #GeneralAnimationControls{padding:2px 5px}.VisualizationMainPage #header{background:var(--header);border-bottom:1.5px solid var(--border);color:ivory;font-family:Cabin,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;padding:0 10px 0 5px;transition:all .4s ease 0s}.VisualizationMainPage #header a:visited{color:ivory;text-decoration:none}.VisualizationMainPage #header a:focus{outline:none}.VisualizationMainPage #header h1{margin:0;padding:10px 0}.VisualizationMainPage #header a:link{color:#fff;text-decoration:none}.VisualizationMainPage #container{background:#fff;margin:0 auto;text-align:left}.VisualizationMainPage #footer a:link,.VisualizationMainPage #footer a:visited{color:#fff;text-decoration:none}.VisualizationMainPage #mainContent h1,.VisualizationMainPage #mainContent h2,.VisualizationMainPage #mainContent h3{background:#fff;color:#4277bb;padding:0 20px}.VisualizationMainPage #footer{background:var(--header);border-bottom:1.5px solid var(--border);border-top:1.5px solid var(--border);color:#f7c245;padding:0 10px}.VisualizationMainPage #footer p{margin:0;padding:10px 0}em{-webkit-text-decoration:bold;text-decoration:bold}.menu-modal{color:var(--primary);cursor:pointer;height:35px;margin-right:20px;transition:.2s;width:35px}.menu-modal:hover{filter:var(--filter);scale:125%}.pseudocode-toggle{cursor:pointer;transition:.2s}.pseudocode-toggle:hover{scale:125%}.VisualizationMainPage .modal{height:90%;position:absolute;right:20px;top:10px;width:20%}.VisualizationMainPage .bigo{border-collapse:collapse;min-width:35%;position:absolute}.bigo td,.bigo th{border:1px solid gray;color:#000;min-width:50px;padding:5px}.bigo table{border-collapse:collapse;width:100%}.bigo h4{font-size:large;margin:0}.bigo .blur{filter:blur(5px);transition:filter .3s ease}.VisualizationMainPage .modal-content{background-color:var(--control);border-radius:20px;box-shadow:0 0 5px var(--shadow);max-height:100%;overflow-y:auto;padding:15px 30px;transition:all .4s ease 0s}.VisualizationMainPage .modal-content ul{list-style-type:none;padding-left:0}.VisualizationMainPage .modal-content li{line-height:1.4em;margin:0 0 15px}.VisualizationMainPage .equation{font-style:italic;margin:-5px 0 5px;text-align:center}.VisualizationMainPage .equation,.VisualizationMainPage .inline-eq{font-family:Georgia,Times New Roman,Times,serif}.VisualizationMainPage .vgroup{display:flex;flex-direction:column}.VisualizationMainPage .hgroup{align-items:center;display:flex;justify-content:space-evenly}.VisualizationMainPage .groupChild{margin:5px}.VisualizationMainPage .divisorLeft{width:15px}.VisualizationMainPage .divisorRight{border-left:2px solid var(--border);width:15px}.modal-content button{background:var(--button);border:2px solid var(--border);border-radius:6px;color:var(--primary);cursor:pointer;font-size:13px;font-weight:550;margin:6px;padding:4px 10px}.modal-content .button-container{display:flex;justify-content:right;margin-bottom:-5%;margin-top:-1%}.modal-content button:hover{filter:var(--filter)}.VisualizationMainPage input[type=button]{background:var(--button);border:2px solid var(--border);border-radius:6px;color:var(--primary);cursor:pointer;font-size:13px;font-weight:550;margin:6px;padding:8px 20px}.VisualizationMainPage input[type=button]:hover{filter:var(--filter)}.VisualizationMainPage input[type=button]::-moz-focus-inner{border:0}.VisualizationMainPage input[type=button]:focus{outline:none}.VisualizationMainPage input[type=button]:active:not([disabled]){background:linear-gradient(#ccc,#ddd)}.VisualizationMainPage input[type=text]{background:#fff;border:1px solid var(--border);border-radius:5px;font-size:14px;padding:6px}.VisualizationMainPage select{appearance:menulist-button;-moz-appearance:menulist-button;-webkit-appearance:menulist-button;background:var(--button);border:2px solid var(--border);border-radius:6px;color:var(--primary);cursor:pointer;margin:6px;padding:10px 10px 10px 8px}.txt-node{color:var(--primary)}.slider .MuiSlider-root{color:var(--slider)}.shake{animation:shake .75s cubic-bezier(.455,.03,.515,.955) both;border-color:#e32524!important;box-shadow:0 0 4px rgba(227,37,36,.7)!important;filter:brightness(100%)!important;pointer-events:none!important}input[type=radio]{appearance:radio;-moz-appearance:radio;-webkit-appearance:radio;margin-right:2px}input[type=radio]+label{color:var(--primary)}input[type=radio]:checked+label{background-color:hsla(218,5%,71%,.8);border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.4);color:#fff;font-size:17px;padding:1px 3px 1px 1px}input[type=checkbox]{appearance:checkbox;-moz-appearance:checkbox;-webkit-appearance:checkbox}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}} +/*# sourceMappingURL=main.f07360ad.css.map*/ \ No newline at end of file diff --git a/static/css/main.f07360ad.css.map b/static/css/main.f07360ad.css.map new file mode 100644 index 00000000..377a150d --- /dev/null +++ b/static/css/main.f07360ad.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.f07360ad.css","mappings":"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","sources":["css/App.css","css/AlgoScreen.css"],"sourcesContent":["[data-theme='light'] {\n\t--background: #f2f2f2;\n\t--primary: #282828;\n\t--shadow: rgba(0, 0, 0, 5);\n\t--buttons: #012f57;\n\t--text: #f9c333;\n\t--filter: brightness(70%);\n\t--borders: #012f57;\n\t--hover-text: #f9c333;\n}\n\n[data-theme='dark'] {\n\t--background: #282828;\n\t--primary: #f2f2f2;\n\t--shadow: rgba(242, 242, 242, 0.1);\n\t--buttons: #282828;\n\t--text: #f2f2f2;\n\t--filter: brightness(185%);\n\t--borders: #f2f2f2;\n\t--hover-text: #8dd3dd;\n}\n\n* {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tz-index: 0;\n}\n\n#menu {\n\tfloat: left;\n\twidth: 100px;\n\tmargin-top: 2px;\n}\n\n#theme {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-left: 20px;\n\ttransition: 0.2s ease-out;\n}\n\n#theme:hover {\n\tcursor: pointer;\n}\n\n.banner-container {\n\tjustify-content: center;\n\tdisplay: flex;\n}\n\n.banner {\n\tbackground-color: rgb(255, 128, 128);\n\tpadding: 20px 40px 10px 40px;\n\tborder-radius: 0px 0px 15px 15px;\n\tfilter: drop-shadow(3px 3px 3px);\n\tfont-size: x-large;\n\tanimation: banner-ease ease-in-out 2s forwards;\n\ttext-align: center;\n\tcursor: default;\n}\n\n@keyframes text-bubble-bounce {\n\t0%,\n\t50%,\n\t100% {\n\t\ttransform: translateY(335px) scale(0.95);\n\t}\n\t50% {\n\t\ttransform: translateY(330px) scale(1.05);\n\t}\n\t100% {\n\t\ttransform: translateY(335px) scale(1);\n\t}\n}\n\n#text-bubble {\n\ttext-align: center;\n\tanimation: text-bubble-bounce ease-in-out 0.3s forwards;\n\tbackground-color: white;\n\tcolor: black;\n\tpadding: 5px;\n\tborder-radius: 10px;\n\tborder: 2px solid black;\n\tmin-width: 100%;\n\tmin-height: 60px;\n\talign-content: center;\n}\n\n#text-bubble::before {\n\tcontent: '';\n\tposition: absolute;\n\ttop: -44%;\n\tleft: 10px;\n\tborder-width: 15px;\n\tborder-style: solid;\n\tborder-color: transparent transparent black transparent;\n}\n\n#text-bubble::after {\n\tcontent: '';\n\tposition: absolute;\n\ttop: -38%;\n\tleft: 11px;\n\tborder-width: 14px;\n\tborder-style: solid;\n\tborder-color: transparent transparent white transparent;\n}\n\n#blob-container {\n\ttext-align: left;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: flex-end;\n\tcursor: grab;\n\topacity: 1;\n\twidth: 160px;\n\theight: 160px;\n\tmargin-bottom: -90px;\n\ttransition: 0.2s;\n}\n\n.blob-container-algo {\n\tposition: absolute;\n\tbottom: 20%;\n\tright: 80px;\n\tz-index: 1;\n}\n\n#blob-container:hover {\n\twidth: 165px;\n\theight: 165px;\n}\n\n.blobLogo {\n\twidth: 100px;\n\tposition: relative;\n\ttop: 130px;\n\tleft: 30px;\n\tz-index: 2;\n\tpointer-events: none;\n\t-webkit-pointer-events: none; /* Safari */\n}\n\n.blobLogo-animate {\n\tanimation: blob-logo-bounce ease-in-out 0.3s forwards;\n}\n\n@keyframes blob-logo-bounce {\n\t0%,\n\t50%,\n\t100% {\n\t\ttransform: scale(0.8);\n\t}\n\t50% {\n\t\ttransform: scale(1.4);\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t}\n}\n\n@keyframes banner-ease {\n\tfrom {\n\t\ttransform: translateY(-7vw);\n\t}\n\tto {\n\t\ttransform: translateY(-25px);\n\t}\n}\n\n.rotate-effect {\n\ttransition: transform 1.5s ease;\n}\n\n.rotate-effect:hover {\n\ttransform: rotate(360deg);\n}\n\n#title {\n\tmargin: 0 auto;\n\twidth: 100px;\n}\n\n.gimmicks {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-right: 25px;\n}\n\nbody {\n\tfont: 100% 'Cabin', 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\n\tmargin: 0;\n\tpadding: 0;\n\tbackground-color: var(--background);\n\tcolor: var(--primary);\n}\n\n.about {\n\tmargin-left: 30px;\n}\n\n.code {\n\tbackground: #000;\n}\n\n.menu {\n\tposition: fixed;\n\ttop: 68px;\n\tleft: -240px;\n\theight: 100%;\n\twidth: 220px;\n\tbackground-color: var(--background);\n\topacity: 0;\n\tline-height: 3em;\n\tpadding: 1.5em;\n\tz-index: 1;\n}\n\n.menu.show {\n\tleft: -20px;\n\topacity: 0.97;\n\tanimation-name: enter;\n\tanimation-duration: 0.5s;\n\tz-index: 1;\n}\n\n.menu.hide {\n\tanimation-name: exit;\n\tanimation-duration: 0.5s;\n}\n\n.menu ul {\n\tlist-style-type: none;\n}\n\n.menu a {\n\tfont-size: 1.4em;\n\tfont-weight: 700;\n\ttext-decoration: none;\n\tcolor: var(--primary);\n\ttransition: all 0.4s ease 0s;\n}\n\n.menu a:hover {\n\tcolor: var(--hover-text);\n}\n\n.content {\n\tbackground-color: var(--background);\n\ttransition: all 0.4s ease 0s;\n}\n\n.content h1 {\n\tfont-size: 3em;\n\ttext-align: center;\n\tcolor: #4277bb;\n}\n\n.content h3 {\n\ttext-align: center;\n\tfont-weight: 100;\n}\n\n/* .content a {\n\tcursor: default;\n} */\n\n.about a,\n.four-o-four a {\n\ttext-decoration: underline;\n\tcolor: var(--primary);\n\tcursor: pointer;\n\ttransition: all 0.4s ease 0s;\n}\n\n.about a:hover,\n.four-o-four a:hover {\n\tcolor: var(--hover-text);\n}\n\n.text,\n.personal {\n\tmargin: 0px 100px 100px 200px;\n\tposition: absolute;\n}\n\n.personal a {\n\tcolor: #5c9ba4;\n\ttext-decoration: none;\n}\n\n.personal a:hover {\n\tcolor: #f9c333;\n}\n\n.header {\n\tposition: fixed;\n\twidth: 100%;\n\theight: 65px;\n\tz-index: 1;\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.menu-bar {\n\twidth: 35px;\n\theight: 35px;\n\tmargin-top: 14px;\n\tmargin-right: 25px;\n\tcursor: pointer;\n\ttransition: 0.2s ease-out;\n}\n\n.menu-bar:hover {\n\ttransform: scale(1.15);\n\ttransition: 0.4s ease-in;\n}\n\ndiv.header h1 {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50vw;\n\ttransform: translate(-50%, -50%);\n\tmargin: 0;\n\twhite-space: nowrap;\n}\n\ndiv.container {\n\twidth: 100%;\n\tmargin: 0px;\n}\n\ndiv.header {\n\tcolor: var(--text);\n\tbackground: var(--buttons);\n\ttext-align: center;\n\tborder-bottom: 1.5px var(--borders) solid;\n}\n\ndiv.footer {\n\tcolor: var(--text);\n\tbackground: var(--buttons);\n\ttext-align: center;\n\tborder-top: 1.5px var(--borders) solid;\n\tborder-bottom: 1.5px var(--borders) solid;\n}\n\n.footer {\n\tpadding: 10px;\n}\n\n.footer a {\n\tcolor: var(--text);\n}\n\ndiv.content {\n\tpadding: 5em 1em 1em 1em;\n}\n\n.contact {\n\ttext-align: center;\n\tmargin: 25px 0px 0px 400px;\n\tposition: absolute;\n}\n\n.inner-flex button.button {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tfont-family: 'Cabin', Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;\n\tfont-size: 1.5em;\n\tfont-weight: 700;\n\tcolor: var(--text);\n\tbackground: var(--buttons);\n\twidth: 90%;\n\tpadding: 10px;\n\tmargin: 15px;\n\tcursor: pointer;\n\tborder: 1.5px var(--borders) solid;\n\tborder-radius: 15px;\n\tbox-shadow: 0px 4px 12px var(--shadow);\n\ttransition: all 0.4s ease 0s;\n\tpointer-events: auto;\n}\n\n.algo-name {\n\tflex-grow: 1;\n\ttext-align: center;\n}\n\n.pseudocode-icon {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-top: -4px;\n\tmargin-bottom: -4px;\n}\n\n.inner-flex button.button:hover,\n.inner-flex button.button:active {\n\tfilter: var(--filter);\n}\n\n.inner-flex button.button:focus,\n.inner-flex a:focus {\n\toutline: none;\n}\n\n.inner-flex button.button::-moz-focus-inner,\n.inner-flex a::-moz-focus-inner {\n\tborder: 0;\n}\n\n.outer-flex {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tpointer-events: none;\n}\n\n.inner-flex {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\twidth: 90%;\n}\n\n.divider {\n\twidth: 100%;\n\ttext-align: center;\n\tfont-size: 1.5em;\n\tmargin: 20px 5px 20px 5px;\n\twhite-space: nowrap;\n}\n\n.divider span {\n\tbackground-color: #b0b3b8;\n\tcolor: white;\n\tborder-radius: 15px;\n\tpadding: 5px 10px 5px 10px;\n\tbox-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5);\n}\n\n.dsa-filter {\n\twidth: 20rem;\n\tdisplay: block;\n\tmargin: 0 auto;\n\tfont-size: large;\n\tpadding: 0.8rem 1rem;\n\tborder-radius: 15px;\n}\n\n.no-results {\n\tdisplay: block;\n\tmargin: 1rem auto;\n\tfont-size: large;\n}\n\n@media screen and (min-width: 1280px) {\n\t.content a {\n\t\twidth: 25%;\n\t}\n}\n\n@media screen and (min-width: 1020px) and (max-width: 1280px) {\n\t.content a {\n\t\twidth: 33.3%;\n\t}\n}\n\n@media screen and (min-width: 700px) and (max-width: 1020px) {\n\t.content a {\n\t\twidth: 50%;\n\t}\n}\n\n@media screen and (max-width: 700px) {\n\t.content a {\n\t\twidth: 100%;\n\t}\n}\n\n@media screen and (min-width: 1000px) {\n\t.header h1 {\n\t\tfont-size: 32px;\n\t\tfont-weight: 500;\n\t}\n}\n\n@media screen and (min-width: 600px) and (max-width: 1000px) {\n\t.header h1 {\n\t\tfont-size: 3vw;\n\t}\n}\n\n@media screen and (max-width: 600px) {\n\t.header h1 {\n\t\tdisplay: none;\n\t}\n}\n\n@keyframes enter {\n\tfrom {\n\t\tleft: -240px;\n\t\topacity: 0;\n\t}\n\tto {\n\t\tleft: -20px;\n\t\topacity: 0.97;\n\t}\n}\n\n@keyframes exit {\n\tfrom {\n\t\tleft: -20px;\n\t\topacity: 0.97;\n\t}\n\tto {\n\t\tleft: -240px;\n\t\topacity: 0;\n\t}\n}\n","[data-theme='light'] {\n\t--primary: #282828;\n\t--control: #f2f2f2;\n\t--border: #282828;\n\t--button: #f2f2f2;\n\t--header: #012f57;\n\t--filter: brightness(85%);\n\t--shadow: rgba(0, 0, 0, 0.75);\n\t--slider: #f9c333;\n}\n\n[data-theme='dark'] {\n\t--primary: #f2f2f2;\n\t--control: #282828;\n\t--border: #f2f2f2;\n\t--button: #282828;\n\t--header: #282828;\n\t--filter: brightness(185%);\n\t--shadow: rgba(242, 242, 242, 0.1);\n\t--slider: #d4f1f1;\n}\n\n* {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n}\n\n.VisualizationMainPage body {\n\tfont-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\n}\n\n.VisualizationMainPage #mainContent {\n\t/* padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */\n\tbackground: #ffffff;\n\tfont-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\n}\n\n.VisualizationMainPage #container {\n\tbackground: #ffffff;\n\t/* margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */\n\ttext-align: left; /* this overrides the text-align: center on the body element. */\n}\n\n.VisualizationMainPage #toggle {\n\tmargin-top: 8px;\n\tmargin-right: 24px;\n\tfloat: right;\n\tposition: relative;\n\ttransition: 0.2s ease-out;\n}\n\n.VisualizationMainPage #toggle:hover {\n\tcursor: pointer;\n}\n\n.VisualizationMainPage #algoControlSection {\n\tbackground: var(--control);\n\tcolor: #000000;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tborder-bottom: var(--border) 2px solid;\n\ttransition: all 0.4s ease 0s;\n\tpadding: 5px 5px;\n}\n\n.VisualizationMainPage #toggles * {\n\tmargin: 0 10px;\n\tcolor: var(--primary);\n}\n\n.VisualizationMainPage #AlgorithmSpecificControls {\n\tcolor: var(--primary);\n\tfont-size: 18px;\n\ttransition: all 0.4s ease 0s;\n\tvertical-align: middle;\n\tpadding: 5px 5px;\n}\n\n.VisualizationMainPage .viewport {\n\tposition: relative;\n}\n\n.VisualizationMainPage #generalAnimationControlSection {\n\tbackground: var(--control);\n\tborder-top: 2px var(--border) solid;\n\ttransition: all 0.4s ease 0s;\n}\n\n.VisualizationMainPage #GeneralAnimationControls {\n\tpadding: 2px 5px;\n}\n\n.VisualizationMainPage #header {\n\tbackground: var(--header);\n\tborder-bottom: 1.5px var(--border) solid;\n\tcolor: #fffff0;\n\tpadding: 0 10px 0 5px;\n\ttransition: all 0.4s ease 0s;\n\tfont-family: 'Cabin', 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\n\tfont-weight: 400;\n}\n\n.VisualizationMainPage #header a:visited {\n\ttext-decoration: none;\n\tcolor: #fffff0;\n}\n\n.VisualizationMainPage #header a:focus {\n\toutline: none;\n}\n\n.VisualizationMainPage #header h1 {\n\tmargin: 0;\n\tpadding: 10px 0;\n}\n\n.VisualizationMainPage #header a:link {\n\ttext-decoration: none;\n\tcolor: white;\n}\n\n.VisualizationMainPage #container {\n\tbackground: #ffffff;\n\tmargin: 0 auto; /* the auto margins (in conjunction with a width) center the page */\n\ttext-align: left; /* this overrides the text-align: center on the body element. */\n}\n\n.VisualizationMainPage #footer a:visited {\n\ttext-decoration: none;\n\tcolor: white;\n}\n\n.VisualizationMainPage #footer a:link {\n\ttext-decoration: none;\n\tcolor: white;\n}\n\n.VisualizationMainPage #mainContent h1 {\n\tpadding: 0 20px;\n\tbackground: #ffffff;\n\tcolor: #4277bb;\n}\n\n.VisualizationMainPage #mainContent h2 {\n\tpadding: 0 20px;\n\tbackground: #ffffff;\n\tcolor: #4277bb;\n}\n\n.VisualizationMainPage #mainContent h3 {\n\tpadding: 0 20px;\n\tbackground: #ffffff;\n\tcolor: #4277bb;\n}\n\n.VisualizationMainPage #footer {\n\tpadding: 0 10px;\n\tbackground: var(--header);\n\tborder-top: 1.5px var(--border) solid;\n\tborder-bottom: 1.5px var(--border) solid;\n\tcolor: #f7c245;\n}\n\n.VisualizationMainPage #footer p {\n\tmargin: 0;\n\tpadding: 10px 0;\n}\n\nem {\n\ttext-decoration: bold;\n}\n\n.menu-modal {\n\twidth: 35px;\n\theight: 35px;\n\tmargin-right: 20px;\n\tcursor: pointer;\n\ttransition: 0.2s;\n\tcolor: var(--primary);\n}\n\n.menu-modal:hover {\n\tfilter: var(--filter);\n\tscale: 125%;\n}\n.pseudocode-toggle {\n\tcursor: pointer;\n\ttransition: 0.2s;\n}\n.pseudocode-toggle:hover {\n\tscale: 125%;\n}\n.VisualizationMainPage .modal {\n\tposition: absolute;\n\tright: 20px;\n\ttop: 10px;\n\twidth: 20%;\n\theight: 90%;\n}\n\n.VisualizationMainPage .bigo {\n\tborder-collapse: collapse; /* Ensures borders are not doubled */\n\tposition: absolute;\n\tmin-width: 35%;\n}\n\n.bigo th,\n.bigo td {\n\tpadding: 5px;\n\tmin-width: 50px;\n\tcolor: black;\n\tborder: 1px solid gray; /* Adds border to table cells */\n}\n\n.bigo table {\n\tborder-collapse: collapse;\n\twidth: 100%;\n}\n\n.bigo h4 {\n\tmargin: 0;\n\tfont-size: large;\n}\n\n.bigo .blur {\n\tfilter: blur(5px);\n\ttransition: filter 0.3s ease; /* Smooth transition */\n}\n\n.VisualizationMainPage .modal-content {\n\tmax-height: 100%;\n\toverflow-y: auto; /* Adds a vertical scrollbar when content exceeds max height */\n\tpadding: 15px 30px 15px 30px;\n\tborder-radius: 20px;\n\tbackground-color: var(--control);\n\ttransition: all 0.4s ease 0s;\n\tbox-shadow: 0px 0px 5px var(--shadow);\n}\n\n.VisualizationMainPage .modal-content ul {\n\tlist-style-type: none; /* Makes bullet points invisible */\n\tpadding-left: 0; /* Removes default padding */\n}\n\n.VisualizationMainPage .modal-content li {\n\tline-height: 1.4em;\n\tmargin: 0px 0px 15px 0px;\n}\n\n.VisualizationMainPage .equation {\n\tfont-family: Georgia, 'Times New Roman', Times, serif;\n\tfont-style: italic;\n\ttext-align: center;\n\tmargin: -5px 0px 5px 0px;\n}\n\n.VisualizationMainPage .inline-eq {\n\tfont-family: Georgia, 'Times New Roman', Times, serif;\n}\n\n.VisualizationMainPage .vgroup {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.VisualizationMainPage .hgroup {\n\tdisplay: flex;\n\tjustify-content: space-evenly;\n\talign-items: center;\n}\n\n.VisualizationMainPage .groupChild {\n\tmargin: 5px 5px 5px 5px;\n}\n\n.VisualizationMainPage .divisorLeft {\n\twidth: 15px;\n}\n\n.VisualizationMainPage .divisorRight {\n\tborder-left: 2px var(--border) solid;\n\twidth: 15px;\n}\n\n.modal-content button {\n\tbackground: var(--button);\n\tborder: var(--border) 2px solid;\n\tborder-radius: 6px;\n\tpadding: 4px 10px;\n\tcolor: var(--primary);\n\tmargin: 6px;\n\tcursor: pointer;\n\tfont-size: 13px;\n\tfont-weight: 550;\n}\n\n.modal-content .button-container {\n\tdisplay: flex;\n\tjustify-content: right;\n\tmargin-top: -1%;\n\tmargin-bottom: -5%;\n}\n\n.modal-content button:hover {\n\tfilter: var(--filter);\n}\n\n.VisualizationMainPage input[type='button'] {\n\tbackground: var(--button);\n\tborder: var(--border) 2px solid;\n\tborder-radius: 6px;\n\tpadding: 8px 20px;\n\tcolor: var(--primary);\n\tmargin: 6px;\n\tcursor: pointer;\n\tfont-size: 13px;\n\tfont-weight: 550;\n}\n\n.VisualizationMainPage input[type='button']:hover {\n\tfilter: var(--filter);\n}\n\n.VisualizationMainPage input[type='button']::-moz-focus-inner {\n\tborder: 0;\n}\n\n.VisualizationMainPage input[type='button']:focus {\n\toutline: none;\n}\n\n.VisualizationMainPage input[type='button']:active:not([disabled]) {\n\tbackground: linear-gradient(#ccc, #ddd);\n}\n\n.VisualizationMainPage input[type='text'] {\n\tbackground: white;\n\tborder: var(--border) 1px solid;\n\tborder-radius: 5px;\n\tpadding: 6px;\n\tfont-size: 14px;\n}\n\n.VisualizationMainPage select {\n\tappearance: menulist-button;\n\t-moz-appearance: menulist-button;\n\t-webkit-appearance: menulist-button;\n\tbackground: var(--button);\n\tborder: var(--border) 2px solid;\n\tborder-radius: 6px;\n\tpadding: 10px 10px 10px 8px;\n\tcolor: var(--primary);\n\tmargin: 6px;\n\tcursor: pointer;\n}\n\n.txt-node {\n\tcolor: var(--primary);\n}\n\n.slider .MuiSlider-root {\n\tcolor: var(--slider);\n}\n\n.shake {\n\tanimation: shake 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;\n\tborder-color: #e32524 !important;\n\tbox-shadow: 0 0 4px rgba(227, 37, 36, 0.7) !important;\n\tfilter: brightness(100%) !important;\n\tpointer-events: none !important;\n}\n\ninput[type='radio'] {\n\tappearance: radio;\n\t-moz-appearance: radio;\n\t-webkit-appearance: radio;\n\tmargin-right: 2px;\n}\n\ninput[type='radio'] + label {\n\tcolor: var(--primary);\n}\n\ninput[type='radio']:checked + label {\n\tpadding: 1px 3px 1px 1px;\n\tbackground-color: rgba(176, 179, 184, 0.8);\n\tbox-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);\n\tborder-radius: 5px;\n\tcolor: #ffffff;\n\tfont-size: 17px;\n}\n\ninput[type='checkbox'] {\n\tappearance: checkbox;\n\t-moz-appearance: checkbox;\n\t-webkit-appearance: checkbox;\n}\n\n@keyframes shake {\n\t10%,\n\t90% {\n\t\ttransform: translate3d(-1px, 0, 0);\n\t}\n\t20%,\n\t80% {\n\t\ttransform: translate3d(2px, 0, 0);\n\t}\n\t30%,\n\t50%,\n\t70% {\n\t\ttransform: translate3d(-4px, 0, 0);\n\t}\n\t40%,\n\t60% {\n\t\ttransform: translate3d(4px, 0, 0);\n\t}\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.ef7f5718.js b/static/js/main.ef7f5718.js new file mode 100644 index 00000000..db9e2034 --- /dev/null +++ b/static/js/main.ef7f5718.js @@ -0,0 +1,3 @@ +/*! For license information please see main.ef7f5718.js.LICENSE.txt */ +!function(){var t={182:function(t,e,i){"use strict";function s(t){var e,i,h="";if("string"==typeof t||"number"==typeof t)h+=t;else if("object"==typeof t)if(Array.isArray(t))for(e=0;e