From 5f4cb1cbe88ccec9595836c3826092c1f2875503 Mon Sep 17 00:00:00 2001 From: "Waylon S. Walker" Date: Sat, 2 Dec 2023 11:50:57 -0600 Subject: [PATCH] get tailwinded --- static/app.css | 1 + static/w.svg | 13 ++ tailwind.config.js | 25 ++ tailwind/app.css | 514 +++++++++++++++++++++++++++++++++++++++++ tailwind/highlight.css | 212 +++++++++++++++++ 5 files changed, 765 insertions(+) create mode 100644 static/app.css create mode 100644 static/w.svg create mode 100644 tailwind.config.js create mode 100644 tailwind/app.css create mode 100644 tailwind/highlight.css diff --git a/static/app.css b/static/app.css new file mode 100644 index 0000000000..43317cd795 --- /dev/null +++ b/static/app.css @@ -0,0 +1 @@ +/*! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.inapage{margin:0}@media (min-width:640px){.inapage{margin:-2rem}}*{z-index:10}html{background-color:#000}body{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));min-height:100vh}img{margin-left:auto;margin-right:auto}nav ul{list-style-type:none;padding-top:2rem;padding-bottom:2rem}@media (min-width:640px){nav ul{padding:0}}nav ul{display:flex;flex-direction:row;justify-content:center}nav ul li{padding-left:1rem;padding-right:1rem}nav ul li a{font-weight:700;font-size:1.125rem;line-height:1.75rem}footer p{margin-bottom:0}footer ul{display:flex;flex-direction:row;gap:.5rem;justify-content:center;margin-bottom:0;padding-top:2rem}footer ul li a{text-decoration-line:underline;text-decoration-color:#06b6d4;font-weight:700;font-size:1.125rem;line-height:1.75rem}footer p{margin-left:auto;margin-right:auto;text-align:center;padding-bottom:2rem}@media (min-width:640px){footer p{padding:0}}#title-wrapper{padding:1rem;text-align:right;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#312e8133 var(--tw-gradient-from-position);--tw-gradient-to:#312e8100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#1e1b4b33 var(--tw-gradient-to-position);border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity));margin-bottom:2rem}#title-wrapper time{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.p-name{font-size:1.125rem;line-height:1.75rem;font-weight:700}#title-wrapper a{text-decoration-line:underline;text-decoration-color:#facc15;--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}#title-wrapper p{margin:0;padding:0}.neon-ring{z-index:-1;position:fixed;overflow:hidden;width:5000px;height:5000px;top:-1500px;right:-3000px;background:#0b0b0b;background:radial-gradient(circle,#0b0b0b00 15%,#ff00db1a 46%,#ff00db66 49%,#ff00dbcc 49.5%,#c4fdffe6 50%,#ff00dbcc 50.5%,#ff00db66 51%,#ff00db1a 53%,#0000 85%)}.dubs{min-height:100vh;min-width:-moz-max-content;min-width:max-content;background-image:url(/w.svg);background-size:contain;background-size:10rem auto;background-repeat:repeat;background-attachment:fixed}article{color:var(--tw-prose-body);max-width:65ch}article :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}article :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}article :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}article :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}article :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}article :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}article :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}article :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}article :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}article :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}article :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}article :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}article :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}article :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}article :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}article :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}article :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}article :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}article :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}article :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}article :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}article :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}article :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}article :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}article :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}article :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}article :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}article :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}article :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}article :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}article :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}article :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}article :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}article :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}article :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}article :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding:.1875em .375em}article :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}article :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}article :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}article :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}article :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}article :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}article :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}article :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}article :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}article :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}article :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}article :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}article :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}article :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}article :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}article :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}article :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}article :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}article :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}article :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}article :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}article :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}article :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}article :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}article{font-size:1rem;line-height:1.75}article :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}article :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}article :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}article :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}article :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}article :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}article :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}article :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}article :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}article :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}article :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}article :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}article :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}article :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}article :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}article :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}article :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}article :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}article :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}article :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}article{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}@media (min-width:640px){article{font-size:1.5rem;line-height:1.6666667}article :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}article :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.4666667;margin-top:1.0666667em;margin-bottom:1.0666667em}article :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em;padding-left:1.1111111em}article :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.875em;line-height:1}article :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2em;margin-top:1.5em;margin-bottom:.8333333em;line-height:1.0833333}article :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;margin-top:1.5555556em;margin-bottom:.6666667em;line-height:1.2222222}article :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}article :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}article :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}article :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}article :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}article :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8333333em;border-radius:.375rem;padding:.25em .3333333em}article :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8333333em}article :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}article :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}article :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8333333em;line-height:1.8;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding:1.2em 1.6em}article :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5833333em}article :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5833333em}article :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}article :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4166667em}article :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4166667em}article :where(.sm\:prose-2xl>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8333333em;margin-bottom:.8333333em}article :where(.sm\:prose-2xl>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}article :where(.sm\:prose-2xl>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}article :where(.sm\:prose-2xl>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}article :where(.sm\:prose-2xl>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}article :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}article :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}article :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}article :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.5833333em}article :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3em;margin-bottom:3em}article :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8333333em;line-height:1.4}article :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:.6em;padding-bottom:.8em;padding-left:.6em}article :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}article :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}article :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.8em .6em}article :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}article :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}article :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}article :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}article :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8333333em;line-height:1.6;margin-top:1em}article :where(.sm\:prose-2xl>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(.sm\:prose-2xl>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}@media (min-width:1024px){article{font-size:1.25rem;line-height:1.8}article :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em}article :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2em;line-height:1.5;margin-top:1em;margin-bottom:1em}article :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6em;margin-bottom:1.6em;padding-left:1.0666667em}article :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.8em;margin-top:0;margin-bottom:.8571429em;line-height:1}article :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.8em;margin-top:1.5555556em;margin-bottom:.8888889em;line-height:1.1111111}article :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;margin-top:1.6em;margin-bottom:.6666667em;line-height:1.3333333}article :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.8em;margin-bottom:.6em;line-height:1.6}article :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}article :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}article :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}article :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}article :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em;border-radius:.3125rem;padding:.25em .4em}article :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}article :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8611111em}article :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}article :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em;line-height:1.7777778;margin-top:2em;margin-bottom:2em;border-radius:.5rem;padding:1.1111111em 1.3333333em}article :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}article :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em;padding-left:1.6em}article :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6em;margin-bottom:.6em}article :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4em}article :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4em}article :where(.lg\:prose-xl>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}article :where(.lg\:prose-xl>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em}article :where(.lg\:prose-xl>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em}article :where(.lg\:prose-xl>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em}article :where(.lg\:prose-xl>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em}article :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8em;margin-bottom:.8em}article :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em;margin-bottom:1.2em}article :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em}article :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6em;padding-left:1.6em}article :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8em;margin-bottom:2.8em}article :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em;line-height:1.5555556}article :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:.6666667em;padding-bottom:.8888889em;padding-left:.6666667em}article :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}article :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}article :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.8888889em .6666667em}article :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}article :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}article :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}article :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}article :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em;line-height:1.5555556;margin-top:1em}article :where(.lg\:prose-xl>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}article :where(.lg\:prose-xl>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}article :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:1.5rem;line-height:2rem}article{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity))}@media (min-width:768px){article{margin-left:auto;margin-right:auto}}article{width:100%}@media (min-width:640px){article{max-width:640px}}@media (min-width:1280px){article{max-width:1280px}}@media (min-width:1536px){article{max-width:1536px}}@media (min-width:640px){article{max-width:768px}}@media (min-width:768px){article{max-width:768px}}@media (min-width:1024px){article{max-width:1024px}}article{border-radius:.25rem;margin:.5rem auto 2.5rem;padding-bottom:2.5rem;--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#67e8f933;--tw-shadow:var(--tw-shadow-colored);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:#155e751a}.heading-permalink{height:2.5rem;width:2.5rem;font-size:1rem;line-height:1.5rem;display:inline-block}h1{font-size:2.25rem;line-height:2.5rem}@media (min-width:768px){h1{font-size:6rem;line-height:1}}h1{margin-bottom:0;text-align:right;display:flex;gap:.5rem;margin-left:auto;margin-right:auto;display:inline-block;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ec4899 var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#facc15 var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1.25;color:#0000}#post-body{display:grid;grid-template-columns:2rem 1fr 1fr 2rem}#post-body *{grid-column-start:2;grid-column-end:4}hr{grid-column-start:1!important;grid-column-end:5!important;margin-top:2.5rem;margin-bottom:2.5rem}.left{grid-column-start:1;grid-column-end:3}.right{grid-column-start:3;grid-column-end:5}.inside-left{grid-column-start:2;grid-column-end:3}.inside-left>.admonition-title{display:none}.inside-right{grid-column-start:3;grid-column-end:4}.inside-right>.admonition-title{display:none}pre.wrapper{overflow-x:auto;position:relative;padding:0 2rem}.highlight pre{padding:0;margin:0;border-radius:0}.copy-wrapper{display:flex;justify-content:flex-end;position:absolute;top:1rem;right:1rem}.copy svg{height:1.5rem;width:1.5rem;fill:#fff}pre{grid-column-start:1!important;grid-column-end:5!important}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #262626;background:#27272a;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}::-webkit-scrollbar{height:1rem;width:1rem}::-webkit-scrollbar-track{background-color:rgb(24 24 27/var(--tw-bg-opacity))}::-webkit-scrollbar-track,body::-webkit-scrollbar-track{border-radius:.25rem;border-radius:9999px;--tw-bg-opacity:1}body::-webkit-scrollbar-track{background-color:rgb(39 39 42/var(--tw-bg-opacity))}::-webkit-scrollbar-thumb{border-radius:.25rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(82 82 91/var(--tw-bg-opacity))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(113 113 122/var(--tw-bg-opacity))}body::-webkit-scrollbar-thumb{border-radius:.25rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(82 82 91/var(--tw-bg-opacity))}body::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(113 113 122/var(--tw-bg-opacity))}.highlight{overflow-x:auto;min-height:75px;background:#1f2022;color:#eefbfe;filter:brightness(.85);border-radius:0 0 4px 4px}.highlight .c{color:#8b8b8b}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#c678dd}.highlight .l{color:#ae81ff}.highlight .n{color:#abb2bf}.highlight .o{color:#c678dd}.highlight .p{color:#abb2bf}.highlight .c1,.highlight .ch,.highlight .cm,.highlight .cp,.highlight .cpf,.highlight .cs{color:#8b8b8b}.highlight .gd{color:#c678dd}.highlight .ge{font-style:italic}.highlight .gi{color:#a6e22e}.highlight .gs{font-weight:700}.highlight .gu{color:#8b8b8b}.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#c678dd}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#98c379}.highlight .nc{color:#abb2bf}.highlight .no{color:#c678dd}.highlight .nd,.highlight .ni{color:#abb2bf}.highlight .ne{color:#a6e22e}.highlight .nf{color:#61afef}.highlight .nl,.highlight .nn{color:#abb2bf}.highlight .nx{color:#a6e22e}.highlight .py{color:#abb2bf}.highlight .nt{color:#c678dd}.highlight .nv{color:#abb2bf}.highlight .ow{color:#c678dd}.highlight .w{color:#abb2bf}.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#ae81ff}.highlight .dl,.highlight .sa,.highlight .sb,.highlight .sc{color:#e6db74}.highlight .s2,.highlight .sd{color:#98c379}.highlight .se{color:#ae81ff}.highlight .s1,.highlight .sh,.highlight .si,.highlight .sr,.highlight .ss,.highlight .sx{color:#e6db74}.highlight .bp{color:#abb2bf}.highlight .fm{color:#61afef}.highlight .vc,.highlight .vg,.highlight .vi,.highlight .vm{color:#abb2bf}.highlight .il{color:#ae81ff} diff --git a/static/w.svg b/static/w.svg new file mode 100644 index 0000000000..818000e1ab --- /dev/null +++ b/static/w.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000000..bf780353b7 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,25 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: ["templates/**/*.{html,js}"], + plugins: [require("@tailwindcss/typography")], + purge: { + enabled: true, + }, + theme: { + extend: { + saturate: { + 25: ".25", + 75: ".75", + }, + screens: { + print: { raw: "print" }, + }, + width: { + 128: "32rem", + }, + boxShadow: { + xlc: "0 0 60px 15px rgba(0, 0, 0, 0.3)", + }, + }, + }, +}; diff --git a/tailwind/app.css b/tailwind/app.css new file mode 100644 index 0000000000..90012fea3d --- /dev/null +++ b/tailwind/app.css @@ -0,0 +1,514 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; +@import "./highlight.css"; + +.inapage { + @apply m-0 sm:m-[-2rem]; +} + +* { + @apply z-10; +} + +html { + background-color: black; +} + +body { + /* @apply prose-2xl prose-gray lg:prose-xl prose-invert; */ + @apply text-white; + @apply min-h-screen; +} + +img { + @apply mx-auto; +} + +nav ul { + @apply list-none; + @apply pb-4; + @apply py-8 sm:p-0 sm:py-0; + @apply flex flex-row; + @apply justify-center; +} + +nav ul li { + @apply px-4; +} + +nav ul li a { + @apply font-bold; + @apply text-lg; +} + +footer p { + @apply mb-0; +} +footer ul { + @apply flex flex-row; + @apply gap-2; + @apply justify-center; + @apply mb-0; + @apply pt-8; +} + +footer ul li a { + @apply underline; + @apply decoration-cyan-500; + @apply font-bold; + @apply text-lg; +} + +footer p { + @apply mx-auto; + @apply text-center; + @apply pb-8 sm:p-0 sm:pb-0; +} + +#title-wrapper { + @apply p-4; + @apply text-right; + /* @apply bg-red-500; */ + @apply bg-gradient-to-r from-indigo-900/20 to-indigo-950/20; + @apply border-b-2; + @apply border-yellow-400; + @apply mb-8; +} + +#title-wrapper time { + @apply text-gray-400; +} + +.p-name { + @apply text-lg font-bold; +} + +#title-wrapper a { + @apply underline; + @apply decoration-yellow-400; + @apply text-yellow-400; +} + +#title-wrapper p { + @apply m-0 p-0; +} + +.neon-ring { + z-index: -1; + position: fixed; + overflow: hidden; + width: 5000px; + height: 5000px; + top: -1500px; + right: -3000px; + background: rgb(11, 11, 11); + background: radial-gradient( + circle, + rgba(11, 11, 11, 0) 15%, + rgba(255, 0, 219, 0.1) 46%, + rgba(255, 0, 219, 0.4) 49%, + rgba(255, 0, 219, 0.8) 49.5%, + rgba(196, 253, 255, 0.9) 50%, + rgba(255, 0, 219, 0.8) 50.5%, + rgba(255, 0, 219, 0.4) 51%, + rgba(255, 0, 219, 0.1) 53%, + rgba(0, 0, 0, 0) 85% + ); +} + +.dubs { + @apply min-h-screen min-w-max; + background-image: url("/w.svg"); + background-size: contain; + background-size: 10rem auto; + background-repeat: repeat; + background-attachment: fixed; +} + +article { + @apply prose-p:text-2xl prose prose-gray prose-invert sm:prose-2xl lg:prose-xl; + @apply bg-zinc-900; + @apply container md:mx-auto; + + @apply container sm:max-w-screen-md md:max-w-screen-md lg:max-w-screen-lg; + /* @apply min-w-sm; */ + /* @apply sm:max-w-24 md:max-w-screen-md lg:max-w-screen-lg; */ + @apply rounded; + @apply mx-auto mb-10 mt-2 pb-10; + @apply shadow-2xl shadow-cyan-300/20 ring-4 ring-cyan-800/10; +} + +.heading-permalink { + @apply h-10 w-10; + @apply text-base; + @apply inline-block; +} + +h1 { + @apply text-4xl md:text-8xl; + @apply mb-0; + @apply text-right; + @apply font-bold; + @apply flex gap-2; + @apply mx-auto font-black bg-gradient-to-r from-red-600 via-pink-500 to-yellow-400 inline-block text-transparent bg-clip-text leading-tight; +} + +/* h2 { */ +/* @apply text-2xl; */ +/* @apply font-bold; */ +/* @apply flex gap-2; */ +/* @apply my-8; */ +/* } */ + +/* h3 { */ +/* @apply text-xl; */ +/* @apply font-bold; */ +/* @apply flex gap-2; */ +/* @apply my-4; */ +/* } */ + +/* h4 { */ +/* @apply text-lg; */ +/* @apply font-bold; */ +/* @apply flex gap-2; */ +/* @apply my-2; */ +/* } */ + +/* h5 { */ +/* @apply text-base; */ +/* @apply font-bold; */ +/* @apply flex gap-2; */ +/* @apply my-2; */ +/* } */ + +/* blockquote { */ +/* @apply px-4; */ +/* @apply border-l-4; */ +/* @apply border-zinc-600; */ +/* } */ + +/* p { */ +/* @apply mb-4; */ +/* } */ + +#post-body { + @apply grid; + grid-template-columns: 2rem 1fr 1fr 2rem; +} +#post-body * { + @apply col-start-2; + @apply col-end-4; +} + +hr { + @apply col-start-1 !important; + @apply col-end-5 !important; + @apply my-10; +} + +.left { + @apply col-start-1; + @apply col-end-3; +} + +.right { + @apply col-start-3; + @apply col-end-5; +} + +.inside-left { + @apply col-start-2; + @apply col-end-3; +} +.inside-left > .admonition-title { + @apply hidden; +} + +.inside-right { + @apply col-start-3; + @apply col-end-4; +} + +.inside-right > .admonition-title { + @apply hidden; +} + +pre.wrapper { + @apply overflow-x-auto; + @apply relative; + @apply py-0; + /* @apply py-[-2rem]; */ + @apply px-8; +} +.highlight pre { + @apply p-0; + @apply m-0; + @apply rounded-none; +} + +.copy-wrapper { + @apply flex justify-end; + @apply absolute top-4 right-4; +} +.copy svg { + @apply h-6 w-6; + fill: white; +} + +pre { + @apply col-start-1 !important; + @apply col-end-5 !important; +} + +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +textarea:-webkit-autofill, +textarea:-webkit-autofill:hover, +textarea:-webkit-autofill:focus, +select:-webkit-autofill, +select:-webkit-autofill:hover, +select:-webkit-autofill:focus { + -webkit-text-fill-color: #fff; + -webkit-box-shadow: 0 0 0px 1000px #262626 inset; + background: #27272a; + transition: background-color 5000s ease-in-out 0s; +} + +::-webkit-scrollbar { + @apply h-4 w-4; +} + +::-webkit-scrollbar-track { + @apply rounded rounded-full bg-zinc-900; +} + +body::-webkit-scrollbar-track { + @apply rounded rounded-full bg-zinc-800; +} + +::-webkit-scrollbar-thumb { + @apply rounded rounded-full bg-zinc-600 hover:bg-zinc-500; +} + +body::-webkit-scrollbar-thumb { + @apply rounded rounded-full bg-zinc-600 hover:bg-zinc-500; +} + +.highlight { + @apply overflow-x-auto; +} + +.highlight { + min-height: 75px; + background: #1f2022; + color: #eefbfe; + filter: brightness(0.85); + border-radius: 0 0 4px 4px; +} +.highlight .c { + color: #8b8b8b; +} /* Comment */ +.highlight .err { + color: #960050; + background-color: #1e0010; +} /* Error */ +.highlight .k { + color: #c678dd; +} /* Keyword */ +.highlight .l { + color: #ae81ff; +} /* Literal */ +.highlight .n { + color: #abb2bf; +} /* Name */ +.highlight .o { + color: #c678dd; +} /* Operator */ +.highlight .p { + color: #abb2bf; +} /* Punctuation */ +.highlight .ch { + color: #8b8b8b; +} /* Comment.Hashbang */ +.highlight .cm { + color: #8b8b8b; +} /* Comment.Multiline */ +.highlight .cp { + color: #8b8b8b; +} /* Comment.Preproc */ +.highlight .cpf { + color: #8b8b8b; +} /* Comment.PreprocFile */ +.highlight .c1 { + color: #8b8b8b; +} /* Comment.Single */ +.highlight .cs { + color: #8b8b8b; +} /* Comment.Special */ +.highlight .gd { + color: #c678dd; +} /* Generic.Deleted */ +.highlight .ge { + font-style: italic; +} /* Generic.Emph */ +.highlight .gi { + color: #a6e22e; +} /* Generic.Inserted */ +.highlight .gs { + font-weight: bold; +} /* Generic.Strong */ +.highlight .gu { + color: #8b8b8b; +} /* Generic.Subheading */ +.highlight .kc { + color: #c678dd; +} /* Keyword.Constant */ +.highlight .kd { + color: #c678dd; +} /* Keyword.Declaration */ +.highlight .kn { + color: #c678dd; +} /* Keyword.Namespace */ +.highlight .kp { + color: #c678dd; +} /* Keyword.Pseudo */ +.highlight .kr { + color: #c678dd; +} /* Keyword.Reserved */ +.highlight .kt { + color: #c678dd; +} /* Keyword.Type */ +.highlight .ld { + color: #e6db74; +} /* Literal.Date */ +.highlight .m { + color: #ae81ff; +} /* Literal.Number */ +.highlight .s { + color: #e6db74; +} /* Literal.String */ +.highlight .na { + color: #a6e22e; +} /* Name.Attribute */ +.highlight .nb { + color: #98c379; +} /* Name.Builtin */ +.highlight .nc { + color: #abb2bf; +} /* Name.Class */ +.highlight .no { + color: #c678dd; +} /* Name.Constant */ +.highlight .nd { + color: #abb2bf; +} /* Name.Decorator */ +.highlight .ni { + color: #abb2bf; +} /* Name.Entity */ +.highlight .ne { + color: #a6e22e; +} /* Name.Exception */ +.highlight .nf { + color: #61afef; +} /* Name.Function */ +.highlight .nl { + color: #abb2bf; +} /* Name.Label */ +.highlight .nn { + color: #abb2bf; +} /* Name.Namespace */ +.highlight .nx { + color: #a6e22e; +} /* Name.Other */ +.highlight .py { + color: #abb2bf; +} /* Name.Property */ +.highlight .nt { + color: #c678dd; +} /* Name.Tag */ +.highlight .nv { + color: #abb2bf; +} /* Name.Variable */ +.highlight .ow { + color: #c678dd; +} /* Operator.Word */ +.highlight .w { + color: #abb2bf; +} /* Text.Whitespace */ +.highlight .mb { + color: #ae81ff; +} /* Literal.Number.Bin */ +.highlight .mf { + color: #ae81ff; +} /* Literal.Number.Float */ +.highlight .mh { + color: #ae81ff; +} /* Literal.Number.Hex */ +.highlight .mi { + color: #ae81ff; +} /* Literal.Number.Integer */ +.highlight .mo { + color: #ae81ff; +} /* Literal.Number.Oct */ +.highlight .sa { + color: #e6db74; +} /* Literal.String.Affix */ +.highlight .sb { + color: #e6db74; +} /* Literal.String.Backtick */ +.highlight .sc { + color: #e6db74; +} /* Literal.String.Char */ +.highlight .dl { + color: #e6db74; +} /* Literal.String.Delimiter */ +.highlight .sd { + color: #98c379; +} /* Literal.String.Doc */ +.highlight .s2 { + color: #98c379; +} /* Literal.String.Double */ +.highlight .se { + color: #ae81ff; +} /* Literal.String.Escape */ +.highlight .sh { + color: #e6db74; +} /* Literal.String.Heredoc */ +.highlight .si { + color: #e6db74; +} /* Literal.String.Interpol */ +.highlight .sx { + color: #e6db74; +} /* Literal.String.Other */ +.highlight .sr { + color: #e6db74; +} /* Literal.String.Regex */ +.highlight .s1 { + color: #e6db74; +} /* Literal.String.Single */ +.highlight .ss { + color: #e6db74; +} /* Literal.String.Symbol */ +.highlight .bp { + color: #abb2bf; +} /* Name.Builtin.Pseudo */ +.highlight .fm { + color: #61afef; +} /* Name.Function.Magic */ +.highlight .vc { + color: #abb2bf; +} /* Name.Variable.Class */ +.highlight .vg { + color: #abb2bf; +} /* Name.Variable.Global */ +.highlight .vi { + color: #abb2bf; +} /* Name.Variable.Instance */ +.highlight .vm { + color: #abb2bf; +} /* Name.Variable.Magic */ +.highlight .il { + color: #ae81ff; +} /* Literal.Number.Integer.Long */ diff --git a/tailwind/highlight.css b/tailwind/highlight.css new file mode 100644 index 0000000000..b288b2292c --- /dev/null +++ b/tailwind/highlight.css @@ -0,0 +1,212 @@ +.highlight { + min-height: 75px; + background: #1f2022; + color: #eefbfe; + filter: brightness(0.85); + border-radius: 0 0 4px 4px; +} +.highlight .c { + color: #8b8b8b; +} /* Comment */ +.highlight .err { + color: #960050; + background-color: #1e0010; +} /* Error */ +.highlight .k { + color: #c678dd; +} /* Keyword */ +.highlight .l { + color: #ae81ff; +} /* Literal */ +.highlight .n { + color: #abb2bf; +} /* Name */ +.highlight .o { + color: #c678dd; +} /* Operator */ +.highlight .p { + color: #abb2bf; +} /* Punctuation */ +.highlight .ch { + color: #8b8b8b; +} /* Comment.Hashbang */ +.highlight .cm { + color: #8b8b8b; +} /* Comment.Multiline */ +.highlight .cp { + color: #8b8b8b; +} /* Comment.Preproc */ +.highlight .cpf { + color: #8b8b8b; +} /* Comment.PreprocFile */ +.highlight .c1 { + color: #8b8b8b; +} /* Comment.Single */ +.highlight .cs { + color: #8b8b8b; +} /* Comment.Special */ +.highlight .gd { + color: #c678dd; +} /* Generic.Deleted */ +.highlight .ge { + font-style: italic; +} /* Generic.Emph */ +.highlight .gi { + color: #a6e22e; +} /* Generic.Inserted */ +.highlight .gs { + font-weight: bold; +} /* Generic.Strong */ +.highlight .gu { + color: #8b8b8b; +} /* Generic.Subheading */ +.highlight .kc { + color: #c678dd; +} /* Keyword.Constant */ +.highlight .kd { + color: #c678dd; +} /* Keyword.Declaration */ +.highlight .kn { + color: #c678dd; +} /* Keyword.Namespace */ +.highlight .kp { + color: #c678dd; +} /* Keyword.Pseudo */ +.highlight .kr { + color: #c678dd; +} /* Keyword.Reserved */ +.highlight .kt { + color: #c678dd; +} /* Keyword.Type */ +.highlight .ld { + color: #e6db74; +} /* Literal.Date */ +.highlight .m { + color: #ae81ff; +} /* Literal.Number */ +.highlight .s { + color: #e6db74; +} /* Literal.String */ +.highlight .na { + color: #a6e22e; +} /* Name.Attribute */ +.highlight .nb { + color: #98c379; +} /* Name.Builtin */ +.highlight .nc { + color: #abb2bf; +} /* Name.Class */ +.highlight .no { + color: #c678dd; +} /* Name.Constant */ +.highlight .nd { + color: #abb2bf; +} /* Name.Decorator */ +.highlight .ni { + color: #abb2bf; +} /* Name.Entity */ +.highlight .ne { + color: #a6e22e; +} /* Name.Exception */ +.highlight .nf { + color: #61afef; +} /* Name.Function */ +.highlight .nl { + color: #abb2bf; +} /* Name.Label */ +.highlight .nn { + color: #abb2bf; +} /* Name.Namespace */ +.highlight .nx { + color: #a6e22e; +} /* Name.Other */ +.highlight .py { + color: #abb2bf; +} /* Name.Property */ +.highlight .nt { + color: #c678dd; +} /* Name.Tag */ +.highlight .nv { + color: #abb2bf; +} /* Name.Variable */ +.highlight .ow { + color: #c678dd; +} /* Operator.Word */ +.highlight .w { + color: #abb2bf; +} /* Text.Whitespace */ +.highlight .mb { + color: #ae81ff; +} /* Literal.Number.Bin */ +.highlight .mf { + color: #ae81ff; +} /* Literal.Number.Float */ +.highlight .mh { + color: #ae81ff; +} /* Literal.Number.Hex */ +.highlight .mi { + color: #ae81ff; +} /* Literal.Number.Integer */ +.highlight .mo { + color: #ae81ff; +} /* Literal.Number.Oct */ +.highlight .sa { + color: #e6db74; +} /* Literal.String.Affix */ +.highlight .sb { + color: #e6db74; +} /* Literal.String.Backtick */ +.highlight .sc { + color: #e6db74; +} /* Literal.String.Char */ +.highlight .dl { + color: #e6db74; +} /* Literal.String.Delimiter */ +.highlight .sd { + color: #98c379; +} /* Literal.String.Doc */ +.highlight .s2 { + color: #98c379; +} /* Literal.String.Double */ +.highlight .se { + color: #ae81ff; +} /* Literal.String.Escape */ +.highlight .sh { + color: #e6db74; +} /* Literal.String.Heredoc */ +.highlight .si { + color: #e6db74; +} /* Literal.String.Interpol */ +.highlight .sx { + color: #e6db74; +} /* Literal.String.Other */ +.highlight .sr { + color: #e6db74; +} /* Literal.String.Regex */ +.highlight .s1 { + color: #e6db74; +} /* Literal.String.Single */ +.highlight .ss { + color: #e6db74; +} /* Literal.String.Symbol */ +.highlight .bp { + color: #abb2bf; +} /* Name.Builtin.Pseudo */ +.highlight .fm { + color: #61afef; +} /* Name.Function.Magic */ +.highlight .vc { + color: #abb2bf; +} /* Name.Variable.Class */ +.highlight .vg { + color: #abb2bf; +} /* Name.Variable.Global */ +.highlight .vi { + color: #abb2bf; +} /* Name.Variable.Instance */ +.highlight .vm { + color: #abb2bf; +} /* Name.Variable.Magic */ +.highlight .il { + color: #ae81ff; +} /* Literal.Number.Integer.Long */