ux: clean up footer

assets/css/global.css

@@ -96,3 +96,8 @@ input[type="search"]::-ms-clear {
 code{
   font-size:0.9em;
 }
+
+/* cookie setting button */
+#ot-sdk-btn{
+  border:none;
+}

assets/css/utilities.css

@@ -10,6 +10,13 @@
   }
 }
 
+@utility icon-md {
+  svg {
+    font-size: 24px;
+  }
+}
+
+
 @utility icon-lg {
   svg {
     font-size: 32px;
@@ -263,3 +270,36 @@
    font-size: 19px;
   }
 }
+
+.footer {
+  @apply hidden md:flex flex-row ml-auto justify-between px-4 pt-6 pb-2 gap-6;
+  @apply bg-gray-100 dark:bg-gray-900 border-t border-gray-200 dark:border-gray-700;
+  @apply text-gray-600 dark:text-gray-400;
+  a:hover{
+    @apply underline underline-offset-4;
+  }
+}
+
+.social {
+  @apply items-center gap-1 flex-wrap min-w-20 flex;
+}
+
+.links {
+  @apply flex items-center gap-3;
+}
+
+.links a {
+  @apply inline-flex whitespace-normal truncate min-w-15;
+}
+
+.secondaryLinks {
+  @apply  flex items-center;
+  a, button{
+    @apply whitespace-normal md:truncate;
+  }
+}
+
+.secondaryLinks > *:not(:last-child)::after {
+  content: "|";
+  @apply text-gray-400 mx-1;
+}

hugo_stats.json

@@ -198,6 +198,7 @@
       "border-l-2",
       "border-l-magenta-light",
       "border-none",
+      "border-t",
       "border-transparent",
       "bottom-0",
       "breadcrumbs",
@@ -242,7 +243,6 @@
       "dark:border-gray-700",
       "dark:border-green-400",
       "dark:border-l-magenta-dark",
-      "dark:fill-blue-300",
       "dark:focus:ring-3-blue-dark",
       "dark:from-blue-300",
       "dark:hidden",
@@ -265,6 +265,7 @@
       "dark:text-gray-300",
       "dark:text-gray-400",
       "dark:text-gray-500",
+      "dark:text-gray-600",
       "dark:text-magenta-dark",
       "dark:text-white",
       "dark:to-blue-400",
@@ -275,7 +276,6 @@
       "drop-shadow",
       "dropdown-base",
       "duration-300",
-      "fill-blue",
       "fixed",
       "flex",
       "flex-1",
@@ -294,13 +294,13 @@
       "font-medium",
       "font-normal",
       "font-semibold",
+      "footer",
       "footnote-backref",
       "footnote-ref",
       "footnotes",
       "from-blue-400",
       "gap-0",
       "gap-1",
-      "gap-10",
       "gap-12",
       "gap-2",
       "gap-2.5",
@@ -359,14 +359,12 @@
       "justify-between",
       "justify-center",
       "justify-end",
-      "justify-evenly",
       "leading-none",
       "leading-snug",
       "leading-tight",
       "left-0",
       "lg:block",
       "lg:flex",
-      "lg:flex-row",
       "lg:gap-4",
       "lg:gap-8",
       "lg:grid-cols-2",
@@ -378,14 +376,14 @@
       "lg:pb-2",
       "lg:scale-100",
       "link",
+      "links",
       "lntable",
       "lntd",
       "macOS",
       "max-h-full",
       "max-w-4xl",
       "max-w-56",
       "max-w-[1920px]",
-      "max-w-[840px]",
       "max-w-full",
       "max-w-none",
       "max-w-xl",
@@ -397,6 +395,7 @@
       "mb-8",
       "md-dropdown",
       "md:block",
+      "md:border-none",
       "md:flex",
       "md:flex-nowrap",
       "md:flex-row",
@@ -417,7 +416,6 @@
       "min-w-0",
       "min-w-48",
       "min-w-52",
-      "min-w-fit",
       "ml-2",
       "ml-3",
       "ml-4",
@@ -469,23 +467,19 @@
       "pb-0.5",
       "pb-1",
       "pb-2",
-      "pb-20",
       "pb-4",
       "pb-8",
       "pl-2",
       "pl-3",
       "pl-4",
       "pl-5",
-      "place-items-center",
       "pr-2",
       "prose",
-      "pt-10",
       "pt-2",
       "pt-4",
       "px-1",
       "px-2",
       "px-4",
-      "px-6",
       "py-0.5",
       "py-1",
       "py-2",
@@ -509,6 +503,7 @@
       "scroll-mt-2",
       "scroll-mt-20",
       "scroll-mt-36",
+      "secondaryLinks",
       "section-card",
       "section-card-text",
       "section-card-title",
@@ -521,6 +516,7 @@
       "sm:flex-row",
       "sm:hidden",
       "sm:items-center",
+      "social",
       "space-y-2",
       "space-y-4",
       "sticky",
@@ -565,7 +561,6 @@
       "transition-colors",
       "transition-transform",
       "truncate",
-      "underline-offset-2",
       "w-2",
       "w-5",
       "w-65",