update notes to latest article

_posts/2023-07-17-ChromaDB-Search-in-Flask.md

@@ -25,6 +25,10 @@ icon: "fas fa-hammer"
   </svg>
 </div>
 
+> ### Update 20/07/2023
+> This article is referring to ChromaDB version 0.3.26. There have been breaking changes in the API with respect to this article and the latest version 0.4.2. Consequently, a couple of changes are warranted:
+> - Instead of `chromadb.Client`, one could now use `chromadb.PersistentClient`. There's a `path` argument for persistence, and `chromadbsettings` is not needed. One should also use the `settings` argument with `chromadbSettings(allow_reset = True)`, so that the  `app.chromadb.reset()` used by the implemented `flask reindex` CLI in `app.py` works.
+> - This post's `chromadb.persist()` should be removed as it's not supported anymore.
 
 ## Implementing search in Flask
 

assets/css/tailwind.css

@@ -654,16 +654,16 @@ video {
   margin-bottom: 2rem;
 }
 
-.-mx-6 {
-  margin-left: -1.5rem;
-  margin-right: -1.5rem;
-}
-
 .mx-8 {
   margin-left: 2rem;
   margin-right: 2rem;
 }
 
+.-mx-6 {
+  margin-left: -1.5rem;
+  margin-right: -1.5rem;
+}
+
 .mt-1 {
   margin-top: 0.25rem;
 }
@@ -888,6 +888,10 @@ video {
   max-width: 1024px;
 }
 
+.max-w-xl {
+  max-width: 36rem;
+}
+
 .max-w-xs {
   max-width: 20rem;
 }
@@ -900,14 +904,6 @@ video {
   max-width: none;
 }
 
-.max-w-5xl {
-  max-width: 64rem;
-}
-
-.max-w-xl {
-  max-width: 36rem;
-}
-
 .flex-shrink {
   flex-shrink: 1;
 }
@@ -1405,10 +1401,6 @@ video {
   padding: 1.25rem;
 }
 
-.p-12 {
-  padding: 3rem;
-}
-
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -1449,11 +1441,6 @@ video {
   padding-bottom: 0.25rem;
 }
 
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-
 .px-2\.5 {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
@@ -1583,16 +1570,16 @@ video {
   line-height: 1rem;
 }
 
-.text-3xl {
-  font-size: 1.875rem;
-  line-height: 2.25rem;
-}
-
 .text-6xl {
   font-size: 3.75rem;
   line-height: 1;
 }
 
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
 .font-extrabold {
   font-weight: 800;
 }