Skip to content

Commit 98fce76

Browse files
chmouelchmouel
committed
docs: Add Tekton branding to documentation footer
Replaced the powered-by and copyright elements in the footer with a Tekton project link and logo. Removed the redundant Tekton Docs entry from the site menu. Updated styling to accommodate the new footer layout and branding. Signed-off-by: Chmouel Boudjnah <chmouel@redhat.com>
1 parent a21ae43 commit 98fce76

File tree

3 files changed

+118
-50
lines changed

3 files changed

+118
-50
lines changed

‎docs/assets/css/custom.css‎

Lines changed: 43 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -356,10 +356,22 @@ body {
356356
color: #9ca3af;
357357
}
358358

359-
:is(html[class~="dark"]) .pac-footer-right {
359+
:is(html[class~="dark"]) .pac-footer-right .pac-footer-center {
360360
color: #6b7280;
361361
}
362362

363+
.pac-tekton-org {
364+
display: inline-flex;
365+
align-items: center;
366+
gap: 0.35rem;
367+
color: inherit;
368+
text-decoration: none;
369+
}
370+
371+
.pac-tekton-org:hover {
372+
text-decoration: underline;
373+
}
374+
363375
.pac-powered-by {
364376
text-decoration: none;
365377
color: inherit;
@@ -724,36 +736,51 @@ body {
724736
font-size: 1.125rem;
725737
font-weight: 600;
726738
color: white;
727-
background: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-lightness));
739+
background: hsl(
740+
var(--primary-hue) var(--primary-saturation) var(--primary-lightness)
741+
);
728742
border-radius: 9999px;
729-
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.08);
730-
transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
743+
box-shadow:
744+
0 8px 20px rgba(0, 0, 0, 0.15),
745+
0 3px 6px rgba(0, 0, 0, 0.08);
746+
transition:
747+
background 0.2s ease,
748+
box-shadow 0.2s ease,
749+
transform 0.2s ease;
731750
text-decoration: none;
732751
letter-spacing: 0.04em;
733752
}
734753

735754
.pac-cta-button:hover {
736755
background: hsl(
737756
var(--primary-hue) var(--primary-saturation)
738-
calc(var(--primary-lightness) - 6%)
757+
calc(var(--primary-lightness) - 6%)
739758
);
740-
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2), 0 4px 10px rgba(0, 0, 0, 0.1);
759+
box-shadow:
760+
0 12px 28px rgba(0, 0, 0, 0.2),
761+
0 4px 10px rgba(0, 0, 0, 0.1);
741762
transform: translateY(-2px);
742763
color: white;
743764
text-decoration: none;
744765
}
745766

746767
:is(html[class~="dark"]) .pac-cta-button {
747-
background: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-lightness));
748-
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4), 0 3px 6px rgba(0, 0, 0, 0.25);
768+
background: hsl(
769+
var(--primary-hue) var(--primary-saturation) var(--primary-lightness)
770+
);
771+
box-shadow:
772+
0 8px 20px rgba(0, 0, 0, 0.4),
773+
0 3px 6px rgba(0, 0, 0, 0.25);
749774
}
750775

751776
:is(html[class~="dark"]) .pac-cta-button:hover {
752777
background: hsl(
753778
var(--primary-hue) var(--primary-saturation)
754-
calc(var(--primary-lightness) + 6%)
779+
calc(var(--primary-lightness) + 6%)
755780
);
756-
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5), 0 4px 10px rgba(0, 0, 0, 0.35);
781+
box-shadow:
782+
0 12px 28px rgba(0, 0, 0, 0.5),
783+
0 4px 10px rgba(0, 0, 0, 0.35);
757784
}
758785

759786
/* ── SVG dark mode inversion ──────────────────────────────────── */
@@ -1023,13 +1050,17 @@ body {
10231050
}
10241051

10251052
.pac-mobile-toc-item a:hover {
1026-
color: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-lightness));
1053+
color: hsl(
1054+
var(--primary-hue) var(--primary-saturation) var(--primary-lightness)
1055+
);
10271056
}
10281057

10291058
:is(html[class~="dark"]) .pac-mobile-toc-item a {
10301059
color: #9ca3af;
10311060
}
10321061

10331062
:is(html[class~="dark"]) .pac-mobile-toc-item a:hover {
1034-
color: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-lightness));
1063+
color: hsl(
1064+
var(--primary-hue) var(--primary-saturation) var(--primary-lightness)
1065+
);
10351066
}

‎docs/hugo.yaml‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,6 @@ menu:
2727
- name: GitHub
2828
url: https://github.com/openshift-pipelines/pipelines-as-code
2929
weight: 20
30-
- name: Tekton Docs
31-
url: https://tekton.dev/docs/
32-
weight: 30
3330
- name: Search
3431
weight: 40
3532
params:

‎docs/layouts/_partials/custom/footer.html‎

Lines changed: 75 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,95 @@
11
<div class="pac-footer-row">
22
<div class="pac-footer-left">
3-
{{ if fileExists "content/ALLVERSIONS" }}
4-
{{ $versions := os.ReadFile "content/ALLVERSIONS" }}
5-
{{ $version := "nightly"}}
6-
{{ if fileExists "content/VERSION" }}
7-
{{ $version = os.ReadFile "content/VERSION" | strings.TrimLeft "\n" | strings.TrimRight "\n" }}
8-
{{ end }}
9-
{{ $splitted := split $versions "," }}
3+
{{ if fileExists "content/ALLVERSIONS" }} {{ $versions := os.ReadFile
4+
"content/ALLVERSIONS" }} {{ $version := "nightly"}} {{ if fileExists
5+
"content/VERSION" }} {{ $version = os.ReadFile "content/VERSION" |
6+
strings.TrimLeft "\n" | strings.TrimRight "\n" }} {{ end }} {{ $splitted :=
7+
split $versions "," }}
108
<div class="pac-version-picker">
11-
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/></svg>
12-
<select name="version" id="version" onchange="handleVersion(this)" class="version-select">
13-
{{ range $splitted }}
14-
{{ $trimmed := strings.TrimLeft " " . | strings.TrimRight " " }}
15-
{{ if ne $trimmed $version }}
16-
<option value="{{ $trimmed }}">{{$trimmed}}</option>
17-
{{ else }}
18-
<option selected value="{{ $trimmed }}">{{$trimmed}}</option>
19-
{{ end }}
20-
{{ end }}
9+
<svg
10+
xmlns="http://www.w3.org/2000/svg"
11+
width="14"
12+
height="14"
13+
viewBox="0 0 24 24"
14+
fill="none"
15+
stroke="currentColor"
16+
stroke-width="2"
17+
stroke-linecap="round"
18+
stroke-linejoin="round"
19+
>
20+
<path
21+
d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"
22+
/>
23+
<line x1="7" y1="7" x2="7.01" y2="7" />
24+
</svg>
25+
<select
26+
name="version"
27+
id="version"
28+
onchange="handleVersion(this)"
29+
class="version-select"
30+
>
31+
{{ range $splitted }} {{ $trimmed := strings.TrimLeft " " . |
32+
strings.TrimRight " " }} {{ if ne $trimmed $version }}
33+
<option value="{{ $trimmed }}">{{$trimmed}}</option>
34+
{{ else }}
35+
<option selected value="{{ $trimmed }}">{{$trimmed}}</option>
36+
{{ end }} {{ end }}
2137
</select>
2238
</div>
2339
<script type="text/javascript">
2440
function handleVersion(elm) {
25-
var path = window.location.pathname;
26-
if (elm.value === "nightly") {
27-
window.location = "https://nightly.pipelines-as-code.pages.dev" + path;
28-
} else if (elm.value === "stable") {
29-
window.location = "https://pipelinesascode.com" + path;
30-
} else {
31-
window.location = "https://release-" + elm.value.replace(/\./g, "-") + ".pipelines-as-code.pages.dev" + path;
32-
}
41+
var path = window.location.pathname;
42+
if (elm.value === "nightly") {
43+
window.location =
44+
"https://nightly.pipelines-as-code.pages.dev" + path;
45+
} else if (elm.value === "stable") {
46+
window.location = "https://pipelinesascode.com" + path;
47+
} else {
48+
window.location =
49+
"https://release-" +
50+
elm.value.replace(/\./g, "-") +
51+
".pipelines-as-code.pages.dev" +
52+
path;
53+
}
3354
}
3455
</script>
35-
{{ end }}
36-
37-
{{ if and .context.GitInfo .context.Site.Params.editURL.enable }}
56+
{{ end }} {{ if and .context.GitInfo .context.Site.Params.editURL.enable }}
3857
<div class="pac-last-modified">
3958
{{- $date := .context.GitInfo.AuthorDate.Local.Format "2006-01-02" -}}
40-
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
59+
<svg
60+
xmlns="http://www.w3.org/2000/svg"
61+
width="13"
62+
height="13"
63+
viewBox="0 0 24 24"
64+
fill="none"
65+
stroke="currentColor"
66+
stroke-width="2"
67+
stroke-linecap="round"
68+
stroke-linejoin="round"
69+
>
70+
<circle cx="12" cy="12" r="10" />
71+
<polyline points="12 6 12 12 16 14" />
72+
</svg>
4173
<span>Updated {{ $date }} by {{ .context.GitInfo.AuthorName }}</span>
4274
</div>
4375
{{ end }}
4476
</div>
4577

4678
<div class="pac-footer-right">
47-
{{- if (.context.Site.Params.footer.displayPoweredBy | default true) -}}
48-
<a class="pac-powered-by" target="_blank" rel="noopener noreferrer" href="https://github.com/imfing/hextra">Hextra</a>
49-
{{- end -}}
50-
{{- if .context.Site.Params.footer.displayCopyright -}}
51-
<span class="pac-copyright">{{ .copyright }}</span>
52-
{{- end -}}
79+
<a
80+
class="pac-tekton-org"
81+
target="_blank"
82+
rel="noopener noreferrer"
83+
href="https://tekton.dev"
84+
>
85+
<img
86+
src="https://avatars.githubusercontent.com/u/47602533?v=4"
87+
width="16"
88+
height="16"
89+
alt="Tekton Logo"
90+
/>
91+
Pipelines as Code is A Tekton Project
92+
</a>
5393
{{- if .switchesVisible }}{{ partial "theme-toggle.html" }}{{ end -}}
5494
</div>
5595
</div>

0 commit comments

Comments
 (0)
⚡