application-examples.md

Wulechuan's HTML Article Themes

Navigation

• Go back to ReadMe.en-US.md

Multilingual Editions of this Article

• 本文之汉语版

Application Examples

A picture paints a thousand words.

I've purposely prepared an example markdown article. I generate 2 HTML files out of the markdown. And I decorate each HTML file with either the "default light-colored" or the "default dark-colored" CSS file generated by this tool. Now everybody sees.

---

Raw MarkDown

• theming-example-article.en-US.md

---

Generated HTML Files

HTML File with Default Light Theme Applied

The HTML File

• example.en-us.default-light-colored-theme.html

The Snapshots(Pictures) of the HTML Files in Microsoft Edge Browser

Some picture files are very large, file sizes in mega bytes.

• Snapshot: Code blocks (vertical scrolling deliberately disabled so as to reveal entire blocks)
• Snapshot: In default light-colored theme, in a wide window, with TOC collapsed
• Snapshot: In default light-colored theme, in a wide window, with TOC expanded
• Snapshot: In default light-colored theme, in a window of medium width, with TOC collapsed
• Snapshot: In default light-colored theme, in a window of medium width, with TOC expanded
• Snapshot: In default light-colored theme, in a narrow window, with TOC collapsed
• Snapshot: In default light-colored theme, in a narrow window, with TOC expanded

HTML File with Default Dark Theme Applied

The HTML File

• example.en-us.default-dark-colored-theme.html

The Snapshots(Pictures) of the HTML File in Microsoft Edge Browser

Some picture files are very large, file sizes in mega bytes.

• Snapshot: In default dark-colored theme, in a wide window, with toc collapsed
• Snapshot: In default dark-colored theme, in a wide window, with toc expanded
• Snapshot: In default dark-colored theme, in a window of medium width, with toc collapsed
• Snapshot: In default dark-colored theme, in a window of medium width, with toc expanded
• Snapshot: In default dark-colored theme, in a narrow window, with toc collapsed
• Snapshot: In default dark-colored theme, in a narrow window, with toc expanded