From 474fa1df08b3988c7fbd0d45d828f94e2cf5d465 Mon Sep 17 00:00:00 2001 From: otto Date: Wed, 1 Nov 2023 01:08:25 -0600 Subject: [PATCH] Updates --- assets/index-01c63dda.css | 2 +- index.html | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/assets/index-01c63dda.css b/assets/index-01c63dda.css index e115a26..946ca22 100644 --- a/assets/index-01c63dda.css +++ b/assets/index-01c63dda.css @@ -1 +1 @@ -@font-face{font-display:block;font-family:basement;font-style:normal;font-weight:900;src:url(/assets/basement-expanded-10831ce3.woff2) format("woff2")}@font-face{font-display:swap;font-family:Neue;font-style:normal;font-weight:400;src:url(/assets/NeueMontreal-Regular-d6b4fed2.woff2) format("woff2")}@font-face{font-display:swap;font-family:Neue;font-style:normal;font-weight:500;src:url(/assets/NeueMontreal-Medium-fbe12ebf.woff2) format("woff2")}:root{--selection: #f81ce5;--white1: #f7f5f5;--white2: #cccbcb;--white3: #b0aeae;--black0: #000;--black1: #0e0e0f;--black2: #333;--accent-1: #111;--accent-3: #333;--accent-6: #888;--accent-7: #eaeaea;--accent-8: #fafafa;--accent-9: #b6b9c2;--primaryFont: "Neue", sans-serif, -apple-system, ui-sans-serif, system-ui, blinkmacsystemfont, segoe ui, roboto, helvetica neue, arial, noto sans, sans-serif, monospace;--secondaryFont: "basement", georgia, sans-serif, -apple-system, ui-sans-serif, system-ui, blinkmacsystemfont, segoe ui, roboto, helvetica neue, arial, noto sans, sans-serif, monospace;--br-1: 5px;--grad-vert-1: linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), radial-gradient(50% 50% at 50% 100%, hsla(0, 0%, 100%, .1) 0, hsla(0, 0%, 100%, 0) 100%)}*,*:before,*:after{box-sizing:border-box;padding:0;border:0;margin:0}html{font-size:18px;line-height:1.15;-moz-tab-size:4;tab-size:4;text-size-adjust:100%}body{position:relative;width:calc(100vw - (100vw - 100%));background:var(--black0);color:var(--white1);font-family:var(--primaryFont);font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:inherit;overflow-x:hidden;overflow-y:scroll}button{padding:0;margin:0;background:none;cursor:pointer;line-height:1.15;outline:none;text-transform:none}textarea{width:100%;min-height:4rem;padding:.5rem;border:1px solid var(--black2);border-radius:var(--br-1);background:none;color:var(--white1);font-size:.875rem;resize:none;text-transform:none}textarea::placeholder{color:var(--white-3)}a:focus-visible,input:focus-visible,input[type=radio]:focus-visible+label,label:focus-visible,textarea:focus-visible,button:focus-visible{outline:1.5px dotted var(--white1)}::selection{background-color:var(--selection);color:var(--white1)}.header{align-items:center;font-size:.85rem;height:60px;display:flex;border-bottom:1px solid var(--accent-4);justify-content:space-between;position:relative;flex-direction:row;padding:0 .5rem}.hc1{padding-left:2px;height:100%;display:flex;width:auto;flex-direction:column;justify-content:center}.header h1,.header h2{font-family:var(--secondaryFont);text-decoration:none;width:auto;font-size:.85rem;text-wrap:nowrap;-webkit-background-clip:text;background-clip:text;color:var(--accent-9);background:var(--black0)}.header h1{line-height:1.4}.hc2{width:100%}.hc2{display:flex;justify-content:flex-end}.hc2 button,.github-link{margin-left:10px;height:2rem;align-items:center;display:flex;color:var(--accent-7);justify-content:center;cursor:pointer;border-radius:var(--br-1);font-size:.8rem;border:1px solid var(--accent-3)}.run-btn{cursor:pointer;background:var(--grad-vert-1);padding:0 1rem}.float-copy,.float-reset,.github-link{background:var(--black1);width:2rem!important}.github-link{background:var(--black0);border:1px solid transparent}.float-copy svg,.float-reset svg,.github-link svg{stroke:var(--accent-7);height:1rem!important;width:1rem!important;fill:none}.hc2 button:hover,.github-link:hover{background:var(--black2)}.main{-moz-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 70px);padding:0 .5rem}.input-wrapper,.output-wrapper{border-radius:var(--br-1);font-size:100%;margin:0 auto;padding:40px 0 4px;position:relative;width:100%}.input-wrapper{background:var(--black1);border:1px solid var(--accent-3);height:100%}.output-wrapper{background:hsla(0,0%,9%,.1);border:1px solid var(--accent-1);height:100%;margin-top:auto;overflow:scroll}.input-wrapper:before,.output-wrapper:before{color:var(--accent-9);content:attr(data-title);font-size:.875rem;font-weight:500;height:40px;line-height:40px;margin:0 auto;position:absolute;top:0;width:100%;left:.5rem}.textinput,.textoutput{border:none;box-shadow:none;color:var(--accent-8);font-size:1rem;height:100%;margin:0 auto;padding:0 2px;outline:none;resize:none;width:100%;font-family:monospace;line-height:1.15}.output-wrapper::-webkit-scrollbar,.textinput::-webkit-scrollbar{height:10px;width:10px}.output-wrapper::-webkit-scrollbar-thumb,.textinput::-webkit-scrollbar-thumb{background:var(--black2);border-radius:var(--br-1);min-height:50px}.output-wrapper:hover::-webkit-scrollbar-thumb,.textinput:hover::-webkit-scrollbar-thumb{background:inherit;background:var(--accent-6)}.output-wrapper::-webkit-scrollbar,.output-wrapper::-webkit-scrollbar-corner,.output-wrapper::-webkit-scrollbar-track,.textinput::-webkit-scrollbar-corner{background:var(--black1)}.textinput::-webkit-scrollbar,.textinput::-webkit-scrollbar-track{background:var(--black2)}@media screen and (max-width: 1020px){html{font-size:16px}}@media screen and (max-width:640px){.main{-moz-column-gap:0;column-gap:0;grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:calc(100vh - 50px);row-gap:0}.header{height:50px;padding-left:8px}.input-wrapper:before,.output-wrapper:before{height:50px;line-height:50px}}@media screen and (max-width: 390px){html{font-size:14px}} +@font-face{font-display:block;font-family:basement;font-style:normal;font-weight:900;src:url(basement-expanded-10831ce3.woff2) format("woff2")}@font-face{font-display:swap;font-family:Neue;font-style:normal;font-weight:400;src:url(NeueMontreal-Regular-d6b4fed2.woff2) format("woff2")}@font-face{font-display:swap;font-family:Neue;font-style:normal;font-weight:500;src:url(NeueMontreal-Medium-fbe12ebf.woff2) format("woff2")}:root{--selection: #f81ce5;--white1: #f7f5f5;--white2: #cccbcb;--white3: #b0aeae;--black0: #000;--black1: #0e0e0f;--black2: #333;--accent-1: #111;--accent-3: #333;--accent-6: #888;--accent-7: #eaeaea;--accent-8: #fafafa;--accent-9: #b6b9c2;--primaryFont: "Neue", sans-serif, -apple-system, ui-sans-serif, system-ui, blinkmacsystemfont, segoe ui, roboto, helvetica neue, arial, noto sans, sans-serif, monospace;--secondaryFont: "basement", georgia, sans-serif, -apple-system, ui-sans-serif, system-ui, blinkmacsystemfont, segoe ui, roboto, helvetica neue, arial, noto sans, sans-serif, monospace;--br-1: 5px;--grad-vert-1: linear-gradient(0deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), radial-gradient(50% 50% at 50% 100%, hsla(0, 0%, 100%, .1) 0, hsla(0, 0%, 100%, 0) 100%)}*,*:before,*:after{box-sizing:border-box;padding:0;border:0;margin:0}html{font-size:18px;line-height:1.15;-moz-tab-size:4;tab-size:4;text-size-adjust:100%}body{position:relative;width:calc(100vw - (100vw - 100%));background:var(--black0);color:var(--white1);font-family:var(--primaryFont);font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:inherit;overflow-x:hidden;overflow-y:scroll}button{padding:0;margin:0;background:none;cursor:pointer;line-height:1.15;outline:none;text-transform:none}textarea{width:100%;min-height:4rem;padding:.5rem;border:1px solid var(--black2);border-radius:var(--br-1);background:none;color:var(--white1);font-size:.875rem;resize:none;text-transform:none}textarea::placeholder{color:var(--white-3)}a:focus-visible,input:focus-visible,input[type=radio]:focus-visible+label,label:focus-visible,textarea:focus-visible,button:focus-visible{outline:1.5px dotted var(--white1)}::selection{background-color:var(--selection);color:var(--white1)}.header{align-items:center;font-size:.85rem;height:60px;display:flex;border-bottom:1px solid var(--accent-4);justify-content:space-between;position:relative;flex-direction:row;padding:0 .5rem}.hc1{padding-left:2px;height:100%;display:flex;width:auto;flex-direction:column;justify-content:center}.header h1,.header h2{font-family:var(--secondaryFont);text-decoration:none;width:auto;font-size:.85rem;text-wrap:nowrap;-webkit-background-clip:text;background-clip:text;color:var(--accent-9);background:var(--black0)}.header h1{line-height:1.4}.hc2{width:100%}.hc2{display:flex;justify-content:flex-end}.hc2 button,.github-link{margin-left:10px;height:2rem;align-items:center;display:flex;color:var(--accent-7);justify-content:center;cursor:pointer;border-radius:var(--br-1);font-size:.8rem;border:1px solid var(--accent-3)}.run-btn{cursor:pointer;background:var(--grad-vert-1);padding:0 1rem}.float-copy,.float-reset,.github-link{background:var(--black1);width:2rem!important}.github-link{background:var(--black0);border:1px solid transparent}.float-copy svg,.float-reset svg,.github-link svg{stroke:var(--accent-7);height:1rem!important;width:1rem!important;fill:none}.hc2 button:hover,.github-link:hover{background:var(--black2)}.main{-moz-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 70px);padding:0 .5rem}.input-wrapper,.output-wrapper{border-radius:var(--br-1);font-size:100%;margin:0 auto;padding:40px 0 4px;position:relative;width:100%}.input-wrapper{background:var(--black1);border:1px solid var(--accent-3);height:100%}.output-wrapper{background:hsla(0,0%,9%,.1);border:1px solid var(--accent-1);height:100%;margin-top:auto;overflow:scroll}.input-wrapper:before,.output-wrapper:before{color:var(--accent-9);content:attr(data-title);font-size:.875rem;font-weight:500;height:40px;line-height:40px;margin:0 auto;position:absolute;top:0;width:100%;left:.5rem}.textinput,.textoutput{border:none;box-shadow:none;color:var(--accent-8);font-size:1rem;height:100%;margin:0 auto;padding:0 2px;outline:none;resize:none;width:100%;font-family:monospace;line-height:1.15}.output-wrapper::-webkit-scrollbar,.textinput::-webkit-scrollbar{height:10px;width:10px}.output-wrapper::-webkit-scrollbar-thumb,.textinput::-webkit-scrollbar-thumb{background:var(--black2);border-radius:var(--br-1);min-height:50px}.output-wrapper:hover::-webkit-scrollbar-thumb,.textinput:hover::-webkit-scrollbar-thumb{background:inherit;background:var(--accent-6)}.output-wrapper::-webkit-scrollbar,.output-wrapper::-webkit-scrollbar-corner,.output-wrapper::-webkit-scrollbar-track,.textinput::-webkit-scrollbar-corner{background:var(--black1)}.textinput::-webkit-scrollbar,.textinput::-webkit-scrollbar-track{background:var(--black2)}@media screen and (max-width: 1020px){html{font-size:16px}}@media screen and (max-width:640px){.main{-moz-column-gap:0;column-gap:0;grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:calc(100vh - 50px);row-gap:0}.header{height:50px;padding-left:8px}.input-wrapper:before,.output-wrapper:before{height:50px;line-height:50px}}@media screen and (max-width: 390px){html{font-size:14px}} diff --git a/index.html b/index.html index 90e3533..8cfa79a 100644 --- a/index.html +++ b/index.html @@ -11,8 +11,8 @@ invert-css - - + +