Project Update, Bug Fix and UI updates

data/projects.json

@@ -18,5 +18,10 @@
     "repo_url": "https://github.com/alob-mtc/runnerq",
     "banner": "https://opengraph.githubassets.com/1/alob-mtc/runnerq",
     "tags": ["crate"]
+  },
+  {
+    "repo_url": "https://github.com/deven96/ahnlich",
+    "banner": "https://opengraph.githubassets.com/1/deven96/ahnlich",
+    "tags": ["ai", "crate"]
   }
 ]

src/components/cards_list/mod.rs

@@ -205,7 +205,10 @@ where
             </div>
         </Show>
 
-        <div class="flex mt-3 items-center gap-x-2 flex-wrap">
+        <div class=cn!(#(
+            "flex mt-3 items-center gap-x-2 flex-wrap opacity-0 duration-300 delay-100",
+              (section_in_view(), "opacity-100")
+        ))>
             {move ||
                 {
 

src/hooks/use_in_view.rs

@@ -45,7 +45,9 @@ where
             let set_visible = set_in_view;
             let observer = IntersectionObserverWrap::new(
                 Box::new(move |entries, _| {
-                    set_visible(entries[0].is_intersecting());
+                    for entry in entries.iter() {
+                        set_visible(entry.is_intersecting());
+                    }
                 }),
                 in_view_options.observer_options.as_ref(),
             );