blog list update

Author: ivanchromjak

assets/css/style.css

@@ -770,10 +770,6 @@ select {
   left: 0;
 }
 
-.aspect-h-11 {
-  --tw-aspect-h: 11;
-}
-
 .prose {
   color: var(--tw-prose-body);
   max-width: 65ch;
@@ -2355,6 +2351,10 @@ select {
   background-color: rgb(248 249 255 / var(--tw-bg-opacity));
 }
 
+.bg-primary-50\/50 {
+  background-color: rgb(248 249 255 / 0.5);
+}
+
 .bg-primary-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(100 46 255 / var(--tw-bg-opacity));
@@ -2397,16 +2397,8 @@ select {
   background-color: rgb(255 255 255 / 0.05);
 }
 
-.bg-primary-50\/50 {
-  background-color: rgb(248 249 255 / 0.5);
-}
-
-.bg-primary-50\/75 {
-  background-color: rgb(248 249 255 / 0.75);
-}
-
-.bg-primary-50\/60 {
-  background-color: rgb(248 249 255 / 0.6);
+.bg-slate-50\/50 {
+  background-color: rgb(248 250 252 / 0.5);
 }
 
 .bg-gradient-to-br {
@@ -3687,6 +3679,11 @@ h1 strong, h2 strong, h3 strong, .text-highlight, .superheading strong {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-slate-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
+}
+
 .hover\:text-aqua-400:hover {
   --tw-text-opacity: 1;
   color: rgb(13 229 178 / var(--tw-text-opacity));
@@ -4344,16 +4341,6 @@ h1 strong, h2 strong, h3 strong, .text-highlight, .superheading strong {
     margin-right: 0px;
   }
 
-  .lg\:-mx-16 {
-    margin-left: -4rem;
-    margin-right: -4rem;
-  }
-
-  .lg\:-mx-24 {
-    margin-left: -6rem;
-    margin-right: -6rem;
-  }
-
   .lg\:-ml-0 {
     margin-left: -0px;
   }

layouts/partials/list-blog.html

@@ -8,10 +8,6 @@ <h1 class="text-4xl sm:text-5xl lg:text-6xl font-heading font-bold tracking-tigh
       {{ with .Params }}
         {{ partial "components/subheading.html" . }}
       {{ end }}
-      <div class="rounded-2xl pt-4 max-w-xl mx-auto">
-        {{ partial "components/form-mailchimp.html" . }}
-      </div>
-
     </div>
   </div>
   <div class="mx-auto max-w-md md:max-w-7xl pb-16 lg:pb-24">

layouts/partials/nav-categories.html

@@ -36,10 +36,10 @@
   </div>
 </div>
 <div class="hidden lg:flex lg:justify-center capitalize">
-  <div class="flex space-x-1 justify-center font-normal text-sm bg-slate-50 dark:bg-primary-900 rounded-full p-2">
-    <a class="{{ if in .Permalink "/blog/" }}text-blue-600 bg-white shadow-md{{ else }}text-slate-900 {{ end }} hover:bg-white px-6 xl:px-8 py-2.5 tracking-wide rounded-full font-medium" href="{{ "/blog/" | relLangURL }}">{{ i18n "all_categories" }}</a>
+  <div class="flex flex-wrap gap-1.5 font-normal text-sm">
+    <a class="{{ if in .Permalink "/blog/" }}text-blue-600 bg-slate-100{{ else }}text-slate-700 bg-slate-50 {{ end }} hover:bg-slate-100 px-4 py-2 tracking-wide rounded-full font-medium" href="{{ "/blog/" | relLangURL }}">{{ i18n "all_categories" }}</a>
     {{ range site.Taxonomies.categories }}
-      <a class="{{ if eq .Page.Permalink $.Permalink }}text-blue-600 bg-white shadow-md{{ else }}text-slate-900 {{ end }} hover:bg-white px-6 xl:px-8 py-2.5 tracking-wide rounded-full font-medium" href="{{ .Page.Permalink }}">{{ .Page.Title }}</a>
+      <a class="{{ if eq .Page.Permalink $.Permalink }}text-blue-600 bg-slate-100{{ else }}text-slate-700 bg-slate-50 {{ end }} hover:bg-slate-100 px-4 py-2 tracking-wide rounded-full font-medium" href="{{ .Page.Permalink }}">{{ .Page.Title }}</a>
     {{ end }}
   </div>
 </div>