47 lines
1.4 KiB
Text
47 lines
1.4 KiB
Text
<h1>Hello World</h1>
|
|
<div class="flex gap-10 flex-col sm:flex-row">
|
|
<div class="flex-1">
|
|
<div class="shadow-md rounded-xl pt-4 bg-pink-100">
|
|
<h2 class="text-center font-bold pb-2">BOOKS</h2>
|
|
<.link patch={~p"/books"} class="flex flex-col items-center">
|
|
<img src={~p"/images/book-card-homepage.jpg"} class="rounded-xl w-1/2 sm:w-auto" />
|
|
</.link>
|
|
</div>
|
|
|
|
<div class="text-right py-2 text-pink-500">
|
|
<.link patch={~p"/books/thoughts"} class="hover:underline">
|
|
Share my thoughts
|
|
</.link>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex-1">
|
|
<div class="shadow-md rounded-xl pt-4 bg-blue-100">
|
|
<h2 class="text-center font-bold pb-2">MOVIES</h2>
|
|
<.link patch={~p"/movies"}>
|
|
<img src={~p"/images/movie-card-homepage.jpg"} class="rounded-xl" />
|
|
</.link>
|
|
</div>
|
|
|
|
<div class="text-right py-2 text-blue-500">
|
|
<.link patch={~p"/movies/critics"} class="hover:underline">
|
|
Share my critics
|
|
</.link>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex-1">
|
|
<div class="shadow-md rounded-xl pt-4 bg-green-100">
|
|
<h2 class="text-center font-bold pb-2">RECIPES</h2>
|
|
<.link patch={~p"/recipes"}>
|
|
<img src={~p"/images/recipe-card-homepage.jpg"} class="rounded-xl" />
|
|
</.link>
|
|
</div>
|
|
|
|
<div class="text-right py-2 text-green-500">
|
|
<.link patch={~p"/recipes/tastes"} class="hover:underline">
|
|
Share my tastes
|
|
</.link>
|
|
</div>
|
|
</div>
|
|
</div>
|