The Virtuoso

A theme by Zahra A. S.

Zahra A. S.

The Virtuoso

The Virtuoso is a classical, simple, and minimal theme, suitable for documentation, blogging, or anything you like. This theme is built without frameworks, only using libraries like prismjs (for codeblock syntax highlighting). This page serves as an example of what this theme is capable of and how you may customize it to your liking.

This theme has both a light mode and a dark mode, which can be toggled by clicking on the icon on the top right corner. By default, it is set to your device theme preference.

Standard Elements

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Paragraphs

Paragraph. Himenaeos sem a cursus class. Per inceptos consectetur facilisi cubilia; class est. Adipiscing suscipit tincidunt vel quisque erat class ex aliquet sodales. Gravida viverra ultrices sagittis, class volutpat aliquet. Pulvinar sociosqu vestibulum massa sem purus; eros varius rutrum finibus.

Inline code

Paragraph with inline code. To find the maximum value in a list, you can use the built-in function max(). For example, if you have a list of numbers like numbers = [10, 5, 8, 20, 3], you can find the maximum value by using max_value = max(numbers). This will set max_value to 20.

Code block

function helloWorld() {
    console.log("Hello, world!");
}

Uses prismjs classes for syntax highlighting, e.g., class="language-javascript".

Ordered list

  1. Baroque music originated in Europe during the late 16th century and lasted until the mid-18th century.
  2. Characterized by its ornate detail, expressive melodies, and contrast in dynamics.
  3. Key composers include Johann Sebastian Bach, George Frideric Handel, and Antonio Vivaldi.

Unordered list

Blockquote

Clear blockquote:

“Le sang qui vient de couler était-il donc si pur?
Was the blood that has just been spilled so pure then?”

Filled blockquote (uses class="quote-filled"):

“Le sang qui vient de couler était-il donc si pur?
Was the blood that has just been spilled so pure then?”

Both can use a div with class="quote-author" to apply styling to the quote attribution.

Image

"Lilacs, Grey Weather" (French - Lilas, temps gris), an oil on canvas painting by Claude Monet, c.1872 - c.1873.

Classes

Note that most of these classes require the EB Garamond font to be displayed on your browser. If your browser is blocking 3rd party fonts, the stylistic sets may not appear as expected