diff --git a/asset-manifest.json b/asset-manifest.json index 9094fe7..bc559a0 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,13 +1,13 @@ { "files": { - "main.css": "/multiviewer/static/css/main.297f85e0.css", - "main.js": "/multiviewer/static/js/main.880712c9.js", + "main.css": "/multiviewer/static/css/main.8448d49e.css", + "main.js": "/multiviewer/static/js/main.03442832.js", "index.html": "/multiviewer/index.html", - "main.297f85e0.css.map": "/multiviewer/static/css/main.297f85e0.css.map", - "main.880712c9.js.map": "/multiviewer/static/js/main.880712c9.js.map" + "main.8448d49e.css.map": "/multiviewer/static/css/main.8448d49e.css.map", + "main.03442832.js.map": "/multiviewer/static/js/main.03442832.js.map" }, "entrypoints": [ - "static/css/main.297f85e0.css", - "static/js/main.880712c9.js" + "static/css/main.8448d49e.css", + "static/js/main.03442832.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 53ebbab..2a4b26e 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.297f85e0.css b/static/css/main.297f85e0.css deleted file mode 100644 index b171793..0000000 --- a/static/css/main.297f85e0.css +++ /dev/null @@ -1,2 +0,0 @@ -.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{justify-content:flex-end}.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}:root{--accent-color:#6aa447;--base-color:#111;--base-secondary-color:#2f2f2f;--font-pale:#888}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}.tabsRow{align-items:center;display:flex;gap:15px;margin-right:20px}.sources{margin-bottom:10px;margin-right:30px;margin-top:0}.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}#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}.addView{flex-basis:content;flex-grow:1;height:-webkit-max-content;height:max-content;margin-bottom:0;margin-right:20px;padding-bottom:10px}.addView,.viewList{align-content:stretch;align-items:stretch;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.viewList{flex-shrink:1;height:100%;margin-right:10px;overflow-y:scroll;padding:5px;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}.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:grey}.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)}.modal{align-items:stretch;background-color:var(--base-color);border-radius:4px;border-radius:20px;box-shadow:none;gap:10px;height:60%;left:50%;max-width:50ch;padding:20px 0 0 20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal,.welcomeTile{display:flex;flex-direction:column;width:100%}.welcomeTile{align-items:center;background:#1c1c1c;background:radial-gradient(circle,#1c1c1c 0,#000 100%);justify-content:center;overflow:hidden}.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} -/*# sourceMappingURL=main.297f85e0.css.map*/ \ No newline at end of file diff --git a/static/css/main.297f85e0.css.map b/static/css/main.297f85e0.css.map deleted file mode 100644 index ee40a67..0000000 --- a/static/css/main.297f85e0.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.297f85e0.css","mappings":"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","sources":["components/Header/Header.css","components/ViewSwitcher/ViewSwitcher.css","theme.css","App.css","components/Embed/Embed.css","components/sourceController/sourceController.css","components/sourceInput/SourceInput.css","components/modal/modalComponent.css","components/welcomeTile/welcome.css"],"sourcesContent":[".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}\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",":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","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",".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.sources {\r\n margin-right: 30px;\r\n margin-top: 0;\r\n margin-bottom: 10px;\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#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.addView {\r\n display: flex;\r\n flex-grow: 1;\r\n flex-basis: content;\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 height: max-content;\r\n margin-right: 20px;\r\n padding-bottom: 10px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.viewList {\r\n scrollbar-color: var(--base-secondary-color);\r\n scrollbar-width: 5px;\r\n padding: 5px;\r\n display: flex;\r\n flex-shrink: 1;\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 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",".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: grey;\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",".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 gap: 10px;\r\n padding-bottom: 0px;\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"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.8448d49e.css b/static/css/main.8448d49e.css new file mode 100644 index 0000000..98d1468 --- /dev/null +++ b/static/css/main.8448d49e.css @@ -0,0 +1,2 @@ +.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{justify-content:flex-end}:root{--accent-color:#6aa447;--base-color:#111;--base-secondary-color:#2f2f2f;--font-pale:#888}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}#title,.modal{position:absolute}.modal{align-items:stretch;background-color:var(--base-color);border-radius:4px;border-radius:20px;box-shadow:none;display:flex;flex-direction:column;gap:10px;height:60%;left:50%;max-width:50ch;padding:20px 0 0 20px;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:grey}.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}.sources{margin-bottom:10px;margin-right:30px;margin-top:0}.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}#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}.addView{flex-basis:content;flex-grow:1;height:-webkit-max-content;height:max-content;margin-bottom:0;margin-right:20px;padding-bottom:10px}.addView,.viewList{align-content:stretch;align-items:stretch;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.viewList{flex-shrink:1;height:100%;margin-right:10px;overflow-y:scroll;padding:5px;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} +/*# sourceMappingURL=main.8448d49e.css.map*/ \ No newline at end of file diff --git a/static/css/main.8448d49e.css.map b/static/css/main.8448d49e.css.map new file mode 100644 index 0000000..fb22ddf --- /dev/null +++ b/static/css/main.8448d49e.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.8448d49e.css","mappings":"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","sources":["components/ViewSwitcher/ViewSwitcher.css","components/Header/Header.css","theme.css","App.css","components/Embed/Embed.css","components/modal/modalComponent.css","components/sourceInput/SourceInput.css","components/sourceController/sourceController.css","components/welcomeTile/welcome.css"],"sourcesContent":[".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}\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","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",".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 gap: 10px;\r\n padding-bottom: 0px;\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: grey;\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.sources {\r\n margin-right: 30px;\r\n margin-top: 0;\r\n margin-bottom: 10px;\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#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.addView {\r\n display: flex;\r\n flex-grow: 1;\r\n flex-basis: content;\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 height: max-content;\r\n margin-right: 20px;\r\n padding-bottom: 10px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.viewList {\r\n scrollbar-color: var(--base-secondary-color);\r\n scrollbar-width: 5px;\r\n padding: 5px;\r\n display: flex;\r\n flex-shrink: 1;\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 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"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.03442832.js b/static/js/main.03442832.js new file mode 100644 index 0000000..af9b3de --- /dev/null +++ b/static/js/main.03442832.js @@ -0,0 +1,3 @@ +/*! For license information please see main.03442832.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 u=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 u.name="Invariant Violation",u}}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