# `Ascii.Pieces.NotFound` [🔗](https://github.com/houllette/ascii_art/blob/main/lib/ascii/pieces/not_found.ex#L1) A block-letter 404 with a small ghost drifting beneath it. A 404 page. The code in heavy block digits with a double-line shadow, a small ghost drifting to and fro beneath it, and a line of copy: your error page's, in your words, for any code. ## Options Give them to `Ascii.new/2` as `options:`, and new ones while it plays with `Ascii.put_options/2` (or a Phoenix player's `options`): the page is drawn anew from them, the ghost drifting on. * `code` - the digits set big: the first three digits in it, as `"500"`; with none, `404`. Default `"404"`. * `title` - the first line of copy, centred under the ghost. Default `"page not found"`. * `message` - the line under it. Default `"the page you asked for has moved or never existed"`. Lines of copy longer than the frame's 60 columns are cut. The frame is 60 by 21, and the ghost's drift comes round every 9 seconds. ## Colours It has no parts to colour one by one: in one ink, or a gradient, with `:ink` and `:gradient` (see `Ascii.Ink`). A vertical gradient sets the digits, the ghost and the copy in colours of their own. ## Keys and clicks It takes none: it is a page to read, and `Ascii.handle_event/2` ignores every event. A Phoenix player given `interactive` and `notify` still tells your LiveView where it was clicked. ## Screen readers `Ascii.describe/1` reads the code and the copy, as "404: page not found; the page you asked for has moved or never existed". ## Example ```elixir options = %{code: "500", title: "server error", message: "we are on it"} page = Ascii.new!("not-found", options: options, ink: "#f85149") Ascii.describe(page) #=> "500: server error; we are on it" ``` ```heex ``` Ported from `src/pieces/not-found.ts` in bas3line/ascii (MIT). --- *Consult [api-reference.md](api-reference.md) for complete listing*