testing different preview styles
This commit is contained in:
		
							parent
							
								
									067e6dd89a
								
							
						
					
					
						commit
						3731f9949c
					
				@ -438,9 +438,9 @@ a:active {
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
code {
 | 
					code {
 | 
				
			||||||
    font-family: "DEC Terminal Modern", monospace;
 | 
					    /* font-family: "DEC Terminal Modern", monospace; */
 | 
				
			||||||
    font-size: inherit;
 | 
					    font-size: inherit;
 | 
				
			||||||
    color: #fdd461;
 | 
					    /* color: #fdd461;
 | 
				
			||||||
    background: #524646;
 | 
					    background: #524646; */
 | 
				
			||||||
    line-height: 1.15;
 | 
					    line-height: 1.15;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
				
			|||||||
@ -23,10 +23,11 @@ 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:
 | 
					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:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<pre class="atari">
 | 
					<pre class="atari"><code class="language-algol">
 | 
				
			||||||
10 PRINT "HELLO!"
 | 
					10 PRINT "HELLO!"
 | 
				
			||||||
20 GOTO 10
 | 
					20 GOTO 10
 | 
				
			||||||
30 END
 | 
					30 END
 | 
				
			||||||
 | 
					</code>
 | 
				
			||||||
</pre>
 | 
					</pre>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
```language-python
 | 
					```language-python
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
		Reference in New Issue
	
	Block a user