28:null 29:["$","title",null,{"children":"CRT Console & Terminal | Josh | Observable"}] 2e:T55d,keyframes_textShadow_style_str = `@keyframes textShadow { \n${_.reduce( [ [0.4389924193300864, -0.4389924193300864], [2.7928974010788217, -2.7928974010788217], [0.02956275843481219, -0.02956275843481219], [0.40218538552878136, -0.40218538552878136], [3.4794037899852017, -3.4794037899852017], [1.6125630401149584, -1.6125630401149584], [0.7015590085143956, -0.7015590085143956], [3.896914047650351, -3.896914047650351], [3.870905614848819, -3.870905614848819], [2.231056963361899, -2.231056963361899], [0.08084290417898504, -0.08084290417898504], [2.3758461067427543, -2.3758461067427543], [2.202193051050636, -2.202193051050636], [2.8638780614874975, -2.8638780614874975], [0.48874025155497314, -0.48874025155497314], [1.8948491305757957, -1.8948491305757957], [0.0833037308038857, -0.0833037308038857], [0.09769827255241735, -0.09769827255241735], [3.443339761481782, -3.443339761481782], [2.1841838852799786, -2.1841838852799786], [2.6208764473832513, -2.6208764473832513] ].map((shadows) => shadows.map(_.partial(_.multiply, shadow_intensity))), (keyframes, [h_shadow, v_shadow], i, arr) => _.add( keyframes, ` ${ i * 5 }% { text-shadow: ${h_shadow}px 0 1px rgba(0,30,255,0.5), ${v_shadow}px 0 1px rgba(255,0,80,0.3), 0 0 3px; }\n` ), "" )}}`2f:[] 2c:{"id":"bd0a3470ef13a574","slug":"crt-console","title":"CRT Console & Terminal","thumbnail":"f2a2ee9aac9254eaf743ab6f2e8585320c4b02250fa7746672ad4c3c35bfc82b","access_level":"public","create_time":"$D2022-12-18T03:16:30.290Z","update_time":"$D2022-12-18T13:46:48.790Z","view_time":null,"first_public_time":"$D2022-12-18T03:16:30.290Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"2c4ecf3d0f76ad2f","login":"jgrunik","name":"Josh","avatar_url":"https://avatars-next.observableusercontent.com/2ab3bbb1ab8469b93dd5c389080bd4862c4414e21b87e08a09c78222f8aaabc0","tier":"starter_2024"},"version":1868,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"eadfff79374106cc","login":"jgrunik","name":"Josh","avatar_url":"https://avatars-next.observableusercontent.com/2ab3bbb1ab8469b93dd5c389080bd4862c4414e21b87e08a09c78222f8aaabc0","tier":null}],"members":[{"type":"individual","id":"eadfff79374106cc","login":"jgrunik","name":"Josh","avatar_url":"https://avatars-next.observableusercontent.com/2ab3bbb1ab8469b93dd5c389080bd4862c4414e21b87e08a09c78222f8aaabc0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"CRT Console & Terminal","cells":[{"id":0,"value":"# CRT Console & Terminal","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1243,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":559,"value":"terminal_style = `padding-left:1ch; overflow-x:auto;`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":909,"value":"

CRT Monitor Styles
\nthanks to http://aleclownes.com/2017/02/01/crt-display.html

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1783,"value":"viewof shadow_intensity = Inputs.range([0, 10], {\n label: \"shadow intensity\", value: 1 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1827,"value":"viewof flicker_intensity = Inputs.range([0, 10], {\n label: \"flicker intensity\",\n value: 1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1732,"value":"crt_style_class = style`${full_crt_style_str}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1745,"value":"import { style } from \"@elisk/styles\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1245,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1248,"value":"## Theming","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1179,"value":"Theme = (bg_color) => (color) => `background-color:${bg_color};color:${color};`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1182,"value":"Theme`black``white`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1386,"value":"Terminal = {\n style`${full_crt_style_str}`;\n return ({ value = \"\", style = Theme`black``white` } = {}) =>\n html`

${value}

`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1590,"value":"Terminal({ value: \"Hello World;\" })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1397,"value":"Terminal({ value: \"₽ 123,456.78\", style: Theme`crimson``yellow` })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":615,"value":"Terminal({\n value: \"😎 very cool\",\n style: Theme`navy``cornsilk` + \"font-size: 1em;\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1650,"value":"Terminal({\n value: \"oOH lA lA\",\n style: Theme`indigo``pink` + \"font-size: 1.5em;\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":892,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":882,"value":"## `Console() view`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1527,"value":"Console = ({ value = \"\", style } = {}) => {\n const terminal = Terminal({ value: value.value, style });\n\n terminal.addEventListener(\"input\", ({ value }) => {\n if (value) terminal.textContent = value;\n terminal.value = terminal.textContent;\n });\n\n terminal.set = (value) =>\n terminal.dispatchEvent(_.assign(new CustomEvent(\"input\"), { value }));\n\n terminal.set(value);\n\n return terminal;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1337,"value":"viewof neo = Console({\n value: \"enter the matr|\",\n style: Theme`black``lightgreen` + \"font-size:1.5rem;\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":678,"value":"Inputs.button(\"PRESS ME\", {\n reduce: () => {\n viewof neo.set(neo + _.sample(_.split(\"😀😁😎🤩😺\", \"\")));\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1468,"value":"neo","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":489,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":116,"value":"### CRT `