Packages

livebook

0.9.3
0.19.8 0.19.7 0.19.6 0.19.5 0.19.4 0.19.3 0.19.2 0.19.1 0.19.0 0.18.6 0.18.5 0.18.4 0.18.3 0.18.2 0.18.1 0.18.0 0.17.3 0.17.2 0.17.1 0.17.0 0.16.4 0.16.3 0.16.2 0.16.1 0.16.0 0.15.5 0.15.4 0.15.3 0.15.2 0.15.1 0.15.0 0.14.7 0.14.6 0.14.5 0.14.4 0.14.3 0.14.2 0.14.1 0.14.0 0.14.0-rc.1 0.14.0-rc.0 0.13.3 0.13.2 0.13.1 0.13.0 0.12.1 0.12.0 0.11.4 0.11.3 0.11.2 0.11.1 0.11.0 0.10.0 0.9.3 0.9.2 0.9.1 0.9.0 0.8.2 0.8.1 0.8.0 0.7.2 0.7.1 0.7.0 0.6.3 0.6.2 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.3 0.2.2 0.2.1 0.2.0 0.1.2 0.1.1 0.1.0

Automate code & data workflows with interactive notebooks

HexDocs

Current section

Files

Jump to
Readme
82 Versions
16 Dependencies
3 Dependants
1 Advisory
Files
Activity
livebook lib livebook_web live learn_helpers.ex
Raw

lib/livebook_web/live/learn_helpers.ex 

defmodule LivebookWeb.LearnHelpers do

  use Phoenix.Component



  use LivebookWeb, :verified_routes



  @doc """

  Renders an learn notebook card.

  """

  attr :notebook_info, :map, required: true



  def notebook_card(assigns) do

    ~H"""

    <.link

      navigate={~p"/learn/notebooks/#{@notebook_info.slug}"}

      class="flex flex-col border-2 border-gray-100 hover:border-gray-200 rounded-2xl"

    >

      <div class="flex items-center justify-center p-6 border-b-2 border-gray-100 rounded-t-2xl h-[150px]">

        <img

          src={img_src(@notebook_info.details.cover_url)}

          class="max-h-full max-w-[75%]"

          alt={"#{@notebook_info.title} logo"}

        />

      </div>

      <div class="px-6 py-4 bg-gray-100 rounded-b-2xl grow">

        <span class="text-gray-800 font-semibold"><%= @notebook_info.title %></span>

        <p class="mt-2 text-sm text-gray-600">

          <%= @notebook_info.details.description %>

        </p>

      </div>

    </.link>

    """

  end



  defp img_src("data:" <> _ = url), do: url

  defp img_src(url), do: url

end