Skip to content

Commit 2e9af6c

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 2e9af6c

File tree

4 files changed

+109
-53
lines changed

4 files changed

+109
-53
lines changed

‎docs/assets/css/custom.css‎

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

359-
:is(html[class~="dark"]) .pac-footer-right {
360-
color: #6b7280;
361-
}
362-
363-
.pac-powered-by {
364-
text-decoration: none;
359+
.pac-tekton-org {
360+
display: inline-flex;
361+
align-items: center;
362+
gap: 0.35rem;
365363
color: inherit;
364+
text-decoration: none;
366365
}
367366

368-
.pac-powered-by:hover {
367+
.pac-tekton-org:hover {
369368
text-decoration: underline;
370369
}
371370

372-
.pac-copyright {
373-
color: inherit;
374-
}
375-
376371
/* ── Version picker ─────────────────────────────────────────── */
377372
.pac-version-picker {
378373
display: inline-flex;
@@ -724,36 +719,51 @@ body {
724719
font-size: 1.125rem;
725720
font-weight: 600;
726721
color: white;
727-
background: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-lightness));
722+
background: hsl(
723+
var(--primary-hue) var(--primary-saturation) var(--primary-lightness)
724+
);
728725
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;
726+
box-shadow:
727+
0 8px 20px rgba(0, 0, 0, 0.15),
728+
0 3px 6px rgba(0, 0, 0, 0.08);
729+
transition:
730+
background 0.2s ease,
731+
box-shadow 0.2s ease,
732+
transform 0.2s ease;
731733
text-decoration: none;
732734
letter-spacing: 0.04em;
733735
}
734736

735737
.pac-cta-button:hover {
736738
background: hsl(
737739
var(--primary-hue) var(--primary-saturation)
738-
calc(var(--primary-lightness) - 6%)
740+
calc(var(--primary-lightness) - 6%)
739741
);
740-
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2), 0 4px 10px rgba(0, 0, 0, 0.1);
742+
box-shadow:
743+
0 12px 28px rgba(0, 0, 0, 0.2),
744+
0 4px 10px rgba(0, 0, 0, 0.1);
741745
transform: translateY(-2px);
742746
color: white;
743747
text-decoration: none;
744748
}
745749

746750
: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);
751+
background: hsl(
752+
var(--primary-hue) var(--primary-saturation) var(--primary-lightness)
753+
);
754+
box-shadow:
755+
0 8px 20px rgba(0, 0, 0, 0.4),
756+
0 3px 6px rgba(0, 0, 0, 0.25);
749757
}
750758

751759
:is(html[class~="dark"]) .pac-cta-button:hover {
752760
background: hsl(
753761
var(--primary-hue) var(--primary-saturation)
754-
calc(var(--primary-lightness) + 6%)
762+
calc(var(--primary-lightness) + 6%)
755763
);
756-
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5), 0 4px 10px rgba(0, 0, 0, 0.35);
764+
box-shadow:
765+
0 12px 28px rgba(0, 0, 0, 0.5),
766+
0 4px 10px rgba(0, 0, 0, 0.35);
757767
}
758768

759769
/* ── SVG dark mode inversion ──────────────────────────────────── */
@@ -1023,13 +1033,17 @@ body {
10231033
}
10241034

10251035
.pac-mobile-toc-item a:hover {
1026-
color: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-lightness));
1036+
color: hsl(
1037+
var(--primary-hue) var(--primary-saturation) var(--primary-lightness)
1038+
);
10271039
}
10281040

10291041
:is(html[class~="dark"]) .pac-mobile-toc-item a {
10301042
color: #9ca3af;
10311043
}
10321044

10331045
:is(html[class~="dark"]) .pac-mobile-toc-item a:hover {
1034-
color: hsl(var(--primary-hue) var(--primary-saturation) var(--primary-lightness));
1046+
color: hsl(
1047+
var(--primary-hue) var(--primary-saturation) var(--primary-lightness)
1048+
);
10351049
}

‎docs/hugo.yaml‎

Lines changed: 1 addition & 6 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:
@@ -47,9 +44,7 @@ params:
4744
editURL:
4845
enable: true
4946
base: https://github.com/openshift-pipelines/pipelines-as-code/edit/main/docs/content
50-
footer:
51-
displayCopyright: true
52-
displayPoweredBy: false
47+
footer: {}
5348
page:
5449
width: normal
5550

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

Lines changed: 72 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -8,48 +8,95 @@
88
{{ end }}
99
{{ $splitted := split $versions "," }}
1010
<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 }}
11+
<svg
12+
xmlns="http://www.w3.org/2000/svg"
13+
width="14"
14+
height="14"
15+
viewBox="0 0 24 24"
16+
fill="none"
17+
stroke="currentColor"
18+
stroke-width="2"
19+
stroke-linecap="round"
20+
stroke-linejoin="round"
21+
>
22+
<path
23+
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"
24+
/>
25+
<line x1="7" y1="7" x2="7.01" y2="7" />
26+
</svg>
27+
<select
28+
name="version"
29+
id="version"
30+
onchange="handleVersion(this)"
31+
class="version-select"
32+
>
33+
{{ range $splitted }}
34+
{{ $trimmed := strings.TrimLeft " " . | strings.TrimRight " " }}
35+
{{ if ne $trimmed $version }}
36+
<option value="{{ $trimmed }}">{{$trimmed}}</option>
37+
{{ else }}
38+
<option selected value="{{ $trimmed }}">{{$trimmed}}</option>
39+
{{ end }}
40+
{{ end }}
2141
</select>
2242
</div>
2343
<script type="text/javascript">
2444
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-
}
45+
var path = window.location.pathname;
46+
if (elm.value === "nightly") {
47+
window.location =
48+
"https://nightly.pipelines-as-code.pages.dev" + path;
49+
} else if (elm.value === "stable") {
50+
window.location = "https://pipelinesascode.com" + path;
51+
} else {
52+
window.location =
53+
"https://release-" +
54+
elm.value.replace(/\./g, "-") +
55+
".pipelines-as-code.pages.dev" +
56+
path;
57+
}
3358
}
3459
</script>
3560
{{ end }}
3661

3762
{{ if and .context.GitInfo .context.Site.Params.editURL.enable }}
3863
<div class="pac-last-modified">
3964
{{- $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>
65+
<svg
66+
xmlns="http://www.w3.org/2000/svg"
67+
width="13"
68+
height="13"
69+
viewBox="0 0 24 24"
70+
fill="none"
71+
stroke="currentColor"
72+
stroke-width="2"
73+
stroke-linecap="round"
74+
stroke-linejoin="round"
75+
>
76+
<circle cx="12" cy="12" r="10" />
77+
<polyline points="12 6 12 12 16 14" />
78+
</svg>
4179
<span>Updated {{ $date }} by {{ .context.GitInfo.AuthorName }}</span>
4280
</div>
4381
{{ end }}
4482
</div>
4583

4684
<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 -}}
85+
<a
86+
class="pac-tekton-org"
87+
target="_blank"
88+
rel="noopener noreferrer"
89+
href="https://tekton.dev"
90+
>
91+
<img
92+
src="/images/tekton-logo.png"
93+
width="16"
94+
height="16"
95+
alt="Tekton Logo"
96+
loading="lazy"
97+
/>
98+
Pipelines as Code is a Tekton Project
99+
</a>
53100
{{- if .switchesVisible }}{{ partial "theme-toggle.html" }}{{ end -}}
54101
</div>
55102
</div>

‎docs/static/images/tekton-logo.png‎

9.21 KB
Loading

0 commit comments

Comments
 (0)
⚡