Zyzle.dev
;

Markdown Tester Page

26th March, 2022
2 min read

This page is going to function as a test bed for the site’s new styling, it’s going to contain as many different markdown elements as possible in order to see whether or not we support them

Text

Some text with bold italic bold-italic monospaced a link strikethrough

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dui eros, sollicitudin a diam sit amet, tincidunt laoreet magna. Donec in sem non risus eleifend feugiat. Vestibulum quis imperdiet tellus, vitae sollicitudin dui. Nulla facilisi. Nunc posuere, lacus id tempus pharetra, lectus ex tempor turpis, molestie congue orci turpis et nisi. Vivamus sed maximus sem, id elementum metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse potenti. Integer pretium vulputate quam venenatis tempus. Donec purus tellus, blandit aliquet auctor eget, vulputate non dui.


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lists

Unordered List

  • Item 1
  • Item 2
  • Item 3

Ordered List

  1. Item 1
  2. Item 2
  3. Item 3

Blocks

Some quoted text

over multiple lines

test.js
(() => {
const bar = document.querySelector("#progress-bar");
const post = document.querySelector("#docman");
const post = document.querySelector("#docmain");
const html = document.documentElement;
const height = post.scrollHeight;
window.addEventListener("scroll", () => {
bar.style.width =
(html.scrollTop / (height - html.clientHeight)) * 100 + "%";
});
})();
labeled-line-markers.jsx
<button
role="button"
{...props}
value={value}
className={buttonClassName}
disabled={disabled}
active={active}
>
{children &&
!active &&
(typeof children === 'string' ? <span>{children}</span> : children)}
</button>

Images

black and white image of building renovation
a caption for this image

Comments