Packages
moon
2.76.2
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/footer.ex
defmodule MoonWeb.Components.Footer do
@moduledoc false
use MoonWeb, :stateless_component
alias MoonWeb.Components.Version
data(show_themes, :boolean, default: false)
def render(assigns) do
~F"""
<footer class="theme-moon-dark relative lg:fixed -mx-5 lg:mx-0 mt-16 lg:mt-0 z-50 lg:z-[9999] lg:bottom-0 inset-x-0 flex lg:flex-row gap-x-8 gap-y-6 2xl:ps-80 flex-wrap items-center text-moon-14 text-bulma bg-goku justify-center md:justify-between">
<div class="w-full py-5 px-5 lg:ps-8 lg:pe-5 xl:pe-20 2xl:px-32">
<div class="flex 2xl:max-w-screen-xl gap-x-4 gap-y-6 flex-col lg:flex-row w-full justify-between items-center">
<Version />
<div class="flex gap-x-4 gap-y-6 flex-wrap justify-center items-center text-trunks">
<a
href="https://github.com/coingaming/moon"
class="hover:underline"
target="_blank"
rel="noreferrer"
>
Github
</a>
<span>•</span>
<a
href="https://www.figma.com/community/file/1002945721703152933"
class="hover:underline"
target="_blank"
rel="noreferrer"
>
Figma
</a>
<span>•</span>
<a href="https://moonds.medium.com/" class="hover:underline" target="_blank" rel="noreferrer">
Medium
</a>
<span>•</span>
<a
href="https://www.linkedin.com/company/moon-io/"
class="hover:underline"
target="_blank"
rel="noreferrer"
>
LinkedIn
</a>
</div>
<p>
With the help of
<a
href="https://yolo.com/"
class="hover:underline font-semibold"
target="_blank"
rel="noreferrer"
>
Yolo Group
</a>
❤️
</p>
</div>
</div>
</footer>
"""
end
end