testing different preview styles

This commit is contained in:
Greg Gauthier 2025-01-17 13:03:59 +00:00
parent 601d9112a3
commit 2568fcbddb
2 changed files with 6 additions and 1 deletions

View File

@ -449,7 +449,7 @@ a:active {
}
code {
font-family: "Classic Console Neue", monospace;
font-family: "Source Code Pro Medium", monospace;
font-size: inherit;
color: #fdd461;
background: #524646;

View File

@ -23,6 +23,7 @@ Ok, so embedding an IFrame works out of the box. But, what about more complicate
Well, that's just grand! It seems that I can drop *any* html I want into *any* markdown I want, and it will render just fine! Ok, but what about, say, syntax hilighting, which requires a javascript?. Let's find out. For this, all I *should* need to do, is provide a markdown codefence, specifying the language, because the apache plugin will render it as `<pre><code class="language-whatever">` which is what both highlight.js and prism.js use. In this case, we'll make a python snippet. The key issue here, is that I already have css theming for the code fence. So, will the javascript override it, merge with it, or be ignored? We shall see:
### Atari 800
<pre class="atari">
READY
@ -37,6 +38,7 @@ HELLO!
HELLO!
</pre>
### IBM PC DOS VGA
<pre class="dos">
C:\ > DIR
Volume in drive C has no label
@ -58,6 +60,7 @@ CONFIG SYS 72 09/01/2025 21:51
39 Dir(s) 2,013,265,920 Bytes free
</pre>
### IBM MVS 3270 Terminal
<pre class="mvs">
000001 //@050541 JOB (BASIC),'BASIC INTERACTIVE',NOTIFY=&SYSUID,
000002 // CLASS=S,
@ -77,6 +80,7 @@ CONFIG SYS 72 09/01/2025 21:51
000016 //
</pre>
### DEC VT220 Terminal
<pre class="decterm">
[12:44:30][~]
gmgauthier@boethius $ iostat -d
@ -88,6 +92,7 @@ sda 10.68 47.25 199.30 420.96 15308790 64569
zram0 0.01 0.01 0.02 0.00 2444 7764 0
</pre>
### Bare language syntax highlighting
```language-python
print('Hello, World!', end=' | ')
print(100, end=' | ')