notification/index.html

<!DOCTYPE html>
<html>
<head>

  <meta name="description" content="Simplest possible examples of HTML, CSS and JavaScript." />
  <meta name="author" content="//samdutton.com">
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
  <meta itemprop="name" content="simpl.info: simplest possible examples of HTML, CSS and JavaScript">
  <meta itemprop="image" content="/icon_192x192.png">
  <meta name="mobile-web-app-capable" content="yes">
  <meta id="theme-color" name="theme-color" content="#fff">

  <base target="_blank">

  <title>Notification API</title>

  <link rel="stylesheet" href="../css/main.css" />

  <style>
    button {
      width: 10em;
    }
    input {
      border: 1px solid #ccc;
      color: #666;
      display: block;
      font-size: 1em;
      margin: 0 0 1em 0;
      padding: 0.2em;
      width: 100%;
    </style>

  </head>
  <body>
    <div id="container">

      <h1><a href="../index.html" title="simpl.info home page">simpl.info</a> Notification API</h1>

      <input type="text" value="Blah blah blah">
      <button>Show notification</button>


      <script src="js/main.js"></script>

      <a href="https://github.com/samdutton/simpl/blob/master/notification/index.html" title="View source for this page on GitHub" id="viewSource">View source on GitHub</a>
    </div>
    <script src="../js/lib/ga.js"></script>
  </body>
  </html>