adding in code block

[solomon71]

for highlighting using highlightjs

Test URLs:

• Before: https://main--tbx-gtk--solomon71.hlx.page/drafts/pauls/test1
• After: https://codeblock--tbx-gtk--solomon71.hlx.page/drafts/pauls/test1

[aem-code-sync[bot]]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/pauls/test1

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/pauls/test1

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/pauls/test1

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/pauls/test1

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/pauls/test1

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/pauls/test1

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/pauls/test1

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/pauls/test1

[solomon71]

@kyle-tbx - can you review this?

[kyle-tbx]

@kyle-tbx - can you review this?

Hah, the first type of block I ended up creating to get familiar with the process was also a code block. Actually, two different blocks: one without syntax highlighting that allows optionally displaying line numbers, and one with highlighting including an optional dark mode theme and specifying a language.

I can break mine up into separate branches if we want to compare and choose which code block we want to use?

[solomon71]

submit PRs for these, so we can look at them

[solomon71]

not merging, we have a lighter solution