esnextbin sketch

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>ESNext: "New School" JavaScript Made Easy</title>
  <style type="text/css">
    main {
      font-family : Helvetica, sans-serif;
    }
    
    #masthead header {
      text-align  : center;
      color       : white;
      padding     : 1em;
      background  : black;
    }
    
    #masthead h1 {
      font-weight : 100;
      margin      : 0 auto .5em;
    }
    
    #masthead h2 {
      font-weight     : 300;
      font-style      : italic;
      text-decoration : underline;
    }
    
    #masthead header img {
      margin     : 0px auto;
      display    : block;
    }
    
    #console {
      margin      : 1em auto;
      padding     : 2em 2em 4em;
      text-align  : center;
      font-size   : '1em';
      background  : black;
      color       : white;
      display     : block;
      border      : 3px dashed green;
    }
    
    #console h3 {
      padding         : .4em;
      border-bottom   : 1px solid white;
      width           : 100%;
    }
    
    #console .console-target {
      font-family   : monospace; 
      font-style    : italic;
      background    : lightblue;
      border        : 1px solid lightblue;
      margin        : 1em auto;
      padding       : .4em;
      width         : 50%;
      border-radius : 1em;
      color         : black;
    }
  </style>
</head>
<body>
  <main id="masthead">
    <header>
      <h1>ESNext: "New School" JavaScript Made Easy</h1>
      <h2>Course Syntax (taught via GoT references)</h2>
      <img src="https://cdn.collider.com/wp-content/uploads/gameofthrones-title.jpg" />
    </header>
  </main>
  <main id="app"></main>
</body>
</html>