Radical 90s Text Analyzer

\n RADICAL TEXT ANALYZER\n

\n setText(e.target.value)}\n placeholder=\"ENTER YOUR TOTALLY AWESOME TEXT HERE\"\n rows=\"10\"\n cols=\"40\"\n />\n \n \n

TF-IDF RESULTS

{phrase}: {score.toFixed(4)}
No results yet. Analyze some text!

WORD FREQUENCY

{word}: {count}
No results yet. Analyze some text!

\n $\"Spinning$ \n $\"Under$ \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function(request: Request): Promise {\n return new Response(`\n \n \n \n \n \n Radical 90s Text Analyzer\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\nconst css = `\n body, html {\n margin: 0;\n padding: 0;\n height: 100%;\n font-family: 'Comic Neue', cursive;\n background: #FF00FF;\n color: #FFFF00;\n overflow-x: hidden;\n }\n\n .container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n background: #00FFFF;\n border: 5px solid #FF0000;\n box-shadow: 10px 10px 0 #000000;\n }\n\n .title {\n font-size: 36px;\n color: #FF0000;\n text-shadow: 2px 2px #FFFF00;\n background: #00FF00;\n padding: 10px;\n }\n\n .content {\n background: #FFFFFF;\n padding: 20px;\n border: 3px dashed #FF00FF;\n margin-top: 20px;\n }\n\n textarea {\n width: 100%;\n background-color: #FFFF00;\n color: #000000;\n border: 2px solid #FF0000;\n padding: 10px;\n font-family: 'Comic Neue', cursive;\n font-size: 16px;\n }\n\n button {\n display: block;\n width: 100%;\n background-color: #FF0000;\n color: #FFFFFF;\n border: none;\n padding: 10px;\n margin-top: 10px;\n font-family: 'Comic Neue', cursive;\n font-size: 18px;\n cursor: pointer;\n text-transform: uppercase;\n font-weight: bold;\n box-shadow: 5px 5px 0 #000000;\n }\n\n button:hover {\n background-color: #FF6600;\n }\n\n h2 {\n color: #FF00FF;\n text-align: center;\n text-transform: uppercase;\n text-shadow: 1px 1px #000000;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n }\n\n li {\n margin-bottom: 5px;\n background: #FFFF00;\n color: #000000;\n padding: 5px;\n border: 1px solid #FF0000;\n }\n\n .results {\n margin-top: 20px;\n border: 2px solid #00FF00;\n padding: 10px;\n background: #FF99CC;\n }\n\n .decorations {\n position: fixed;\n bottom: 10px;\n right: 10px;\n z-index: 1000;\n }\n\n .spinning-globe, .under-construction {\n width: 100px;\n height: 100px;\n margin: 10px;\n }\n\n @keyframes blink {\n 0% { opacity: 1; }\n 50% { opacity: 0; }\n 100% { opacity: 1; }\n }\n\n .blink {\n animation: blink 1s linear infinite;\n }\n`;","deleted","label",[99],"permalink","https://www.val.town/x/mikehiggins/sanguineCyanMastodon/code/main.tsx","extension","actionData","errors"]