Krys4lide/crates/app/templates/pages/home.html

<h3 id="page-title" hx-swap-oob="textContent">
    Accueil
</h3>

<div
  id="nav-menu-desktop"
  hx-swap-oob="innerHTML"
>
  {{ crate::templates::nav::build_menu(false, crate::templates::nav::MenuItems::Home)|safe }}
</div>

<div
  id="nav-menu-mobile"
  hx-swap-oob="innerHTML"
>
  {{ crate::templates::nav::build_menu(true, crate::templates::nav::MenuItems::Home)|safe }}
</div>

<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
  <div
    class="border-2 border-dashed border-gray-300 rounded-lg dark:border-gray-600 h-32 md:h-64"
  ></div>
  <div
    class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-32 md:h-64"
  ></div>
  <div
    class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-32 md:h-64"
  ></div>
  <div
    class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-32 md:h-64"
  ></div>
</div>
<div
  class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-96 mb-4"
></div>
<div class="grid grid-cols-2 gap-4 mb-4">
  <div
    class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-48 md:h-72"
  ></div>
  <div
    class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-48 md:h-72"
  ></div>
  <div
    class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-48 md:h-72"
  ></div>
  <div
    class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-48 md:h-72"
  ></div>
</div>
<div
  class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-96 mb-4"
></div>
<div class="grid grid-cols-2 gap-4">
  <div
    class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-48 md:h-72"
  ></div>
  <div
    class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-48 md:h-72"
  ></div>
  <div
    class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-48 md:h-72"
  ></div>
  <div
    class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-48 md:h-72"
  ></div>
</div>