Skip to content

Commit 6f0a66c

Browse files
MrHinshMrHinsh
authoredMar 18, 2025··
Update to resource header (#349)
·
v1.3.22
2 parents 6b6f6e3 + 5358221 commit 6f0a66c

File tree

7 files changed

+207
-38
lines changed

7 files changed

+207
-38
lines changed
 

‎site/layouts/partials/components/admin-dropdown.html

+1
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
{{ $RelPathMarkdown := printf "{{< ref \"%s\" >}}" .Path }}
1414
<button class="btn btn-outline-info btn-sm w-100 mb-2" onclick="navigator.clipboard.writeText('{{ $RelPathMarkdown }}');" style="--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;" title="Click to copy RelPath Markdown:&#10;&#10;{{ $RelPathMarkdown }}">RelPath Markdown <i class="fa-regular fa-clipboard"></i></button>
1515
<button class="btn btn-outline-info btn-sm w-100 mb-2" onclick="navigator.clipboard.writeText('{{ .Path }}');" style="--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;" title="Click to copy RelPath:&#10;&#10;{{ .Path }}">RelPath Solo <i class="fa-regular fa-clipboard"></i></button>
16+
<button class="btn btn-outline-info btn-sm w-100 mb-2" onclick="navigator.clipboard.writeText('{{ .Params.ResourceId }}');" style="--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;" title="Click to copy ResourceId:&#10;&#10;{{ .Params.ResourceId }}">ResourceId <i class="fa-regular fa-clipboard"></i></button>
1617
<hr />
1718
<strong>External</strong>
1819
<button class="btn btn-outline-info btn-sm w-100 mb-2" onclick="navigator.clipboard.writeText('{{ $url }}');" style="--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;" title="Click to copy URL:&#10;&#10;'https://nkdagility.com/resources/{{ .Params.ResourceId }}'">Permalink <i class="fa-regular fa-clipboard"></i></button>

‎site/layouts/partials/infrastructure/head.html

+2
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,8 @@
4141
<!-- sections -->
4242
<link async rel="stylesheet" href="{{- "css/sections.css" | relURL }}" />
4343

44+
<link async rel="stylesheet" href="{{- "css/resources.css" | relURL }}" />
45+
4446
<!-- shopifycdn -->
4547
{{/* <script src="https://sdks.shopifycdn.com/js-buy-sdk/v2/latest/index.umd.min.js"></script>
4648
<script src="https://cdn.shopify.com/s/assets/external/buy-button.js"></script>

‎site/layouts/resources/blog.html

+39-12
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,44 @@
11
{{- define "headline" }}
2-
3-
<section class="container my-2" style="max-width: 700px !important">
4-
<div class="row p-2">
5-
<div class="col-12">
6-
{{- partial "publications/resourceType.html" . }}
7-
<h1 class="mb-4 nkda-heading-primary">{{- .Title | markdownify }}</h1>
8-
{{- if .Params.subtitle }}
9-
<h2 class="mb-4 nkda-heading-secondary">{{- .Params.subtitle | markdownify }}</h2>
10-
{{- end }}
11-
{{- partial "publications/craft.html" . }}
12-
{{- partial "publications/share-bar.html" . }}
2+
<section class="container-fluid resources-headline py-md-4">
3+
<section class="container my-2" style="max-width: 900px !important">
4+
<div>
5+
<div class="row">
6+
<div class="col-12 col-xl-8">
7+
{{- partial "publications/resourceType.html" . }}
8+
</div>
9+
<div class="col-xl-4 d-none d-xl-flex justify-content-end align-items-center">
10+
<h4>tech·nic·al·ly agile</h4>
11+
</div>
12+
<div class="col-12 col-xl-8">
13+
<h1 class="mb-4 nkda-heading-primary">{{- .Title | markdownify }}</h1>
14+
{{- if .Params.subtitle }}
15+
<h2 class="mb-4 nkda-heading-secondary">{{- .Params.subtitle | markdownify }}</h2>
16+
{{ else }}
17+
<h2 class="mb-4 nkda-heading-secondary">{{- .Description | markdownify }}</h2>
18+
{{- end }}
19+
{{- partial "publications/craft.html" . }}
20+
</div>
21+
<div class="col-xl-4 d-none d-xl-flex justify-content-center align-items-center">
22+
<div class="position-relative">
23+
<img src="/images/technically-agile-logo.png" />
24+
<img src="/images/nkdagility-with-martin-hinshelwood-dark-300px.png" alt="Image" class="position-absolute top-0 end-0" style="width: 100px; height: auto;" />
25+
</div>
26+
</div>
27+
<div class="col-xl-12 d-none d-xl-flex justify-content-end align-items-center">
28+
{{ $url := "" }}
29+
{{ if eq .Type "resources" }}
30+
{{ $url = printf "https://nkdagility.com/resources/%s" .Params.ResourceId }}
31+
{{ else }}
32+
{{ $url = printf "https://nkdagility.com%s" .RelPermalink }}
33+
{{ end }}
34+
{{ $url }}
35+
</div>
36+
</div>
1337
</div>
14-
</div>
38+
</section>
39+
</section>
40+
<section class="container my-2" style="max-width: 900px !important">
41+
{{- partial "publications/share-bar.html" . }}
1542
</section>
1643
{{- end }}
1744

‎site/layouts/resources/single.html

+82-14
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,98 @@
11
{{- define "headline" }}
2-
<section class="container my-2" style="max-width: 700px !important">
3-
<div class="row p-2">
4-
<div class="col-12">
5-
{{- partial "publications/resourceType.html" . }}
6-
<h1 class="mb-4 nkda-heading-primary">{{- .Title | markdownify }}</h1>
7-
{{- if .Params.subtitle }}
8-
<h2 class="mb-4 nkda-heading-secondary">{{- .Params.subtitle | markdownify }}</h2>
9-
{{- end }}
10-
{{- partial "publications/craft.html" . }}
11-
{{- partial "publications/share-bar.html" . }}
2+
<section class="container-fluid resources-headline py-md-4">
3+
<section class="container my-2" style="max-width: 900px !important">
4+
<div>
5+
<div class="row">
6+
<div class="col-12 col-xl-8">
7+
{{- partial "publications/resourceType.html" . }}
8+
</div>
9+
<div class="col-xl-4 d-none d-xl-flex justify-content-end align-items-center">
10+
<h4>tech·nic·al·ly agile</h4>
11+
</div>
12+
<div class="col-12 col-xl-8">
13+
<h1 class="mb-4 nkda-heading-primary">{{- .Title | markdownify }}</h1>
14+
{{- if .Params.subtitle }}
15+
<h2 class="mb-4 nkda-heading-secondary">{{- .Params.subtitle | markdownify }}</h2>
16+
{{ else }}
17+
<h2 class="mb-4 nkda-heading-secondary">{{- .Description | markdownify }}</h2>
18+
{{- end }}
19+
{{- partial "publications/craft.html" . }}
20+
</div>
21+
<div class="col-xl-4 d-none d-xl-flex justify-content-center align-items-center">
22+
<div class="position-relative">
23+
<img src="/images/technically-agile-logo.png" />
24+
<img src="/images/nkdagility-with-martin-hinshelwood-dark-300px.png" alt="Image" class="position-absolute top-0 end-0" style="width: 100px; height: auto;" />
25+
</div>
26+
</div>
27+
<div class="col-xl-12 d-none d-xl-flex justify-content-end align-items-center">
28+
{{ $url := "" }}
29+
{{ if eq .Type "resources" }}
30+
{{ $url = printf "https://nkdagility.com/resources/%s" .Params.ResourceId }}
31+
{{ else }}
32+
{{ $url = printf "https://nkdagility.com%s" .RelPermalink }}
33+
{{ end }}
34+
{{ $url }}
35+
</div>
36+
</div>
1237
</div>
13-
</div>
38+
</section>
39+
</section>
40+
<section class="container my-2" style="max-width: 900px !important">
41+
{{- partial "publications/share-bar.html" . }}
1442
</section>
1543
{{- end }}
44+
1645
{{- define "main" }}
17-
<section class="container my-5" style="max-width: 700px !important">{{- .Content }}</section>
46+
47+
<!-- Change this date as needed -->
48+
{{ if .Params.AudioNative }}
49+
<section class="container my-5" style="max-width: 700px !important">
50+
{{- if ne hugo.Environment "production" }}
51+
<div>RENDER AUDIO NATIVE from Eleven Labs (Production only)</div>
52+
<div>AudioNative: {{ .Params.AudioNative }}</div>
53+
{{- else -}}
54+
<div id="elevenlabs-audionative-widget" data-height="90" data-width="100%" data-frameborder="no" data-scrolling="no" data-publicuserid="71edc96043fbd75e5e1bd94d997b31cfa7932b5e94d7296094d7bc2906e081ab" data-playerurl="https://elevenlabs.io/player/index.html">Loading the <a href="https://elevenlabs.io/text-to-speech" target="_blank" rel="noopener">Elevenlabs Text to Speech</a> AudioNative Player...</div>
55+
<script src="https://elevenlabs.io/player/audioNativeHelper.js" type="text/javascript"></script>
56+
{{- end -}}
57+
</section>
58+
{{ end }}
59+
60+
61+
<section class="container my-5 content" style="max-width: 700px !important">
62+
{{- .Content }}
63+
</section>
64+
1865
<section class="container my-5" style="max-width: 700px !important">
1966
{{- partial "publications/tag-cloud.html" . }}
2067
</section>
21-
<section class="container my-5" style="max-width: 700px !important">
68+
69+
<section class="container my-5" style="max-width: 900px !important">
2270
{{- partial "publications/share-bar.html" . }}
2371
</section>
2472
<section class="container my-5 p-2" style="max-width: 700px !important">
2573
{{- partial "publications/comments.html" . }}
2674
</section>
75+
76+
<section class="container my-5 p-2" style="max-width: 700px !important">
77+
{{ $related := .Site.RegularPages.Related . }}
78+
{{ $blogs := where $related ".Params.resourceTypes" "blog" | first 5 }}
79+
{{ with $blogs }}
80+
<h3>Related blog posts</h3>
81+
<ul>
82+
{{ range . }}
83+
<li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
84+
{{ end }}
85+
</ul>
86+
{{ else }}
87+
<p>No related blog posts found.</p>
88+
{{ end }}
89+
</section>
90+
91+
<section class="container my-5 p-2" style="max-width: 700px !important">
92+
{{- partial "related-videos.html" . }}
93+
</section>
2794
{{- end }}
95+
2896
{{- define "template" }}
29-
resources/single.html
97+
resources/blog.html
3098
{{- end }}

‎site/layouts/resources/video.html

+41-12
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,47 @@
11
{{- define "headline" }}
2-
<section class="container my-2" style="max-width: 700px !important">
3-
<div class="row p-2">
4-
<div class="col-12">
5-
{{- partial "publications/resourceType.html" . }}
6-
<h1 class="mb-4 nkda-heading-primary">{{- .Title | markdownify }}</h1>
7-
{{- if .Params.subtitle }}
8-
<h2 class="mb-4 nkda-heading-secondary">{{- .Params.subtitle | markdownify }}</h2>
9-
{{- end }}
10-
{{- partial "publications/craft.html" . }}
11-
{{- partial "publications/share-bar.html" . }}
2+
<section class="container-fluid resources-headline py-md-4">
3+
<section class="container my-2" style="max-width: 900px !important">
4+
<div>
5+
<div class="row">
6+
<div class="col-12 col-xl-8">
7+
{{- partial "publications/resourceType.html" . }}
8+
</div>
9+
<div class="col-xl-4 d-none d-xl-flex justify-content-end align-items-center">
10+
<h4>tech·nic·al·ly agile</h4>
11+
</div>
12+
<div class="col-12 col-xl-8">
13+
<h1 class="mb-4 nkda-heading-primary">{{- .Title | markdownify }}</h1>
14+
{{- if .Params.subtitle }}
15+
<h2 class="mb-4 nkda-heading-secondary">{{- .Params.subtitle | markdownify }}</h2>
16+
{{ else }}
17+
<h2 class="mb-4 nkda-heading-secondary">{{- .Description | markdownify }}</h2>
18+
{{- end }}
19+
{{- partial "publications/craft.html" . }}
20+
</div>
21+
<div class="col-xl-4 d-none d-xl-flex justify-content-center align-items-center">
22+
<div class="position-relative">
23+
<img src="/images/technically-agile-logo.png" />
24+
<img src="/images/nkdagility-with-martin-hinshelwood-dark-300px.png" alt="Image" class="position-absolute top-0 end-0" style="width: 100px; height: auto;" />
25+
</div>
26+
</div>
27+
<div class="col-xl-12 d-none d-xl-flex justify-content-end align-items-center">
28+
{{ $url := "" }}
29+
{{ if eq .Type "resources" }}
30+
{{ $url = printf "https://nkdagility.com/resources/%s" .Params.ResourceId }}
31+
{{ else }}
32+
{{ $url = printf "https://nkdagility.com%s" .RelPermalink }}
33+
{{ end }}
34+
{{ $url }}
35+
</div>
36+
</div>
1237
</div>
13-
</div>
38+
</section>
39+
</section>
40+
<section class="container my-2" style="max-width: 900px !important">
41+
{{- partial "publications/share-bar.html" . }}
1442
</section>
1543
{{- end }}
44+
1645
{{- define "main" }}
1746
<section class="container my-5" style="max-width: 700px !important">
1847
<div class="ratio ratio-16x9 mb-4">
@@ -61,7 +90,7 @@ <h2 class="mb-4 nkda-heading-secondary">{{- .Params.subtitle | markdownify }}</h
6190
<section class="container my-5" style="max-width: 700px !important">
6291
{{- partial "publications/tag-cloud.html" . }}
6392
</section>
64-
<section class="container my-5" style="max-width: 700px !important">
93+
<section class="container my-5" style="max-width: 900px !important">
6594
{{- partial "publications/share-bar.html" . }}
6695
</section>
6796
<section class="container my-5 p-2" style="max-width: 700px !important">

‎site/static/css/resources.css

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
.resources-headline {
2+
background-color: var(--primary-color) !important;
3+
color: whitesmoke;
4+
}
5+
6+
.resources-headline h1,
7+
.resources-headline h2,
8+
.resources-headline h3,
9+
.resources-headline h4,
10+
.resources-headline h5,
11+
.resources-headline h6 {
12+
color: whitesmoke;
13+
}
14+
15+
.resources-headline .text-muted {
16+
color: whitesmoke !important;
17+
font-size: 0.8em;
18+
}
19+
20+
.resources-headline a {
21+
color: var(--accent-color);
22+
}
23+
24+
.resources-headline .btn-nkdagility-primary {
25+
background-color: var(--accent-color);
26+
color: white;
27+
}
28+
29+
.resources-headline .btn-nkdagility-primary:hover {
30+
background-color: var(--accent-color-light);
31+
color: white;
32+
}
33+
34+
.resources-headline .btn-nkdagility-secondary {
35+
background-color: var(--secondary-color);
36+
color: white;
37+
}
38+
39+
.resources-headline .btn-nkdagility-secondary:hover {
40+
background-color: var(--secondary-color-light);
41+
color: white;
42+
}

‎site/static/images/technically-agile-logo.png

93.6 KB
Loading

0 commit comments

Comments
 (0)
Please sign in to comment.