generated from fastn-stack/fastn-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
404.ftd
49 lines (33 loc) · 914 Bytes
/
404.ftd
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
41
42
43
44
45
46
47
48
49
-- import: fastn-stack.github.io/media/assets as m-assets
-- import: amitu.github.io/dotcom/assets
-- my-ds.page:
full-width: true
-- ftd.column:
align-content: center
color: $inherited.colors.text
height: fill-container
width: fill-container
padding-vertical.px: 40
padding-horizontal.px: 20
spacing.fixed.px: 20
-- ftd.text: Page Not Found!
role: $inherited.types.heading-hero
-- ftd.image:
id: panda-image
src: $m-assets.files.page-not-found-panda.svg
width.fixed.percent if { ftd.device == "desktop" }: 50
width: fill-container
$on-click$: $animate()
$on-click$: $load()
-- ftd.text:
role: $inherited.types.heading-small
text-align: center
Uh oh, Panda can’t seem to find the page you’re looking for.
-- end: ftd.column
-- end: my-ds.page
-- void animate():
js: $assets.files.rive.js
animate_panda()
-- void load():
js: //unpkg.com/@rive-app/[email protected]:onload="onScriptLoad_js()"
2 + 1