Packages

surface

0.8.2
0.12.3 0.12.2 0.12.1 0.12.0 0.11.5 0.11.4 0.11.3 0.11.2 0.11.1 0.11.0 0.10.0 0.9.5 0.9.4 0.9.3 0.9.2 0.9.1 0.9.0 0.8.4 0.8.3 0.8.2 0.8.1 0.8.0 0.7.6 0.7.5 0.7.4 0.7.3 0.7.2 0.7.1 0.7.0 0.6.1 0.6.0 0.5.2 0.5.1 0.5.0 0.4.1 0.4.0 0.3.2 0.3.1 0.3.0 0.2.1 0.2.0 0.1.1 0.1.0 0.1.0-alpha.2 0.1.0-alpha.1 0.1.0-alpha.0

A component based library for Phoenix LiveView

HexDocs

Current section

Files

Jump to
Readme
46 Versions
3 Dependencies
21 Dependants
Files
Activity
surface priv templates surface.init layouts default index.sface
Raw

priv/templates/surface.init/layouts/default/index.sface 

<section class="phx-hero">

  <h1>Welcome to Phoenix!</h1>

  <p>Peace of mind from prototype to production</p>

</section>



<section class="row">

  {#if Code.ensure_loaded?(<%= inspect(web_module) %>.Demo)}

    <article class="column">

      <h2>Demo</h2>

      <ul>

        <li>

          <a href="/demo">Card</a>

        </li>

        {#if Application.spec(:surface_catalogue)}

          <li>

            <a href="/catalogue/components/<%= inspect(web_module) %>.Components.Card/example">Examples</a>

          </li>

        {/if}

      </ul>

    </article>

  {/if}

  <article class="column">

    <h2>Resources</h2>

    <ul>

      <li>

        <a href="https://hexdocs.pm/phoenix/overview.html">Guides &amp; Docs</a>

      </li>

      <li>

        <a href="https://github.com/phoenixframework/phoenix">Source</a>

      </li>

      <li>

        <a href="https://github.com/phoenixframework/phoenix/blob/v1.6/CHANGELOG.md">v1.6 Changelog</a>

      </li>

    </ul>

  </article>

  <article class="column">

    <h2>Help</h2>

    <ul>

      <li>

        <a href="https://elixirforum.com/c/phoenix-forum">Forum</a>

      </li>

      <li>

        <a href="https://web.libera.chat/#elixir">#elixir on Libera Chat (IRC)</a>

      </li>

      <li>

        <a href="https://twitter.com/elixirphoenix">Twitter @elixirphoenix</a>

      </li>

      <li>

        <a href="https://elixir-slackin.herokuapp.com/">Elixir on Slack</a>

      </li>

      <li>

        <a href="https://discord.gg/elixir">Elixir on Discord</a>

      </li>

    </ul>

  </article>

</section>