Packages

moon

2.85.1
2.90.5 retired 2.90.4 2.90.3 2.90.2 2.90.1 2.90.0 2.89.4 2.89.1 2.89.0 2.88.0 2.87.11 2.87.10 2.87.9 2.87.8 2.87.7 2.87.6 2.87.5 2.87.4 2.87.3 2.87.2 2.87.1 2.87.0 2.86.1 2.86.0 2.85.1 2.85.0 2.84.0 2.83.0 2.82.0 2.81.4 2.81.3 2.81.2 2.81.1 2.81.0 2.80.2 2.80.1 2.80.0 2.79.13 2.79.12 2.79.11 2.79.10 2.79.9 2.79.8 2.79.7 2.79.6 2.79.5 2.79.4 2.79.3 2.79.2 2.79.1 2.79.0 2.78.4 2.78.3 2.78.2 2.78.1 2.78.0 2.77.0 2.76.5 2.76.4 2.76.3 2.76.2 2.76.1 2.76.0 2.75.0 2.74.1 2.74.0 2.73.8 2.73.7 2.73.6 2.73.5 2.73.4 2.73.3 2.73.2 2.73.1 2.73.0 2.72.5 2.72.4 2.72.3 2.72.2 2.72.1 2.72.0 2.71.1 2.71.0 2.70.0 2.69.2 2.69.1 2.69.0 2.68.11 2.68.10

Components-based design system written in elixir

HexDocs

Current section

Files

Jump to
Readme
89 Versions
17 Dependencies
0 Dependants
Files
Activity
moon lib moon_web templates error 404.html.heex
Raw

lib/moon_web/templates/error/404.html.heex 

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta name="csrf-token" content={get_csrf_token()} />

    <.live_title suffix=" · Phoenix Framework">

      <%= assigns[:page_title] || "Moon" %>

    </.live_title>



    <link rel="stylesheet" href={~p"/themes/moon.css"} />



    <link rel="stylesheet" href={~p"/assets/app.css"} />



    <link rel="apple-touch-icon" sizes="180x180" href={~p"/images/favs/apple-touch-icon.png"} />

    <link rel="icon" type="image/png" sizes="32x32" href={~p"/images/favs/favicon-32x32.png"} />

    <link rel="icon" type="image/png" sizes="16x16" href={~p"/images/favs/favicon-16x16.png"} />

    <link rel="manifest" href={~p"/images/favs/site.webmanifest"} />

    <link rel="mask-icon" href={~p"/images/favs/safari-pinned-tab.svg"} />

    <link rel="shortcut icon" href={~p"/images/favs/favicon.ico"} />

    <meta name="msapplication-config" content={~p"/images/favs/browserconfig.xml"} />



    <script defer type="text/javascript" src={~p"/assets/app.js"}>

    </script>

  </head>

  <body>

    <main>

      <div class="flex flex-col items-center min-h-full justify-center">

        <img

          class="mt-20"

          src="/moon/assets/images/facing/404.png"

          alt="Lost in space"

          width={1280}

        />

        <div class="flex flex-col items-center gap-6">

          <h1 class="text-moon-48 font-medium text-center">Lost in space</h1>

          <p class="text-moon-24 text-center">

            Huston, we have a problem. Moon not found.

          </p>

          <button

            onclick="window.location.href = 'https://surface.moon.io';"

            class="text-piccolo bg-transparent ring-1 ring-piccolo"

            style="color: rgba(78, 70, 180, 1); border: 1px solid rgba(78, 70, 180, 1); font-size: .875rem; font-weight: 500; border-radius: 0.5rem; padding-right: 1rem; padding-left: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; transition-duration: .2s;"

            onmouseover="this.style.backgroundColor='rgba(0, 0, 0, 0.04)'"

            onmouseout="this.style.backgroundColor='transparent'"

            onmousedown="this.style.transform='scale(0.9)'"

            onmouseup="this.style.transform='scale(1)'"

          >

            Go back to home

          </button>

        </div>

      </div>

    </main>

  </body>

</html>