diff --git a/assets/css/utilities.css b/assets/css/utilities.css index d98821a4055e..2e340fff5a30 100644 --- a/assets/css/utilities.css +++ b/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,44 @@ 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; +} + +.ot-sdk-show-settings { + @apply !text-gray-600 dark:!text-gray-400 hover:!text-gray-800 dark:hover:!text-gray-200; + @apply !text-sm !border-none !p-0 !m-0 !truncate !min-w-15; +} +#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover{ + @apply hover:!bg-transparent !text-gray-600 dark:!text-gray-400 underline underline-offset-4 decoration-1; +} diff --git a/assets/icons/facebook.svg b/assets/icons/facebook.svg new file mode 100644 index 000000000000..e3e31d89316d --- /dev/null +++ b/assets/icons/facebook.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/instagram.svg b/assets/icons/instagram.svg new file mode 100644 index 000000000000..d0acf82f83c5 --- /dev/null +++ b/assets/icons/instagram.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/linkedin.svg b/assets/icons/linkedin.svg new file mode 100644 index 000000000000..997fa8bb51fc --- /dev/null +++ b/assets/icons/linkedin.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/twitter.svg b/assets/icons/twitter.svg new file mode 100644 index 000000000000..67893368f732 --- /dev/null +++ b/assets/icons/twitter.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/icons/youtube.svg b/assets/icons/youtube.svg new file mode 100644 index 000000000000..86a34ce77f0b --- /dev/null +++ b/assets/icons/youtube.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/images/FacebookCircle.svg b/assets/images/FacebookCircle.svg deleted file mode 100644 index d6ad69f938e4..000000000000 --- a/assets/images/FacebookCircle.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/InstagramCircle.svg b/assets/images/InstagramCircle.svg deleted file mode 100644 index 7021c0c0f5ec..000000000000 --- a/assets/images/InstagramCircle.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/LinkedinCircle.svg b/assets/images/LinkedinCircle.svg deleted file mode 100644 index a1d860f7f596..000000000000 --- a/assets/images/LinkedinCircle.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/TwitterCircle.svg b/assets/images/TwitterCircle.svg deleted file mode 100644 index 9eac86eefebb..000000000000 --- a/assets/images/TwitterCircle.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/assets/images/YoutubeCircle.svg b/assets/images/YoutubeCircle.svg deleted file mode 100644 index 23678de57f95..000000000000 --- a/assets/images/YoutubeCircle.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/hugo_stats.json b/hugo_stats.json index a8bfbf7398f7..f117e859f087 100644 --- a/hugo_stats.json +++ b/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,6 +376,7 @@ "lg:pb-2", "lg:scale-100", "link", + "links", "lntable", "lntd", "macOS", @@ -385,7 +384,6 @@ "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", diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 825af7a8035d..8e72301b2e91 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,96 +1,50 @@ - -
-
-
- Product offerings - Pricing - About us - {{- with .GetPage "/contribute" }} - {{ .LinkTitle }} - {{- end }} - Read llms.txt -
-
-
-

- Copyright © 2013-{{ time.Now.Year }} Docker Inc. All rights reserved. -

-
- - {{ (resources.Get "images/TwitterCircle.svg").Content | safe.HTML }} - - - {{ (resources.Get "images/LinkedinCircle.svg").Content | safe.HTML }} - - - {{ (resources.Get "images/InstagramCircle.svg").Content | safe.HTML }} - - - {{ (resources.Get "images/YoutubeCircle.svg").Content | safe.HTML }} - - - {{ (resources.Get "images/FacebookCircle.svg").Content | safe.HTML }} - -
-
- Terms of Service - Status - Legal -
-
-
- -
+
+ +
+ Product offerings + Pricing + About us + {{- with .GetPage "/contribute" }} + {{ .LinkTitle }} + {{- end }} + Read llms.txt +
+
+ + Terms of Service + Status + Legal
+
+ Copyright © 2013-{{ time.Now.Year }} Docker Inc. All rights reserved. +
\ No newline at end of file diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 0a8bc3904532..7338b1e12f4f 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,8 +1,8 @@
{{- if not .IsHome }}