www.aleph1.co.uk Git - yaffs-website/blob - node_modules/videojs-font/templates/html.hbs

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="UTF-8">
   5         <title>{{fontName}}</title>
   6         <link href="css/videojs-icons.css" rel="stylesheet">
   7
   8   <style>
   9     body {
  10       text-align: center;
  11     }
  12
  13     header {
  14       /*text-align: center;*/
  15     }
  16
  17     .preview {
  18       display: inline-block;
  19       border: 1px solid #ccc;
  20       text-align: center;
  21       width: 150px;
  22       margin: 10px;
  23       padding: 10px;
  24     }
  25
  26     .preview-icon {
  27       width: 100%;
  28       font-size: 200%;
  29     }
  30   </style>
  31 </head>
  32 <body>
  33   <header>
  34            <h1>{{fontName}} Icons</h1>
  35      <p>All icons prefixed by <code>vjs-icon-</code></p>
  36    </header>
  37   {{#each names}}
  38         <div class="preview">
  39                 <div class="preview-icon">
  40                         <span class="vjs-icon-{{this}}"></span>
  41                 </div>
  42                 <span>{{this}}</span>
  43         </div>
  44         {{/each}}
  45 </body>
  46 </html>