to start, you need either a JetBrains IDE or VS Code. i'd recommend JetBrains because it makes better HTML, but you can use VS Code in your browser if you have neither installed.
to start, you need to copy your code into your IDE and back. both IDEs have a feature that copies your code as stylized HTML, which is what we need.
JetBrains
- open a file
- paste your code
- select your code
- copy your code
VS Code
- go to vscode.dev
- click on New File
- select Text File
- click on Select A Language
- select a language
- paste your code
- select your code
- copy your code
then, copy this into the URL bar of a new browser tab: data:text/html,<body contenteditable>, and then click on the document and press CTRL-V. your highlighted code appears in the tab now.
then, right click and open inspect element. there, select the element in the body:
then hit CTRL-C to copy the HTML code of that element, and paste that on cohost! and don't worry if it looks a little messy, it has to put a style attribute on every chunk of text. this is the result:
app.get('/time.svg', (req, res) => {
res.svg(`<text y="20">Its ${(new Date).toLocaleTimeString()}.</text>`, `viewbox="0 0 100 20"`)
})
also, if you copied it out of a JetBrains IDE you can remove the font-family style because cohost already does that. just delete this part. and to make words wrap you can add white-space: break-spaces; to the end of the style attribute.
