Work

Markdown Mystery Tour

We designed a whodunnit-style game to introduce Markdown formatting. Suspense — suspicion — syntax!

Design
Dev
User Testing
Iridescent ripples of a bright blue and pink liquid

Level-two heading

Tell me and I forget. Teach me and I remember. Involve me and I learn.

Lorem ipsum dolor sit amet, Astro makes people happy. Sed WHO do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin nibh nisl condimentum id venenatis a condimentum vitae. Here’s an anchor link to the Level-three heading section. Dapibus ultrices in iaculis nunc. Arcu odio ut sem nulla pharetra diam sit amet. Diam quis enim lobortis scelerisque fermentum dui faucibus in ornare.

Arcu dui vivamus arcu felis bibendum ut tristique et egestas. Eget gravida cum sociis natoque penatibus. Cras fermentum odio eu feugiat pretium nibh. Proin nibh nisl condimentum id venenatis. Porta nibh venenatis cras sed felis eget velit. Id diam vel quam elementum pulvinar etiam this is another code example non.

.content :global(hr) {
		border: 1px solid var(--gray-800askjdasdasdsadasdasdasdasdasdsadasdasdasdasdasdasdasdasdasdasdasdasdasdasdsnas);
		border-radius: 999px;
		width: calc(100% - 48px);
		margin: 3rem 0 3rem 24px;
	}

Level-three heading

Ultrices tincidunt arcu non sodales neque sodales ut. Sed enim ut sem viverra aliquet eget sit amet. Lacus luctus accumsan tortor posuere ac ut consequat semper viverra. Viverra accumsan in nisl nisi scelerisque eu ultrices. In massa tempor nec feugiat nisl pretium fusce.

”View some projects on this site.”

Inline image.

Level-three heading

Sed pulvinar porttitor mi in ultricies. Etiam non dolor gravida eros pulvinar pellentesque et dictum ex. Proin eu ornare ligula, sed condimentum dui. Vivamus tincidunt tellus mi, sed semper ipsum pharetra a. Suspendisse sollicitudin at sapien nec volutpat. Etiam justo urna, laoreet ac lacus sed, ultricies facilisis dolor. Integer posuere, metus vel viverra gravida, risus elit ornare magna, id feugiat erat risus ullamcorper libero. Proin vitae diam auctor, laoreet lorem vitae, varius tellus.

  • to do
  • done

Aenean pretium purus augue, ut bibendum erat convallis quis. Cras condimentum quis velit ac mollis. Suspendisse non purus fringilla, venenatis nisl porta, finibus odio. Curabitur aliquet metus faucibus libero interdum euismod. Morbi sed magna nisl. Morbi odio nibh, facilisis vel sapien eu, tempus tincidunt erat. Nullam erat velit, sagittis at purus quis, tristique scelerisque tortor. Pellentesque lacinia tortor id est aliquam viverra. Vestibulum et diam ac ipsum mollis fringilla.


Level-four heading

  • We noted this
  • And also this other point