Code Blocks

pre > code

//#include <windows.h>
#include <iostream>
#include <GL/glut.h>
/* process menu option 'op' */
void menu(int op) {
  switch(op) {
  case 'Q':
  case 'q':
    exit(0);
  }
}

pre > code(data-code=' HTML')

<html>
 <head></head>
 <body>
   <header></header>
   <main>
     <article></article>
   </main>
   <aside></aside>
   <footer></footer>
 </body>
</html>

pre > code(data-code=' Jade')

.progress
  #progress-test(data-value='0')
.progress
  div(data-value='40')
.progress
  div(data-value='70')
.progress
  div(data-value='100')
.progress
  div(data-value='30')
button.button#progress-start Start demo

pre > code(data-code=' CSS')

.headband {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  margin: 0;
  width: 15rem;
  height: 15rem;
  overflow: hidden;
}

pre > code(data-code=' Stylus')

cube
  position relative
  display block
  top ((100vmin - $m) / 2)
  margin 0 auto
  width $m
  height $m
  transform-style preserve-3d
  transform rotate3d(1, 1, 1, 45deg)
  animation anim-rotate3d $frame linear infinite

pre > code(data-code=' JavaScript')

function addPrintStyles() {
    var ss = document.createElement('link');
    ss.type = 'text/css';
    ss.rel = 'stylesheet';
    ss.href = 'print.css';
    ss.media = 'print';
    ss.id = 'print';
    document.getElementsByTagName('head')[0].appendChild(ss);
}