updates

Author: ArthurFlag

assets/css/global.css

@@ -96,3 +96,47 @@ input[type="search"]::-ms-clear {
 code{
   font-size:0.9em;
 }
+#footer {
+  @apply flex bg-gray-100 px-0 py-6 dark:bg-gray-900 ;
+}
+#copyright {
+  font-size: 0.9em;
+  color: #78909C;
+  display: flex;
+  align-items: center;
+}
+
+#copyright > * {
+  display: inline-flex;
+  width: max-content;
+  white-space: nowrap;
+}
+
+#copyright > *:not(:last-child)::after {
+  content: "|";
+  color: var(--color-gray-400);
+  @apply mx-1;
+}
+
+#links{
+  font-size: 1em;
+  color: var(--color-gray-600);
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+}
+
+#links a {
+  text-underline-offset: 2px;
+  display: inline-flex;
+  width: max-content;
+  padding: 0;
+  margin: 0;
+}
+#links a:hover {
+  text-decoration: underline;
+}
+
+#social {
+  @apply flex flex-row items-center gap-1;
+}

hugo_stats.json

@@ -242,7 +242,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",
@@ -275,11 +274,11 @@
       "drop-shadow",
       "dropdown-base",
       "duration-300",
-      "fill-blue",
       "fixed",
       "flex",
       "flex-1",
       "flex-[2_2_0%]",
+      "flex-between",
       "flex-col",
       "flex-col-reverse",
       "flex-grow",
@@ -344,11 +343,9 @@
       "hover:text-blue",
       "hover:underline",
       "icon-lg",
-      "icon-md",
       "icon-sm",
       "icon-svg",
       "icon-svg-stroke",
-      "image-svg",
       "inline",
       "inline-block",
       "inline-flex",
@@ -361,7 +358,8 @@
       "justify-between",
       "justify-center",
       "justify-end",
-      "justify-evenly",
+      "justify-items-end",
+      "justify-items-start",
       "leading-none",
       "leading-snug",
       "leading-tight",
@@ -381,17 +379,14 @@
       "link",
       "lntable",
       "lntd",
+      "m-0",
       "macOS",
       "max-h-full",
       "max-w-4xl",
       "max-w-56",
-      "max-w-840px",
-      "max-w-[1000px]",
       "max-w-[1200px]",
+      "max-w-[1280px]",
       "max-w-[1920px]",
-      "max-w-[840px]",
-      "max-w-[9000px]",
-      "max-w-[900px]",
       "max-w-full",
       "max-w-none",
       "max-w-xl",
@@ -435,6 +430,9 @@
       "mt-8",
       "mt-[2px]",
       "mx-1",
+      "mx-10",
+      "mx-4",
+      "mx-6",
       "mx-auto",
       "my-0",
       "my-4",
@@ -481,15 +479,16 @@
       "pl-3",
       "pl-4",
       "pl-5",
-      "place-items-center",
       "pr-2",
       "prose",
       "pt-10",
       "pt-2",
       "pt-4",
       "px-1",
+      "px-10",
       "px-2",
       "px-4",
+      "px-5",
       "px-6",
       "py-0.5",
       "py-1",
@@ -526,6 +525,8 @@
       "sm:flex-row",
       "sm:hidden",
       "sm:items-center",
+      "space-x-1",
+      "space-x-2",
       "space-y-2",
       "space-y-4",
       "sticky",
@@ -573,7 +574,6 @@
       "underline-offset-2",
       "w-2",
       "w-5",
-      "w-6",
       "w-65",
       "w-8",
       "w-[1200px]",

layouts/partials/footer.html

@@ -1,33 +1,33 @@
-<div class="flex bg-gray-100 px-4 pt-10 pb-20 dark:bg-gray-900">
-  <div class="flex flex-row justify-center w-full max-w-[1200px] gap-20 mx-auto">
-    <div id="social" class="flex flex-row gap-2">
+<div id="footer" >
+  <div class="flex justify-items-start max-w-[1280px] gap-10 mx-auto">
+    <div id="social">
       <a href="https://www.linkedin.com/company/docker">
-        <span class="icon-svg icon-lg">
+        <span class="icon-svg">
           {{ partial "utils/svg" "icons/linkedin.svg" }}
         </span>
       </a>
       <a href="https://x.com/docker/">
-        <span class="icon-svg icon-lg">
+        <span class="icon-svg">
           {{ partial "utils/svg" "icons/twitter.svg" }}
         </span>
       </a>
       <a href="https://www.facebook.com/docker.run">
-        <span class="icon-svg icon-lg">
+        <span class="icon-svg">
           {{ partial "utils/svg" "icons/facebook.svg" }}
         </span>
       </a>
       <a href="http://www.youtube.com/user/dockerrun">
-        <span class="icon-svg icon-lg">
+        <span class="icon-svg">
           {{ partial "utils/svg" "icons/youtube.svg" }}
         </span>
       </a>
       <a href="https://www.instagram.com/dockerinc/">
-        <span class="icon-svg icon-lg">
+        <span class="icon-svg">
           {{ partial "utils/svg" "icons/instagram.svg" }}
         </span>
       </a>
     </div>
-    <div id="links" class="flex flex-row items-center gap-4">
+    <div id="links">
       <a class="underline-offset-2 hover:underline" href="https://www.docker.com/">Product offerings</a>
       <a class="underline-offset-2 hover:underline" href="https://www.docker.com/pricing/">Pricing</a>
       <a class="underline-offset-2 hover:underline" href="https://www.docker.com/company/">About us</a>
@@ -37,9 +37,7 @@
       <a href="{{ " llms.txt" | relURL }}">Read llms.txt</a>
     </div>
     <div id="copyright">
-      <span class="text-sm">
-        Copyright © 2013-{{ time.Now.Year }} Docker Inc. All rights reserved.
-      </span>
+      <span>Copyright © 2013-{{ time.Now.Year }} Docker Inc. All rights reserved.</span>
       <button type="button" id="ot-sdk-btn" class="ot-sdk-show-settings">
         Cookies Settings
       </button>

layouts/partials/header.html

@@ -1,8 +1,8 @@
 <header
-  class="sticky top-0 z-20 h-16 w-full bg-blue-600 px-6 text-white"
+  class="sticky top-0 z-20 h-16 w-full bg-blue-600 text-white"
 >
   <div
-    class="mx-auto flex h-full max-w-[1920px] items-center justify-between gap-2"
+    class="flex h-full max-w-[1280px] justify-between gap-2 mx-auto px-4"
   >
     <div class="flex h-full items-center gap-2 lg:gap-8">
       {{- if not .IsHome }}