35 lines
1.2 KiB
Plaintext
35 lines
1.2 KiB
Plaintext
<div class="flex flex-col flex-col-reverse gap-12 items-center md:flex-row md:justify-between">
|
|
<div id="hero" class="prose md:w-1/2">
|
|
<h1>
|
|
Friends App
|
|
</h1>
|
|
<p class="">
|
|
<i>Friends</i> helps us remember the important
|
|
dates in your life, keep track of any big life changes,
|
|
and basically act like the 2011 Facebook we all miss.
|
|
</p>
|
|
<h3 class="mt-12 border-b-2">
|
|
Database stats
|
|
</h3>
|
|
<ul>
|
|
<li>
|
|
<.link patch="/friends" class="">
|
|
<%= pluralize(@all_friends |> length, "friend") %>
|
|
</.link>
|
|
</li>
|
|
<li>
|
|
<.link patch="/relationships" class="">
|
|
<%= pluralize(@all_relationships |> length, "relationship") %>
|
|
</.link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div id="sign-up" class="prose card md:w-fit bg-base-100 shadow-xl items-center">
|
|
<div class="card-body">
|
|
<h1 class="card-title border-b-2 mb-12">
|
|
Sign Up
|
|
</h1>
|
|
<.sign_up new_friend={@new_friend} />
|
|
</div>
|
|
</div>
|
|
</div> |