diff --git a/asset-manifest.json b/asset-manifest.json index 383b450..cc453fc 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,13 +1,16 @@ { "files": { - "main.css": "/multiviewer/static/css/main.e99751eb.css", - "main.js": "/multiviewer/static/js/main.c99340f6.js", + "main.css": "/multiviewer/static/css/main.f9609819.css", + "main.js": "/multiviewer/static/js/main.0336d5b8.js", + "static/media/manageTabs.gif": "/multiviewer/static/media/manageTabs.29393308e37fbe84a045.gif", + "static/media/multiviewer.png": "/multiviewer/static/media/multiviewer.f2255819f2a9d7fe160e.png", + "static/media/addSources.gif": "/multiviewer/static/media/addSources.d87a94562c64cb41f6cf.gif", "index.html": "/multiviewer/index.html", - "main.e99751eb.css.map": "/multiviewer/static/css/main.e99751eb.css.map", - "main.c99340f6.js.map": "/multiviewer/static/js/main.c99340f6.js.map" + "main.f9609819.css.map": "/multiviewer/static/css/main.f9609819.css.map", + "main.0336d5b8.js.map": "/multiviewer/static/js/main.0336d5b8.js.map" }, "entrypoints": [ - "static/css/main.e99751eb.css", - "static/js/main.c99340f6.js" + "static/css/main.f9609819.css", + "static/js/main.0336d5b8.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 39d6d7d..de4d085 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Mult-i-Viewer
\ No newline at end of file +Mult-i-Viewer
\ No newline at end of file diff --git a/static/css/main.e99751eb.css b/static/css/main.e99751eb.css deleted file mode 100644 index 3376713..0000000 --- a/static/css/main.e99751eb.css +++ /dev/null @@ -1,2 +0,0 @@ -body{background-color:#000;color:#fff;font-family:Inter,sans-serif;font-weight:900;height:100vh;margin:0;padding:0}.grid{display:flex;flex-wrap:wrap;height:calc(100vh - 2.4em);justify-content:space-around;overflow-y:scroll;width:100vw}iframe{border:none;flex-basis:50px;flex-grow:1;flex-shrink:1;width:100%}.view{border:1px solid #262626;box-sizing:border-box;display:flex;flex-basis:content;margin:0;padding:0;position:relative}#title{background-color:rgba(0,0,0,.533);margin:0;padding:2px 10px;position:absolute}.viewSwitcher{align-items:center;background:var(--base-secondary-color);color:var(--font-pale);display:flex}.tabTitle{background-color:var(--base-color);border:none;border-radius:10px;box-sizing:border-box;color:#fff;margin:0 1em;outline:solid #0000;padding:.2em;text-align:center;text-overflow:ellipsis;transition:outline .2s ease;width:30ch}.header{background:var(--base-secondary-color);bottom:0;color:var(--font-pale);display:flex;justify-content:space-between;padding:.5em 1em;position:absolute;width:calc(100vw - 2em)}.viewControls{gap:1em;justify-content:flex-start}.settings,.viewControls{display:flex;width:100px}.settings{gap:10px;justify-content:flex-end}.modal{align-items:stretch;background-color:var(--base-color);border-radius:4px;border-radius:20px;box-shadow:none;display:flex;flex-direction:column;height:60%;justify-content:space-between;left:50%;max-width:50ch;padding:20px 0 0 20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.sourceInput{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 3fr .2fr}.iFrame{background-color:var(--base-secondary-color);border:none;border-radius:10px;box-sizing:border-box;outline:solid #0000;padding:10px;text-overflow:ellipsis;transition:outline .2s ease;width:100%}.iFrame:focus,.iFrame:hover,.name:focus,.name:hover{color:#fff;transition:outline 0s ease}.iFrame:focus,.name:focus{outline:solid var(--accent-color)!important}.iFrame,.name{color:#e6e6e6}.name{background-color:var(--base-secondary-color);padding:10px;text-overflow:ellipsis}.add,.delete,.name{border:none;border-radius:10px;box-sizing:border-box;outline:solid #0000;transition:outline .2s ease;width:100%}.add,.delete{background-color:initial;color:#fff;cursor:pointer;font-size:1.5em;font-weight:900;margin:0}.add:focus,.delete:focus{outline:solid var(--accent-color)}.tabsRow{align-items:center;display:flex;gap:15px;margin-right:20px}.optionsDropdown{position:absolute}.tabs::-webkit-scrollbar{background-color:var(--base-color);height:10px}.tabs::-webkit-scrollbar-thumb{background-color:var(--base-secondary-color);border-radius:0}.tabs::-webkit-scrollbar-track{background-color:var(--base-color)}.Plus{height:15px;margin-bottom:10px;width:15px}.tabs{gap:3px;margin:0;overflow-x:scroll;padding-bottom:5px;scrollbar-width:thin}.TabButton,.tabs{border-radius:10px;display:flex;text-overflow:ellipsis}.TabButton{align-items:center;background-color:initial;border:2px solid var(--base-secondary-color);color:#fff;flex-direction:row;gap:10px;justify-content:space-between;min-width:90px;opacity:.5;padding:.5em .7em;position:relative}.TabButton>p{text-wrap:nowrap;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis}#options{display:none;opacity:0}#optionsModal.modal{align-items:center;display:flex;height:200px;justify-content:center;margin:0;padding:0;width:300px}#optionsModal>form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;padding:1em}#optionsModal>form>section{display:flex;flex-direction:row-reverse;gap:5px}#optionsModal>form>input{background-color:var(--base-secondary-color);border:none;border-radius:10px;box-sizing:border-box;color:#fff;outline:solid #0000;padding:10px;text-overflow:ellipsis;transition:outline .2s ease;width:100%}#optionsModal>form>input:focus{outline:solid var(--accent-color)!important}.TabButton.selected{background-color:#515151;opacity:1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.TabButton.selected>#options{display:block;opacity:1}.saveButton{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;font-weight:600;margin:10px;padding:.5em 6em}.sources h2{margin:0}.sources{margin-bottom:0;padding:10px}.add{align-self:center;box-sizing:border-box;margin:0 0 20px;padding:.8em;text-align:center;width:50ch}#optionsSave{margin:0;width:100%}.deleteButton{background-color:var(--base-color);border:1px solid #a4464e;border-radius:4px;color:#a4464e;cursor:pointer;font-size:.8em;font-weight:100;padding:.25em 1em}.viewList{align-content:stretch;align-items:stretch;display:flex;flex-direction:column;flex-shrink:1;gap:10px;height:100%;justify-content:flex-start;margin-bottom:10px;margin-right:10px;overflow-y:scroll;padding:10px;scrollbar-color:var(--base-secondary-color);scrollbar-width:5px}.viewList::-webkit-scrollbar{width:5px}.viewList::-webkit-scrollbar-track{background-color:initial}.viewList::-webkit-scrollbar-thumb{background-color:var(--base-secondary-color);border-radius:100px}.buttons{align-content:center;align-items:flex-end;display:flex;flex-direction:row;flex-grow:1;flex-wrap:nowrap;justify-content:flex-end;margin-right:5px;padding-bottom:10px;padding-right:10px}.labels{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 3fr;margin-right:20px}.labels>p{box-sizing:border-box;font-size:.8em;font-weight:400;margin:0;padding:0 5px}.newSource{padding:5px 0 5px 5px}.welcomeTile{align-items:center;background:#1c1c1c;background:radial-gradient(circle,#1c1c1c 0,#000 100%);display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:100%}.welcomeTile h1{color:#fff;font-size:4rem;font-weight:900;margin:0;padding:0}.welcomeTile p{color:#fff;font-size:1.3rem;font-weight:300;margin:0;padding:0}.welcomeTile button{background:var(--accent-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:2rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.welcomeTile button:hover{box-shadow:0 0 10px #6aa447}:root{--accent-color:#6aa447;--base-color:#111;--base-secondary-color:#2f2f2f;--font-pale:#888}.feedBackForm{align-items:flex-end;display:flex;flex-direction:column;gap:10px;height:100%;margin:0 30px 30px 0;padding:0}.feedBackForm input,.feedBackForm textarea{background-color:var(--base-secondary-color);border:none;border-radius:10px;box-sizing:border-box;color:#fff;font-family:inter,sans-serif;height:100%;padding:10px;resize:none;width:100%}.feedBackForm input{height:auto}.feedBackForm input:focus,.feedBackForm textarea:focus{outline:solid var(--accent-color) 2px}.feedBackForm button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;font-weight:600;height:-webkit-min-content;height:min-content;padding:.5em 2em;width:30ch}.feedBackForm p{color:var(--accent-color);font-size:1em;font-weight:400;line-height:.2em}.feedBackForm div{align-items:center;display:flex;justify-content:space-between;margin:0;padding:0;width:100%}.feedbackHeader{align-items:flex-end;display:flex;gap:20px;height:-webkit-min-content;height:min-content;margin-bottom:20px;margin-right:30px}.feedbackHeader h1{line-height:1em;margin:0;padding:0}.feedbackHeader a{color:#fff;font-size:.8em;font-weight:400} -/*# sourceMappingURL=main.e99751eb.css.map*/ \ No newline at end of file diff --git a/static/css/main.e99751eb.css.map b/static/css/main.e99751eb.css.map deleted file mode 100644 index ebe1568..0000000 --- a/static/css/main.e99751eb.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.e99751eb.css","mappings":"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","sources":["App.css","components/Embed/Embed.css","components/ViewSwitcher/ViewSwitcher.css","components/Header/Header.css","components/modal/modalComponent.css","components/sourceInput/SourceInput.css","components/sourceController/sourceController.css","components/welcomeTile/welcome.css","theme.css","components/FeedBackModal/feedBackModal.css"],"sourcesContent":["body {\r\n margin: 0;\r\n padding: 0;\r\n height: 100vh;\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 900; /* Set font weight to black */\r\n color: white;\r\n background-color: rgb(0, 0, 0);\r\n}\r\n\r\n.grid {\r\n display: flex;\r\n height: calc(100vh - 2.4em);\r\n width: 100vw;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n overflow-y: scroll;\r\n}\r\n","iframe {\r\n width: 100%;\r\n border: none;\r\n flex-grow: 1;\r\n flex-shrink: 1;\r\n flex-basis: 50px;\r\n}\r\n.view {\r\n flex-basis: content;\r\n display: flex;\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n border: solid rgb(38, 38, 38) 1px;\r\n position: relative;\r\n}\r\n\r\n#title {\r\n padding: 2px 10px;\r\n margin: 0;\r\n background-color: rgba(0, 0, 0, 0.533);\r\n position: absolute;\r\n}\r\n",".viewSwitcher {\r\n background: var(--base-secondary-color);\r\n display: flex;\r\n align-items: center;\r\n color: var(--font-pale);\r\n}\r\n\r\n.tabTitle {\r\n margin: 0 1em;\r\n padding: 0;\r\n width: 30ch;\r\n text-align: center;\r\n padding: 0.2em;\r\n text-overflow: ellipsis;\r\n border: none;\r\n border-radius: 10px;\r\n background-color: var(--base-color);\r\n color: white;\r\n box-sizing: border-box;\r\n transition: outline ease 0.2s;\r\n outline: solid transparent;\r\n}\r\n",".header {\r\n background: var(--base-secondary-color);\r\n display: flex;\r\n justify-content: space-between;\r\n width: calc(100vw - 2em);\r\n color: var(--font-pale);\r\n padding: 0.5em 1em;\r\n position: absolute;\r\n bottom: 0;\r\n}\r\n\r\n.viewControls {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 1em;\r\n width: 100px;\r\n}\r\n\r\n.settings {\r\n display: flex;\r\n justify-content: flex-end;\r\n width: 100px;\r\n gap: 10px;\r\n}\r\n",".modal {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background-color: var(--base-color);\r\n max-width: 50ch;\r\n padding: 20px;\r\n padding-right: 0px;\r\n width: 100%;\r\n height: 60%;\r\n border-radius: 4px;\r\n box-shadow: none;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 20px;\r\n align-items: stretch;\r\n padding-bottom: 0px;\r\n justify-content: space-between;\r\n}\r\n",".sourceInput {\r\n display: grid;\r\n gap: 5px;\r\n grid-template-columns: 1fr 3fr 0.2fr;\r\n}\r\n\r\n/* .iframe should take 60% of the flex area, .name should take 30% leave 10px gap */\r\n.iFrame {\r\n border: none;\r\n border-radius: 10px;\r\n background-color: var(--base-secondary-color);\r\n padding: 10px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n transition: outline ease 0.2s;\r\n outline: solid transparent;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.iFrame:focus,\r\n.name:focus,\r\n.iFrame:hover,\r\n.name:hover {\r\n color: white;\r\n transition: outline ease 0s;\r\n}\r\n\r\n.iFrame:focus,\r\n.name:focus {\r\n outline: solid var(--accent-color) !important;\r\n}\r\n\r\n.iFrame,\r\n.name {\r\n color: rgb(230, 230, 230);\r\n}\r\n\r\n.name {\r\n padding: 10px;\r\n text-overflow: ellipsis;\r\n border: none;\r\n border-radius: 10px;\r\n background-color: var(--base-secondary-color);\r\n width: 100%;\r\n box-sizing: border-box;\r\n transition: outline ease 0.2s;\r\n outline: solid transparent;\r\n}\r\n\r\n.add,\r\n.delete {\r\n border: none;\r\n border-radius: 10px;\r\n background-color: transparent;\r\n color: white;\r\n width: 100%;\r\n box-sizing: border-box;\r\n margin: 0;\r\n font-size: 1.5em;\r\n font-weight: 900;\r\n cursor: pointer;\r\n transition: outline ease 0.2s;\r\n outline: solid transparent;\r\n}\r\n\r\n.add:focus,\r\n.delete:focus {\r\n outline: solid var(--accent-color);\r\n}\r\n",".tabsRow {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-right: 20px;\r\n}\r\n\r\n.optionsDropdown {\r\n position: absolute;\r\n}\r\n\r\n.tabs::-webkit-scrollbar {\r\n height: 10px; /* Set the width of the scrollbar */\r\n background-color: var(--base-color); /* Set the background color of the scrollbar */\r\n}\r\n\r\n.tabs::-webkit-scrollbar-thumb {\r\n background-color: var(--base-secondary-color); /* Set the color of the scrollbar thumb */\r\n border-radius: 0; /* Set the border radius of the scrollbar thumb */\r\n}\r\n\r\n.tabs::-webkit-scrollbar-track {\r\n background-color: var(--base-color); /* Set the background color of the scrollbar track */\r\n}\r\n.Plus {\r\n height: 15px;\r\n width: 15px;\r\n margin-bottom: 10px;\r\n}\r\n.tabs {\r\n display: flex;\r\n overflow-x: scroll;\r\n border-radius: 10px;\r\n margin: 0;\r\n gap: 3px;\r\n scrollbar-width: thin;\r\n text-overflow: ellipsis;\r\n padding-bottom: 5px;\r\n}\r\n.TabButton {\r\n position: relative;\r\n min-width: 90px;\r\n border-radius: 10px;\r\n text-overflow: ellipsis;\r\n background-color: transparent;\r\n color: white;\r\n border: solid 2px var(--base-secondary-color);\r\n opacity: 0.5;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-direction: row;\r\n gap: 10px;\r\n padding: 0.5em 0.7em;\r\n}\r\n\r\n.TabButton > p {\r\n text-overflow: ellipsis;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n#options {\r\n opacity: 0;\r\n display: none;\r\n}\r\n\r\n#optionsModal.modal {\r\n height: 200px;\r\n width: 300px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n#optionsModal > form {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n justify-content: space-evenly;\r\n padding: 1em;\r\n align-items: center;\r\n}\r\n\r\n#optionsModal > form > section {\r\n display: flex;\r\n flex-direction: row-reverse;\r\n gap: 5px;\r\n}\r\n#optionsModal > form > input {\r\n width: 100%;\r\n padding: 10px;\r\n text-overflow: ellipsis;\r\n border: none;\r\n color: white;\r\n border-radius: 10px;\r\n background-color: var(--base-secondary-color);\r\n box-sizing: border-box;\r\n transition: outline ease 0.2s;\r\n outline: solid transparent;\r\n}\r\n\r\n#optionsModal > form > input:focus {\r\n outline: solid var(--accent-color) !important;\r\n}\r\n\r\n.TabButton.selected {\r\n opacity: 1;\r\n width: fit-content;\r\n background-color: #515151;\r\n}\r\n\r\n.TabButton.selected > #options {\r\n display: block;\r\n opacity: 1;\r\n}\r\n\r\n/* save button with rounded border, white text, and color of --accent-color */\r\n.saveButton {\r\n border-radius: 4px;\r\n color: white;\r\n padding: 0.5em 6em;\r\n background-color: var(--accent-color);\r\n border: none;\r\n font-size: 0.8em;\r\n font-weight: 600;\r\n cursor: pointer;\r\n margin: 10px;\r\n}\r\n\r\n.sources h2 {\r\n margin: 0;\r\n}\r\n\r\n.sources {\r\n padding: 10px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.add {\r\n align-self: center;\r\n box-sizing: border-box;\r\n padding: 0.8em;\r\n width: 50ch;\r\n margin: 0;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n#optionsSave {\r\n margin: 0;\r\n width: 100%;\r\n}\r\n\r\n/* cancelButton with no background color, no border, and white text */\r\n.deleteButton {\r\n border-radius: 4px;\r\n color: #a4464e;\r\n padding: 0.25em 1em;\r\n background-color: var(--base-color);\r\n border: solid #a4464e 1px;\r\n font-size: 0.8em;\r\n font-weight: 100;\r\n cursor: pointer;\r\n}\r\n\r\n.viewList {\r\n scrollbar-color: var(--base-secondary-color);\r\n scrollbar-width: 5px;\r\n display: flex;\r\n flex-shrink: 1;\r\n margin-bottom: 10px;\r\n flex-direction: column;\r\n align-content: stretch;\r\n align-items: stretch;\r\n justify-content: flex-start;\r\n gap: 10px;\r\n padding: 10px;\r\n height: 100%;\r\n overflow-y: scroll;\r\n margin-right: 10px;\r\n}\r\n\r\n.viewList::-webkit-scrollbar {\r\n width: 5px;\r\n}\r\n\r\n.viewList::-webkit-scrollbar-track {\r\n background-color: transparent;\r\n}\r\n\r\n.viewList::-webkit-scrollbar-thumb {\r\n background-color: var(--base-secondary-color);\r\n border-radius: 100px;\r\n}\r\n\r\n.buttons {\r\n display: flex;\r\n flex-grow: 1;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n align-content: center;\r\n justify-content: flex-end;\r\n align-items: flex-end;\r\n margin-right: 5px;\r\n padding-bottom: 10px;\r\n padding-right: 10px;\r\n}\r\n\r\n.labels {\r\n display: grid;\r\n gap: 5px;\r\n grid-template-columns: 1fr 3fr;\r\n margin-right: 20px;\r\n}\r\n\r\n.labels > p {\r\n margin: 0;\r\n box-sizing: border-box;\r\n padding: 0px 5px;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n}\r\n\r\n.newSource {\r\n padding: 5px;\r\n padding-right: 0;\r\n}\r\n",".welcomeTile {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n overflow: hidden;\r\n justify-content: center;\r\n width: 100%;\r\n background: rgb(28, 28, 28);\r\n background: radial-gradient(circle, rgba(28, 28, 28, 1) 0%, rgba(0, 0, 0, 1) 100%);\r\n}\r\n\r\n.welcomeTile h1 {\r\n color: white;\r\n font-size: 4rem;\r\n margin: 0;\r\n padding: 0;\r\n font-weight: 900;\r\n}\r\n\r\n.welcomeTile p {\r\n color: white;\r\n font-size: 1.3rem;\r\n margin: 0;\r\n padding: 0;\r\n font-weight: 300;\r\n}\r\n\r\n.welcomeTile button {\r\n margin-top: 2rem;\r\n padding: 0.5rem 1rem;\r\n border: none;\r\n border-radius: 5px;\r\n background: var(--accent-color);\r\n color: white;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.welcomeTile button:hover {\r\n box-shadow: 0 0 10px rgb(106, 164, 71);\r\n}\r\n",":root {\r\n --accent-color: #6aa447;\r\n --base-color: #111111;\r\n --base-secondary-color: #2f2f2f;\r\n --font-pale: #888888;\r\n}\r\n",".feedBackForm {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n height: 100%;\r\n margin: 0px;\r\n margin-bottom: 30px;\r\n padding: 0;\r\n margin-right: 30px;\r\n align-items: flex-end;\r\n}\r\n\r\n.feedBackForm textarea,\r\n.feedBackForm input {\r\n font-family: 'inter', sans-serif;\r\n resize: none;\r\n background-color: var(--base-secondary-color);\r\n border: none;\r\n border-radius: 10px;\r\n color: white;\r\n padding: 10px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n height: 100%;\r\n}\r\n\r\n.feedBackForm input {\r\n height: auto;\r\n}\r\n.feedBackForm textarea:focus,\r\n.feedBackForm input:focus {\r\n outline: solid var(--accent-color) 2px;\r\n}\r\n\r\n.feedBackForm button {\r\n width: 30ch;\r\n border-radius: 4px;\r\n color: white;\r\n padding: 0.5em 2em;\r\n background-color: var(--accent-color);\r\n border: none;\r\n font-size: 0.8em;\r\n font-weight: 600;\r\n cursor: pointer;\r\n height: min-content;\r\n}\r\n\r\n.feedBackForm p {\r\n font-size: 1em;\r\n font-weight: 400;\r\n color: var(--accent-color);\r\n line-height: 0.2em;\r\n}\r\n\r\n.feedBackForm div {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n align-items: center;\r\n}\r\n.feedbackHeader {\r\n height: min-content;\r\n display: flex;\r\n align-items: flex-end;\r\n gap: 20px;\r\n margin-right: 30px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.feedbackHeader h1 {\r\n margin: 0;\r\n padding: 0;\r\n line-height: 1em;\r\n}\r\n\r\n.feedbackHeader a {\r\n color: white;\r\n font-size: 0.8em;\r\n font-weight: 400;\r\n}\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.f9609819.css b/static/css/main.f9609819.css new file mode 100644 index 0000000..164d02b --- /dev/null +++ b/static/css/main.f9609819.css @@ -0,0 +1,2 @@ +body{background-color:#000;color:#fff;font-family:Inter,sans-serif;font-weight:900;height:100vh;margin:0;padding:0}.grid{display:flex;flex-wrap:wrap;height:calc(100vh - 2.4em);justify-content:space-around;overflow-y:scroll;width:100vw}iframe{border:none;flex-basis:50px;flex-grow:1;flex-shrink:1;width:100%}.view{border:1px solid #262626;box-sizing:border-box;display:flex;flex-basis:content;margin:0;padding:0;position:relative}#title{background-color:rgba(0,0,0,.533);margin:0;padding:2px 10px;position:absolute}.viewSwitcher{align-items:center;background:var(--base-secondary-color);color:var(--font-pale);display:flex}.tabTitle{background-color:var(--base-color);border:none;border-radius:10px;box-sizing:border-box;color:#fff;margin:0 1em;outline:solid #0000;padding:.2em;text-align:center;text-overflow:ellipsis;transition:outline .2s ease;width:30ch}.header{background:var(--base-secondary-color);bottom:0;color:var(--font-pale);display:flex;justify-content:space-between;padding:.5em 1em;position:absolute;width:calc(100vw - 2em)}.viewControls{gap:1em;justify-content:flex-start}.settings,.viewControls{display:flex;width:100px}.settings{gap:10px;justify-content:flex-end}.modal{align-items:stretch;background-color:var(--base-color);border-radius:4px;border-radius:20px;box-shadow:none;display:flex;flex-direction:column;height:60%;justify-content:space-between;left:50%;max-width:50ch;padding:20px 0 0 20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;font-weight:600;padding:.5em 2em;width:30ch}button.major{background-color:var(--accent-color)}button.major,button.minor{border:2px solid var(--accent-color)}button.minor{background-color:initial;color:var(--accent-color)}.sourceInput{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 3fr .2fr;height:30px}.iFrame{background-color:var(--base-secondary-color);border:none;border-radius:10px;box-sizing:border-box;outline:solid #0000;padding:10px;text-overflow:ellipsis;transition:outline .2s ease;width:100%}.iFrame:focus,.iFrame:hover,.name:focus,.name:hover{color:#fff;transition:outline 0s ease}.iFrame:focus,.name:focus{outline:solid var(--accent-color)!important}.iFrame,.name{color:#e6e6e6;height:inherit}.name{background-color:var(--base-secondary-color);padding:10px;text-overflow:ellipsis}.add,.delete,.name{border:none;border-radius:10px;box-sizing:border-box;outline:solid #0000;transition:outline .2s ease;width:100%}.add,.delete{background-color:initial;color:#fff;cursor:pointer;font-size:1.5em;font-weight:900;margin:0;padding:0}.add:focus,.delete:focus{outline:solid var(--accent-color)}.tabsRow{align-items:center;display:flex;gap:15px;margin-right:20px}.optionsDropdown{position:absolute}.tabs::-webkit-scrollbar{background-color:var(--base-color);height:10px}.tabs::-webkit-scrollbar-thumb{background-color:var(--base-secondary-color);border-radius:0}.tabs::-webkit-scrollbar-track{background-color:var(--base-color)}.Plus{height:15px;margin-bottom:10px;width:15px}.tabs{gap:3px;margin:0;overflow-x:scroll;padding-bottom:5px;scrollbar-width:thin}.TabButton,.tabs{border-radius:10px;display:flex;text-overflow:ellipsis}.TabButton{align-items:center;background-color:initial;border:2px solid var(--base-secondary-color);color:#fff;flex-direction:row;gap:10px;justify-content:space-between;opacity:.5;padding:.5em .7em;position:relative;width:90px}.TabButton>p{text-wrap:nowrap;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis}#options{display:none;opacity:0}#optionsModal.modal{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:0;padding:2em 1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#optionsModal>form{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:space-evenly;padding:1em}#optionsModal>form>section{display:flex;flex-direction:row-reverse;gap:5px}#optionsModal>form>input{background-color:var(--base-secondary-color);border:none;border-radius:10px;box-sizing:border-box;color:#fff;height:100%!important;outline:solid #0000;padding:10px;text-overflow:ellipsis;transition:outline .2s ease;width:100%}#optionsModal>form>input:focus{outline:solid var(--accent-color)!important}.TabButton.selected{background-color:#515151;opacity:1;width:-webkit-max-content;width:max-content}.TabButton.selected>#options{display:block;opacity:1}.saveButton{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;font-weight:600;margin:10px;padding:.5em 6em}.sources h2{margin:0}.sources{margin-bottom:0;padding:10px}.add{align-self:center;box-sizing:border-box;margin:0 0 20px;padding:.8em;text-align:center;width:50ch}#optionsSave{margin:0;width:100%}.deleteButton{background-color:var(--base-color);border:1px solid #a4464e;border-radius:4px;color:#a4464e;cursor:pointer;font-size:.8em;font-weight:100;padding:.25em 1em}.viewList{align-content:stretch;align-items:stretch;display:flex;flex-direction:column;flex-shrink:1;gap:10px;height:100%;justify-content:flex-start;margin-bottom:10px;margin-right:10px;overflow-y:scroll;padding:10px;scrollbar-color:var(--base-secondary-color);scrollbar-width:5px}.viewList::-webkit-scrollbar{width:5px}.viewList::-webkit-scrollbar-track{background-color:initial}.viewList::-webkit-scrollbar-thumb{background-color:var(--base-secondary-color);border-radius:100px}.buttons{align-content:center;align-items:flex-end;display:flex;flex-direction:row;flex-grow:1;flex-wrap:nowrap;justify-content:flex-end;margin-right:5px;padding-bottom:10px;padding-right:10px}.labels{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 3fr;margin-right:20px}.labels>p{box-sizing:border-box;font-size:.8em;font-weight:400;margin:0;padding:0 5px}.newSource{padding:5px 0 5px 5px}.welcomeTile{align-items:center;background:#1c1c1c;background:radial-gradient(circle,#1c1c1c 0,#000 100%);display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:100%}.welcomeTile h1{color:#fff;font-size:4rem;font-weight:900;margin:0;padding:0}.welcomeTile p{color:#fff;font-size:1.3rem;font-weight:300;margin:0;padding:0}.welcomeTile button{background:var(--accent-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:2rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.welcomeTile button:hover{box-shadow:0 0 10px #6aa447}:root{--accent-color:#6aa447;--base-color:#111;--base-secondary-color:#2f2f2f;--font-pale:#888}.feedBackForm{align-items:flex-end;display:flex;flex-direction:column;gap:10px;height:100%;margin:0 30px 30px 0;padding:0}.feedBackForm input,.feedBackForm textarea{background-color:var(--base-secondary-color);border:none;border-radius:10px;box-sizing:border-box;color:#fff;font-family:inter,sans-serif;height:100%;padding:10px;resize:none;width:100%}.feedBackForm input{height:auto}.feedBackForm input:focus,.feedBackForm textarea:focus{outline:solid var(--accent-color) 2px}.feedBackForm p{color:var(--accent-color);font-size:1em;font-weight:400;line-height:.2em}.feedBackForm div{align-items:center;display:flex;justify-content:space-between;margin:0;padding:0;width:100%}.feedbackHeader{align-items:flex-end;display:flex;gap:20px;height:-webkit-min-content;height:min-content;margin-bottom:20px;margin-right:30px}.feedbackHeader h1{line-height:1em;margin:0;padding:0}.feedbackHeader a{color:#fff;font-size:.8em;font-weight:400}#titleBar{align-items:center;display:flex;justify-content:space-between}#titleBar h1{text-align:center;width:100%}#GettingStartedModal{padding:20px}#content div{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:flex-start;margin:0 50px}.modal{height:90%;max-width:70ch}#content img{border:2px solid var(--accent-color);border-radius:20px;height:auto;margin-bottom:1em;margin-top:1em;width:90%}#content table{border:2px solid var(--accent-color);border-radius:10px;font-weight:400;padding:2em 1em;width:80%}#content table tr td,#content table tr th{border:1px solid #5e5e5e;border-radius:5px;padding:1em .5em}#content table b{color:var(--accent-color)}#content kbd{background-color:#222121;border:2px outset #868686;border-radius:8px;padding:.2em .7em;width:-webkit-min-content;width:min-content}#content p b{color:var(--accent-color);font-weight:700}#content p{font-size:1.2em;font-weight:400;line-height:1.5em;text-align:center;width:100%}#content #helpList{align-items:flex-start;display:flex;width:100%}#helpList>*{border:2px solid var(--accent-color);border-radius:10px;margin:.5em 0;padding:1em 0;transition:background-color .2s ease-in-out}#helpList a{color:var(--accent-color)}#buttons{align-items:center;display:flex;gap:10px;justify-content:flex-end;width:100%}#buttons button{max-width:20ch}#buttons p{margin:0 20px 0 0} +/*# sourceMappingURL=main.f9609819.css.map*/ \ No newline at end of file diff --git a/static/css/main.f9609819.css.map b/static/css/main.f9609819.css.map new file mode 100644 index 0000000..61b08f5 --- /dev/null +++ b/static/css/main.f9609819.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.f9609819.css","mappings":"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","sources":["App.css","components/Embed/Embed.css","components/ViewSwitcher/ViewSwitcher.css","components/Header/Header.css","components/modal/modalComponent.css","button.css","components/sourceInput/SourceInput.css","components/sourceController/sourceController.css","components/welcomeTile/welcome.css","theme.css","components/FeedBackModal/feedBackModal.css","components/GettingStartedModal/gettingStartedModal.css"],"sourcesContent":["body {\r\n margin: 0;\r\n padding: 0;\r\n height: 100vh;\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 900; /* Set font weight to black */\r\n color: white;\r\n background-color: rgb(0, 0, 0);\r\n}\r\n\r\n.grid {\r\n display: flex;\r\n height: calc(100vh - 2.4em);\r\n width: 100vw;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n overflow-y: scroll;\r\n}\r\n","iframe {\r\n width: 100%;\r\n border: none;\r\n flex-grow: 1;\r\n flex-shrink: 1;\r\n flex-basis: 50px;\r\n}\r\n.view {\r\n flex-basis: content;\r\n display: flex;\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n border: solid rgb(38, 38, 38) 1px;\r\n position: relative;\r\n}\r\n\r\n#title {\r\n padding: 2px 10px;\r\n margin: 0;\r\n background-color: rgba(0, 0, 0, 0.533);\r\n position: absolute;\r\n}\r\n",".viewSwitcher {\r\n background: var(--base-secondary-color);\r\n display: flex;\r\n align-items: center;\r\n color: var(--font-pale);\r\n}\r\n\r\n.tabTitle {\r\n margin: 0 1em;\r\n padding: 0;\r\n width: 30ch;\r\n text-align: center;\r\n padding: 0.2em;\r\n text-overflow: ellipsis;\r\n border: none;\r\n border-radius: 10px;\r\n background-color: var(--base-color);\r\n color: white;\r\n box-sizing: border-box;\r\n transition: outline ease 0.2s;\r\n outline: solid transparent;\r\n}\r\n",".header {\r\n background: var(--base-secondary-color);\r\n display: flex;\r\n justify-content: space-between;\r\n width: calc(100vw - 2em);\r\n color: var(--font-pale);\r\n padding: 0.5em 1em;\r\n position: absolute;\r\n bottom: 0;\r\n}\r\n\r\n.viewControls {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 1em;\r\n width: 100px;\r\n}\r\n\r\n.settings {\r\n display: flex;\r\n justify-content: flex-end;\r\n width: 100px;\r\n gap: 10px;\r\n}\r\n",".modal {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background-color: var(--base-color);\r\n max-width: 50ch;\r\n padding: 20px;\r\n padding-right: 0px;\r\n width: 100%;\r\n height: 60%;\r\n border-radius: 4px;\r\n box-shadow: none;\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 20px;\r\n align-items: stretch;\r\n padding-bottom: 0px;\r\n justify-content: space-between;\r\n}\r\n","button {\r\n width: 30ch;\r\n border-radius: 4px;\r\n color: white;\r\n padding: 0.5em 2em;\r\n border: none;\r\n font-size: 0.8em;\r\n font-weight: 600;\r\n cursor: pointer;\r\n}\r\n\r\nbutton.major {\r\n background-color: var(--accent-color);\r\n border: var(--accent-color) 2px solid;\r\n}\r\n\r\nbutton.minor {\r\n background-color: transparent;\r\n border: var(--accent-color) 2px solid;\r\n color: var(--accent-color);\r\n}\r\n",".sourceInput {\r\n display: grid;\r\n gap: 5px;\r\n grid-template-columns: 1fr 3fr 0.2fr;\r\n height: 30px;\r\n}\r\n\r\n/* .iframe should take 60% of the flex area, .name should take 30% leave 10px gap */\r\n.iFrame {\r\n border: none;\r\n border-radius: 10px;\r\n background-color: var(--base-secondary-color);\r\n padding: 10px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n transition: outline ease 0.2s;\r\n outline: solid transparent;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.iFrame:focus,\r\n.name:focus,\r\n.iFrame:hover,\r\n.name:hover {\r\n color: white;\r\n transition: outline ease 0s;\r\n}\r\n\r\n.iFrame:focus,\r\n.name:focus {\r\n outline: solid var(--accent-color) !important;\r\n}\r\n\r\n.iFrame,\r\n.name {\r\n color: rgb(230, 230, 230);\r\n height: inherit;\r\n}\r\n\r\n.name {\r\n padding: 10px;\r\n text-overflow: ellipsis;\r\n border: none;\r\n border-radius: 10px;\r\n background-color: var(--base-secondary-color);\r\n width: 100%;\r\n box-sizing: border-box;\r\n transition: outline ease 0.2s;\r\n outline: solid transparent;\r\n}\r\n\r\n.add,\r\n.delete {\r\n border: none;\r\n border-radius: 10px;\r\n background-color: transparent;\r\n color: white;\r\n width: 100%;\r\n box-sizing: border-box;\r\n margin: 0;\r\n font-size: 1.5em;\r\n font-weight: 900;\r\n cursor: pointer;\r\n transition: outline ease 0.2s;\r\n outline: solid transparent;\r\n padding: 0;\r\n}\r\n\r\n.add:focus,\r\n.delete:focus {\r\n outline: solid var(--accent-color);\r\n}\r\n",".tabsRow {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-right: 20px;\r\n}\r\n\r\n.optionsDropdown {\r\n position: absolute;\r\n}\r\n\r\n.tabs::-webkit-scrollbar {\r\n height: 10px; /* Set the width of the scrollbar */\r\n background-color: var(--base-color); /* Set the background color of the scrollbar */\r\n}\r\n\r\n.tabs::-webkit-scrollbar-thumb {\r\n background-color: var(--base-secondary-color); /* Set the color of the scrollbar thumb */\r\n border-radius: 0; /* Set the border radius of the scrollbar thumb */\r\n}\r\n\r\n.tabs::-webkit-scrollbar-track {\r\n background-color: var(--base-color); /* Set the background color of the scrollbar track */\r\n}\r\n.Plus {\r\n height: 15px;\r\n width: 15px;\r\n margin-bottom: 10px;\r\n}\r\n.tabs {\r\n display: flex;\r\n overflow-x: scroll;\r\n border-radius: 10px;\r\n margin: 0;\r\n gap: 3px;\r\n scrollbar-width: thin;\r\n text-overflow: ellipsis;\r\n padding-bottom: 5px;\r\n}\r\n.TabButton {\r\n position: relative;\r\n width: 90px;\r\n border-radius: 10px;\r\n text-overflow: ellipsis;\r\n background-color: transparent;\r\n color: white;\r\n border: solid 2px var(--base-secondary-color);\r\n opacity: 0.5;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-direction: row;\r\n gap: 10px;\r\n padding: 0.5em 0.7em;\r\n}\r\n\r\n.TabButton > p {\r\n text-overflow: ellipsis;\r\n text-wrap: nowrap;\r\n overflow: hidden;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n#options {\r\n opacity: 0;\r\n display: none;\r\n}\r\n\r\n#optionsModal.modal {\r\n height: fit-content;\r\n width: fit-content;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 2em 1em;\r\n margin: 0;\r\n}\r\n\r\n#optionsModal > form {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n justify-content: space-evenly;\r\n padding: 1em;\r\n align-items: center;\r\n gap: 20px;\r\n}\r\n\r\n#optionsModal > form > section {\r\n display: flex;\r\n flex-direction: row-reverse;\r\n gap: 5px;\r\n}\r\n#optionsModal > form > input {\r\n width: 100%;\r\n padding: 10px;\r\n text-overflow: ellipsis;\r\n border: none;\r\n color: white;\r\n border-radius: 10px;\r\n background-color: var(--base-secondary-color);\r\n box-sizing: border-box;\r\n transition: outline ease 0.2s;\r\n outline: solid transparent;\r\n height: 100% !important;\r\n}\r\n\r\n#optionsModal > form > input:focus {\r\n outline: solid var(--accent-color) !important;\r\n}\r\n\r\n.TabButton.selected {\r\n opacity: 1;\r\n width: max-content;\r\n background-color: #515151;\r\n}\r\n\r\n.TabButton.selected > #options {\r\n display: block;\r\n opacity: 1;\r\n}\r\n\r\n/* save button with rounded border, white text, and color of --accent-color */\r\n.saveButton {\r\n border-radius: 4px;\r\n color: white;\r\n padding: 0.5em 6em;\r\n background-color: var(--accent-color);\r\n border: none;\r\n font-size: 0.8em;\r\n font-weight: 600;\r\n cursor: pointer;\r\n margin: 10px;\r\n}\r\n\r\n.sources h2 {\r\n margin: 0;\r\n}\r\n\r\n.sources {\r\n padding: 10px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.add {\r\n align-self: center;\r\n box-sizing: border-box;\r\n padding: 0.8em;\r\n width: 50ch;\r\n margin: 0;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n#optionsSave {\r\n margin: 0;\r\n width: 100%;\r\n}\r\n\r\n/* cancelButton with no background color, no border, and white text */\r\n.deleteButton {\r\n border-radius: 4px;\r\n color: #a4464e;\r\n padding: 0.25em 1em;\r\n background-color: var(--base-color);\r\n border: solid #a4464e 1px;\r\n font-size: 0.8em;\r\n font-weight: 100;\r\n cursor: pointer;\r\n}\r\n\r\n.viewList {\r\n scrollbar-color: var(--base-secondary-color);\r\n scrollbar-width: 5px;\r\n display: flex;\r\n flex-shrink: 1;\r\n margin-bottom: 10px;\r\n flex-direction: column;\r\n align-content: stretch;\r\n align-items: stretch;\r\n justify-content: flex-start;\r\n gap: 10px;\r\n padding: 10px;\r\n height: 100%;\r\n overflow-y: scroll;\r\n margin-right: 10px;\r\n}\r\n\r\n.viewList::-webkit-scrollbar {\r\n width: 5px;\r\n}\r\n\r\n.viewList::-webkit-scrollbar-track {\r\n background-color: transparent;\r\n}\r\n\r\n.viewList::-webkit-scrollbar-thumb {\r\n background-color: var(--base-secondary-color);\r\n border-radius: 100px;\r\n}\r\n\r\n.buttons {\r\n display: flex;\r\n flex-grow: 1;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n align-content: center;\r\n justify-content: flex-end;\r\n align-items: flex-end;\r\n margin-right: 5px;\r\n padding-bottom: 10px;\r\n padding-right: 10px;\r\n}\r\n\r\n.labels {\r\n display: grid;\r\n gap: 5px;\r\n grid-template-columns: 1fr 3fr;\r\n margin-right: 20px;\r\n}\r\n\r\n.labels > p {\r\n margin: 0;\r\n box-sizing: border-box;\r\n padding: 0px 5px;\r\n font-weight: 400;\r\n font-size: 0.8em;\r\n}\r\n\r\n.newSource {\r\n padding: 5px;\r\n padding-right: 0;\r\n}\r\n",".welcomeTile {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n overflow: hidden;\r\n justify-content: center;\r\n width: 100%;\r\n background: rgb(28, 28, 28);\r\n background: radial-gradient(circle, rgba(28, 28, 28, 1) 0%, rgba(0, 0, 0, 1) 100%);\r\n}\r\n\r\n.welcomeTile h1 {\r\n color: white;\r\n font-size: 4rem;\r\n margin: 0;\r\n padding: 0;\r\n font-weight: 900;\r\n}\r\n\r\n.welcomeTile p {\r\n color: white;\r\n font-size: 1.3rem;\r\n margin: 0;\r\n padding: 0;\r\n font-weight: 300;\r\n}\r\n\r\n.welcomeTile button {\r\n margin-top: 2rem;\r\n padding: 0.5rem 1rem;\r\n border: none;\r\n border-radius: 5px;\r\n background: var(--accent-color);\r\n color: white;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.welcomeTile button:hover {\r\n box-shadow: 0 0 10px rgb(106, 164, 71);\r\n}\r\n",":root {\r\n --accent-color: #6aa447;\r\n --base-color: #111111;\r\n --base-secondary-color: #2f2f2f;\r\n --font-pale: #888888;\r\n}\r\n",".feedBackForm {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n height: 100%;\r\n margin: 0px;\r\n margin-bottom: 30px;\r\n padding: 0;\r\n margin-right: 30px;\r\n align-items: flex-end;\r\n}\r\n\r\n.feedBackForm textarea,\r\n.feedBackForm input {\r\n font-family: 'inter', sans-serif;\r\n resize: none;\r\n background-color: var(--base-secondary-color);\r\n border: none;\r\n border-radius: 10px;\r\n color: white;\r\n padding: 10px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n height: 100%;\r\n}\r\n\r\n.feedBackForm input {\r\n height: auto;\r\n}\r\n.feedBackForm textarea:focus,\r\n.feedBackForm input:focus {\r\n outline: solid var(--accent-color) 2px;\r\n}\r\n\r\n.feedBackForm p {\r\n font-size: 1em;\r\n font-weight: 400;\r\n color: var(--accent-color);\r\n line-height: 0.2em;\r\n}\r\n\r\n.feedBackForm div {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n align-items: center;\r\n}\r\n.feedbackHeader {\r\n height: min-content;\r\n display: flex;\r\n align-items: flex-end;\r\n gap: 20px;\r\n margin-right: 30px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.feedbackHeader h1 {\r\n margin: 0;\r\n padding: 0;\r\n line-height: 1em;\r\n}\r\n\r\n.feedbackHeader a {\r\n color: white;\r\n font-size: 0.8em;\r\n font-weight: 400;\r\n}\r\n","#titleBar {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n#titleBar h1 {\r\n width: 100%;\r\n text-align: center;\r\n}\r\n\r\n#GettingStartedModal {\r\n padding: 20px;\r\n}\r\n\r\n#content div {\r\n display: flex;\r\n justify-content: flex-start;\r\n flex-direction: column;\r\n height: 100%;\r\n flex-grow: 1;\r\n align-items: center;\r\n margin: 0px 50px;\r\n}\r\n\r\n.modal {\r\n height: 90%;\r\n max-width: 70ch;\r\n}\r\n\r\n#content img {\r\n border: solid var(--accent-color) 2px;\r\n border-radius: 20px;\r\n width: 90%;\r\n height: auto;\r\n margin-bottom: 1em;\r\n margin-top: 1em;\r\n}\r\n\r\n#content table {\r\n width: 80%;\r\n border: solid var(--accent-color) 2px;\r\n border-radius: 10px;\r\n padding: 2em 1em;\r\n font-weight: 400;\r\n}\r\n\r\n#content table tr td,\r\n#content table tr th {\r\n border: solid rgb(94, 94, 94) 1px;\r\n padding: 1em 0.5em;\r\n border-radius: 5px;\r\n}\r\n\r\n#content table b {\r\n color: var(--accent-color);\r\n}\r\n\r\n#content kbd {\r\n width: min-content;\r\n border: solid rgb(134, 134, 134) 2px;\r\n border-style: outset;\r\n background-color: rgb(34, 33, 33);\r\n border-radius: 8px;\r\n padding: 0.2em 0.7em;\r\n}\r\n\r\n#content p b {\r\n color: var(--accent-color);\r\n font-weight: 700;\r\n}\r\n\r\n#content p {\r\n font-weight: 400;\r\n font-size: 1.2em;\r\n text-align: center;\r\n width: 100%;\r\n line-height: 1.5em;\r\n}\r\n\r\n#content #helpList {\r\n width: 100%;\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n#helpList > * {\r\n border: solid var(--accent-color) 2px;\r\n padding: 1em 0;\r\n border-radius: 10px;\r\n margin: 0.5em 0;\r\n transition: background-color 0.2s ease-in-out;\r\n}\r\n\r\n#helpList a {\r\n color: var(--accent-color);\r\n}\r\n\r\n#buttons {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-end;\r\n gap: 10px;\r\n align-items: center;\r\n}\r\n\r\n#buttons button {\r\n max-width: 20ch;\r\n}\r\n\r\n#buttons p {\r\n margin: 0;\r\n margin-right: 20px;\r\n}\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.0336d5b8.js b/static/js/main.0336d5b8.js new file mode 100644 index 0000000..68e0ef0 --- /dev/null +++ b/static/js/main.0336d5b8.js @@ -0,0 +1,3 @@ +/*! For license information please see main.0336d5b8.js.LICENSE.txt */ +(()=>{var e={618:(e,t,n)=>{var r;!function(){"use strict";var l=!("undefined"===typeof window||!window.document||!window.document.createElement),a={canUseDOM:l,canUseWorkers:"undefined"!==typeof Worker,canUseEventListeners:l&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:l&&!!window.screen};void 0===(r=function(){return a}.call(t,n,t,e))||(e.exports=r)}()},888:(e,t,n)=>{"use strict";var r=n(47);function l(){}function a(){}a.resetWarningCache=l,e.exports=function(){function e(e,t,n,l,a,o){if(o!==r){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:l};return n.PropTypes=n,n}},7:(e,t,n)=>{e.exports=n(888)()},47:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},463:(e,t,n)=>{"use strict";var r=n(791),l=n(296);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n