Skip to content

Commit 99c78a4

Browse files
ArthurFlagArthurFlag
committed
update
1 parent 50b9d69 commit 99c78a4

File tree

5 files changed

+73
-69
lines changed

5 files changed

+73
-69
lines changed

‎assets/css/global.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -96,3 +96,8 @@ input[type="search"]::-ms-clear {
9696
code{
9797
font-size:0.9em;
9898
}
99+
100+
/* cookie setting button */
101+
#ot-sdk-btn{
102+
border:none;
103+
}

‎assets/css/utilities.css‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -272,34 +272,34 @@
272272
}
273273

274274
.footer {
275-
@apply flex flex-wrap grow justify-center bg-gray-100 px-4 py-6;
276-
@apply dark:bg-gray-900 w-full min-w-0 border-t border-gray-200 dark:border-gray-700;
275+
@apply hidden md:flex flex-row ml-auto justify-between px-4 pt-6 pb-2 gap-6;
276+
@apply bg-gray-100 dark:bg-gray-900 border-t border-gray-200 dark:border-gray-700;
277+
@apply text-gray-600 dark:text-gray-400;
278+
a:hover{
279+
@apply underline underline-offset-4;
280+
}
277281
}
278282

279283
.social {
280-
@apply flex-row items-center gap-1 flex-wrap min-w-0 hidden md:flex;
284+
@apply items-center gap-1 flex-wrap min-w-20 flex;
281285
}
282286

283287
.links {
284-
@apply text-gray-600 flex-wrap items-center gap-[0.5em] hidden lg:flex;
288+
@apply flex items-center gap-3;
285289
}
286290

287291
.links a {
288-
@apply underline-offset-2 inline-flex w-max p-0 m-0;
289-
}
290-
.links a:hover {
291-
@apply underline;
292+
@apply inline-flex p-0 m-0 max-w-36 whitespace-normal md:truncate;
292293
}
293294

294-
.copyright {
295-
@apply text-[0.9em] text-[#78909C] flex flex-wrap items-center;
296-
}
297-
298-
.copyright > * {
299-
@apply w-max;
295+
.secondaryLinks {
296+
@apply flex items-center;
297+
a, button{
298+
@apply max-w-36 whitespace-normal md:truncate;
299+
}
300300
}
301301

302-
.copyright > *:not(:last-child)::after {
302+
.secondaryLinks > *:not(:last-child)::after {
303303
content: "|";
304-
@apply text-[color:var(--color-gray-400)] mx-1;
304+
@apply text-gray-400 mx-1;
305305
}

‎hugo_stats.json‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -198,6 +198,7 @@
198198
"border-l-2",
199199
"border-l-magenta-light",
200200
"border-none",
201+
"border-t",
201202
"border-transparent",
202203
"bottom-0",
203204
"breadcrumbs",
@@ -217,7 +218,6 @@
217218
"cls-2",
218219
"col-start-2",
219220
"containerd-image-store",
220-
"copyright",
221221
"cursor-pointer",
222222
"dark:bg-amber-400",
223223
"dark:bg-background-dark",
@@ -265,6 +265,7 @@
265265
"dark:text-gray-300",
266266
"dark:text-gray-400",
267267
"dark:text-gray-500",
268+
"dark:text-gray-600",
268269
"dark:text-magenta-dark",
269270
"dark:text-white",
270271
"dark:to-blue-400",
@@ -300,7 +301,6 @@
300301
"from-blue-400",
301302
"gap-0",
302303
"gap-1",
303-
"gap-10",
304304
"gap-12",
305305
"gap-2",
306306
"gap-2.5",
@@ -383,7 +383,6 @@
383383
"max-h-full",
384384
"max-w-4xl",
385385
"max-w-56",
386-
"max-w-[1280px]",
387386
"max-w-[1920px]",
388387
"max-w-full",
389388
"max-w-none",
@@ -396,6 +395,7 @@
396395
"mb-8",
397396
"md-dropdown",
398397
"md:block",
398+
"md:border-none",
399399
"md:flex",
400400
"md:flex-nowrap",
401401
"md:flex-row",
@@ -503,6 +503,7 @@
503503
"scroll-mt-2",
504504
"scroll-mt-20",
505505
"scroll-mt-36",
506+
"secondaryLinks",
506507
"section-card",
507508
"section-card-text",
508509
"section-card-title",

‎layouts/partials/footer.html‎

Lines changed: 47 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,50 @@
11
<div class="footer">
2-
<div class="flex max-w-[1280px] gap-8">
3-
<div class="social">
4-
<a href="https://www.linkedin.com/company/docker">
5-
<span class="icon-svg">
6-
{{ partial "utils/svg" "icons/linkedin.svg" }}
7-
</span>
8-
</a>
9-
<a href="https://x.com/docker/">
10-
<span class="icon-svg">
11-
{{ partial "utils/svg" "icons/twitter.svg" }}
12-
</span>
13-
</a>
14-
<a href="https://www.facebook.com/docker.run">
15-
<span class="icon-svg">
16-
{{ partial "utils/svg" "icons/facebook.svg" }}
17-
</span>
18-
</a>
19-
<a href="http://www.youtube.com/user/dockerrun">
20-
<span class="icon-svg">
21-
{{ partial "utils/svg" "icons/youtube.svg" }}
22-
</span>
23-
</a>
24-
<a href="https://www.instagram.com/dockerinc/">
25-
<span class="icon-svg">
26-
{{ partial "utils/svg" "icons/instagram.svg" }}
27-
</span>
28-
</a>
29-
</div>
30-
<div class="links">
31-
<a href="https://www.docker.com/">Product offerings</a>
32-
<a href="https://www.docker.com/pricing/">Pricing</a>
33-
<a href="https://www.docker.com/company/">About us</a>
34-
{{- with .GetPage "/contribute" }}
35-
<a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
36-
{{- end }}
37-
<a href="{{ " llms.txt" | relURL }}">Read llms.txt</a>
38-
</div>
39-
<div class="copyright">
40-
<span>Copyright © 2013-{{ time.Now.Year }} Docker Inc. All rights reserved.</span>
41-
<button type="button" id="ot-sdk-btn" class="ot-sdk-show-settings">
42-
Cookies Settings
43-
</button>
44-
<a title="Docker Terms of Service"
45-
href="https://www.docker.com/legal/docker-terms-service">Terms of Service</a>
46-
<a title="Docker Systems Status Page"
47-
href="https://www.dockerstatus.com/">Status</a>
48-
<a title="Docker Legal Terms"
49-
href="https://www.docker.com/legal">Legal</a>
50-
</div>
2+
<div class="social">
3+
<a href="https://www.linkedin.com/company/docker">
4+
<span class="icon-svg">
5+
{{ partial "utils/svg" "icons/linkedin.svg" }}
6+
</span>
7+
</a>
8+
<a href="https://x.com/docker/">
9+
<span class="icon-svg">
10+
{{ partial "utils/svg" "icons/twitter.svg" }}
11+
</span>
12+
</a>
13+
<a href="https://www.facebook.com/docker.run">
14+
<span class="icon-svg">
15+
{{ partial "utils/svg" "icons/facebook.svg" }}
16+
</span>
17+
</a>
18+
<a href="http://www.youtube.com/user/dockerrun">
19+
<span class="icon-svg">
20+
{{ partial "utils/svg" "icons/youtube.svg" }}
21+
</span>
22+
</a>
23+
<a href="https://www.instagram.com/dockerinc/">
24+
<span class="icon-svg">
25+
{{ partial "utils/svg" "icons/instagram.svg" }}
26+
</span>
27+
</a>
5128
</div>
29+
<div class="links">
30+
<a href="https://www.docker.com/">Product offerings</a>
31+
<a href="https://www.docker.com/pricing/">Pricing</a>
32+
<a href="https://www.docker.com/company/">About us</a>
33+
{{- with .GetPage "/contribute" }}
34+
<a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
35+
{{- end }}
36+
<a href="{{ " llms.txt" | relURL }}">Read llms.txt</a>
37+
</div>
38+
<div class="secondaryLinks">
39+
<button type="button" id="ot-sdk-btn" class="ot-sdk-show-settings">
40+
Cookies Settings
41+
</button>
42+
<a title="Docker Terms of Service" href="https://www.docker.com/legal/docker-terms-service">Terms of Service</a>
43+
<a title="Docker Systems Status Page" href="https://www.dockerstatus.com/">Status</a>
44+
<a title="Docker Legal Terms" href="https://www.docker.com/legal">Legal</a>
45+
</div>
46+
</div>
47+
<div
48+
class="text-sm text-gray-400 dark:text-gray-600 border-t dark:border-gray-700 border-gray-200 md:border-none px-4 py-4 bg-gray-100 dark:bg-gray-900 ">
49+
<span>Copyright © 2013-{{ time.Now.Year }} Docker Inc. All rights reserved.</span>
5250
</div>

‎layouts/partials/header.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
class="sticky top-0 z-20 h-16 w-full bg-blue-600 text-white"
33
>
44
<div
5-
class="flex h-full max-w-[1280px] justify-between gap-2 mx-auto px-4"
5+
class="flex h-full justify-between gap-2 mx-auto px-4"
66
>
77
<div class="flex h-full items-center gap-2 lg:gap-8">
88
{{- if not .IsHome }}

0 commit comments

Comments
 (0)