configuration pocketbase terminé (#5)

# Conflicts:
#	.gitignore

src/app/shared/components/project-item/project-item.component.html

@@ -0,0 +1,26 @@
+@if (project) {
+  <div class="bg-white rounded-2xl border p-6">
+
+    @if (project.fichier) {
+      <img alt="{{project.nom}}" class="object-cover object-center h-full w-full "
+           src="{{environment.baseUrl}}/api/files/projets/{{project.id}}/{{project.fichier}}" loading="lazy">
+    } @else {
+      <img alt="nouveau-projet" class="object-cover object-center h-full w-full "
+           src="https://api.dicebear.com/9.x/shapes/svg?seed={{project.nom}}" loading="lazy">
+    }
+
+    <div class="mt-6">
+      <h3 class="text-lg font-bold text-gray-800 mb-3">{{ project.nom }}</h3>
+      <p class="text-gray-800 text-sm">{{ project.description }}</p>
+      <div class="mt-6">
+        <a class="text-indigo-500 inline-flex items-center md:mb-2 lg:mb-0" href="{{project.lien}}" target="_blank">Explore
+          <svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none"
+               stroke-linecap="round" stroke-linejoin="round">
+            <path d="M5 12h14"></path>
+            <path d="M12 5l7 7-7 7"></path>
+          </svg>
+        </a>
+      </div>
+    </div>
+  </div>
+}