Packages

raxol

1.0.1
2.6.0 2.4.0 2.3.0 2.2.0 2.1.0 2.0.1 2.0.0 1.5.4 1.4.1 1.0.1 1.0.0 0.9.0 0.6.0 0.5.0 0.4.0 0.3.0 0.2.0 0.1.0

Multi-surface application runtime for Elixir. One TEA module renders to terminal, browser (LiveView), SSH, and MCP (agents). 30+ widgets, flexbox + CSS grid, AI agent runtime, distributed swarm with CRDTs, time-travel debugging, session recording, sandboxed REPL, and agentic commerce.

HexDocs

Current section

Files

Jump to
Readme
18 Versions
34 Dependencies
Dependants
Files
Activity
raxol lib raxol_web templates page home.html.heex
Raw

lib/raxol_web/templates/page/home.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"/>

    <title>Raxol Home</title>

    <link phx-track-static rel="stylesheet" href={Routes.static_path(@conn, "/@static/app.css")}/>

  </head>

  <body>

    <div class="min-h-screen bg-gray-50">

      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">

        <div class="text-center">

          <h1 class="text-4xl font-extrabold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl">

            Welcome to Raxol

          </h1>

          <p class="mt-5 max-w-xl mx-auto text-xl text-gray-500">

            A modern terminal emulator with advanced features and extensibility.

          </p>

        </div>



        <div class="mt-12">

          <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">

            <!-- Terminal Feature -->

            <div class="bg-white overflow-hidden shadow rounded-lg">

              <div class="px-4 py-5 sm:p-6">

                <h3 class="text-lg font-medium text-gray-900">Terminal</h3>

                <div class="mt-2 text-sm text-gray-500">

                  <p>Access the full-featured terminal emulator with support for:</p>

                  <ul class="mt-2 list-disc list-inside">

                    <li>ANSI escape sequences</li>

                    <li>Unicode support</li>

                    <li>Multiple tabs</li>

                    <li>Custom themes</li>

                  </ul>

                </div>

                <div class="mt-5">

                  <.link href={~p"/terminal"} class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">

                    Open Terminal

                  </.link>

                </div>

              </div>

            </div>



            <!-- Settings Feature -->

            <div class="bg-white overflow-hidden shadow rounded-lg">

              <div class="px-4 py-5 sm:p-6">

                <h3 class="text-lg font-medium text-gray-900">Settings</h3>

                <div class="mt-2 text-sm text-gray-500">

                  <p>Customize your Raxol experience:</p>

                  <ul class="mt-2 list-disc list-inside">

                    <li>Profile settings</li>

                    <li>Theme preferences</li>

                    <li>Terminal configuration</li>

                    <li>Plugin management</li>

                  </ul>

                </div>

                <div class="mt-5">

                  <.link href={~p"/settings"} class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">

                    Manage Settings

                  </.link>

                </div>

              </div>

            </div>



            <!-- Documentation Feature -->

            <div class="bg-white overflow-hidden shadow rounded-lg">

              <div class="px-4 py-5 sm:p-6">

                <h3 class="text-lg font-medium text-gray-900">Documentation</h3>

                <div class="mt-2 text-sm text-gray-500">

                  <p>Learn more about Raxol:</p>

                  <ul class="mt-2 list-disc list-inside">

                    <li>User guide</li>

                    <li>API documentation</li>

                    <li>Plugin development</li>

                    <li>Contributing guide</li>

                  </ul>

                </div>

                <div class="mt-5">

                  <.link href={~p"/docs"} class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">

                    View Documentation

                  </.link>

                </div>

              </div>

            </div>

          </div>

        </div>



        <!-- Quick Start Section -->

        <div class="mt-12 bg-white shadow rounded-lg">

          <div class="px-4 py-5 sm:p-6">

            <h3 class="text-lg font-medium text-gray-900">Quick Start</h3>

            <div class="mt-2 text-sm text-gray-500">

              <p>Get started with Raxol in minutes:</p>

              <ol class="mt-2 list-decimal list-inside space-y-2">

                <li>Open the terminal and start using it right away</li>

                <li>Customize your settings to match your preferences</li>

                <li>Install plugins to extend functionality</li>

                <li>Join the community for support and updates</li>

              </ol>

            </div>

          </div>

        </div>

      </div>

    </div>



    <script defer phx-track-static type="text/javascript" src={Routes.static_path(@conn, "/@static/app.js")}></script>

  </body>

</html>