feat: add 'coming soon' empty state for projects page & gitignore public dir

- Add animated coming-soon card when no projects exist
- Add Grafana shortcode and gebrauchtwagen-datenbank project
- Add hugo/eliaskohout.de/public/ to .gitignore and remove from tracking

hugo/eliaskohout.de/assets/css/style.css

@@ -118,6 +118,62 @@ svg {
   gap: 1.5rem;
 }
 
+.coming-soon {
+  grid-column: 1 / -1;
+  text-align: center;
+  padding: 3rem 2rem;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 12px;
+  background: rgba(255, 255, 255, 0.03);
+  -webkit-backdrop-filter: blur(12px);
+  backdrop-filter: blur(12px);
+  animation: fadeInUp 0.6s ease-out;
+}
+
+.coming-soon-icon {
+  display: block;
+  font-size: 2.5rem;
+  margin-bottom: 1rem;
+  animation: float 3s ease-in-out infinite;
+}
+
+.coming-soon h2 {
+  font-size: 1.4rem;
+  letter-spacing: 2px;
+  margin: 0 0 0.5rem;
+  color: #fff;
+}
+
+.coming-soon p {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 0.95rem;
+  margin: 0 0 1rem;
+}
+
+.coming-soon-dots span {
+  display: inline-block;
+  font-size: 1.5rem;
+  color: #ff3c3c;
+  animation: blink 1.4s infinite both;
+}
+.coming-soon-dots span:nth-child(2) { animation-delay: 0.2s; }
+.coming-soon-dots span:nth-child(3) { animation-delay: 0.4s; }
+
+@keyframes fadeInUp {
+  from { opacity: 0; transform: translateY(16px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes float {
+  0%, 100% { transform: translateY(0); }
+  50%      { transform: translateY(-8px); }
+}
+
+@keyframes blink {
+  0%, 80%, 100% { opacity: 0; }
+  40%           { opacity: 1; }
+}
+
 .project-card {
   display: block;
   border: 1px solid rgba(255, 255, 255, 0.1);