title | layout | nav_exclude | description | image |
---|---|---|---|---|
Demo |
page |
true |
A brief description of your page content |
/assets/images/Logo.png |
Preview dark color scheme
<script> const toggleDarkMode = document.querySelector('.js-toggle-dark-mode'); jtd.addEvent(toggleDarkMode, 'click', function(){ if (jtd.getTheme() === 'dark') { jtd.setTheme('light'); toggleDarkMode.textContent = 'Preview dark color scheme'; } else { jtd.setTheme('dark'); toggleDarkMode.textContent = 'Return to the light side'; } }); </script>I'm a label {: .label }
blue {: .label .label-blue } green {: .label .label-green } purple {: .label .label-purple } yellow {: .label .label-yellow } red {: .label .label-red }
bold {: .label } italic {: .label } bold + italic {: .label }
- Name
- Godzilla
- Born
- 1952
- Birthplace
- Japan
- Color
- Green
Term : Brief description of Term
Longer Term : Longer description of Term, possibly more than one line
Term : First description of Term, possibly more than one line
: Second description of Term, possibly more than one line
Term1 Term2 : Single description of Term1 and Term2, possibly more than one line
Term1 Term2 : First description of Term1 and Term2, possibly more than one line
: Second description of Term1 and Term2, possibly more than one line
The following uses the <details>
tag to create a collapsed section.
Shopping list (click me!)
This is content inside a <details>
dropdown.
- Apples
- Oranges
- Milk