page-not-found.html
1.26 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<link rel="import" href="../../bower_components/paper-toolbar/paper-toolbar.html">
<link rel="import" href="../../bower_components/paper-drawer-panel/paper-drawer-panel.html">
<link rel="import" href="../app-sidebar/app-sidebar.html">
<link rel="import" href="../app-link/app-link.html">
<dom-module id="page-not-found">
<template>
<style>
paper-toolbar {
background-color: white;
}
section {
background-color: #fafafa;
padding: 40px;
}
</style>
<paper-drawer-panel id="drawerPanel" responsive-width="900px" drawer-width="272px" disable-edge-swipe>
<app-sidebar drawer>
<paper-toolbar>
<app-logo class="flex"></app-logo>
<app-bar class="horizontal layout center end-justified" query="{{q}}"></app-bar>
</paper-toolbar>
</app-sidebar>
<section main class="fit">
<h1>There isn't an element for that yet</h1>
<p>It seems like you may have misspelled that URL...</p>
<a href="/" is="app-link">Take me to the front page</a>
</section>
</paper-drawer-panel>
</template>
</dom-module>
<script>
Polymer({
is: 'page-not-found',
attached: function() {
this.fire('page-meta', { title: 'Page not found' });
}
});
</script>