Packages
moon
2.79.13
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
Current section
Files
Jump to
Current section
Files
lib/moon_web/components/facing/future.ex
defmodule MoonWeb.Components.Facing.Future do
@moduledoc false
use MoonWeb, :stateless_component
alias Moon.Icons.ArrowsTopRight
alias MoonWeb.Components.Facing.FutureIcon
def render(assigns) do
~F"""
<a
href="/contribute"
class="group block relative p-6 md:px-14 md:py-8 rounded-moon-s-lg bg-[url('/moon/assets/images/facing/future_bg.webp')] bg-cover z-20"
>
<div class="flex justify-between align-start">
<div class="flex flex-col gap-6">
<h3 class="relative text-goten text-moon-48 font-medium z-10">
Want to contribute?
</h3>
<p class="max-w-md relative text-moon-24 text-goten z-1">
Start building with our HTML/CSS framework and rapidly go from
prototype to production.
</p>
</div>
<div class="hidden md:block relative z-10">
<FutureIcon />
</div>
<div class="absolute md:static top-6 ltr:right-6 rtl:left-6 text-goten z-10 rtl:-rotate-90">
<ArrowsTopRight font_size="2rem" />
</div>
</div>
</a>
"""
end
end