github.com/web-platform-tests/wpt.fyi@v0.0.0-20240530210107-70cf978996f1/webapp/views/wpt-404.js (about)

     1  import { PolymerElement, html } from '../node_modules/@polymer/polymer/polymer-element.js';
     2  import '../node_modules/@polymer/iron-icon/iron-icon.js';
     3  import '../node_modules/@polymer/paper-button/paper-button.js';
     4  
     5  class WPT404 extends PolymerElement {
     6    static get template() {
     7      return html`
     8      <style>
     9        :host {
    10          display: block;
    11          text-align: center;
    12          color: var(--app-secondary-color);
    13        }
    14        iron-icon {
    15          display: inline-block;
    16          width: 60px;
    17          height: 60px;
    18        }
    19        h1 {
    20          margin: 50px 0 50px 0;
    21          font-weight: 300;
    22        }
    23      </style>
    24      <div>
    25        <iron-icon icon="error"></iron-icon>
    26        <h1>Sorry, we couldn't find that page</h1>
    27      </div>
    28      <a href="/">
    29        <paper-button>Go to the home page</paper-button>
    30      </a>
    31  `;
    32    }
    33  
    34    static get is() { return 'wpt-404'; }
    35  }
    36  
    37  customElements.define(WPT404.is, WPT404);