hr-design-system-handlebars 1.78.0 → 1.79.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/index.css +7 -3
  3. package/dist/views/components/content/copytext/components/image/caption.hbs +5 -0
  4. package/dist/views/components/content/copytext/components/image/image_copyright.hbs +1 -3
  5. package/dist/views/components/content/copytext/components/media/media_figure.hbs +14 -12
  6. package/dist/views/components/content/copytext/components/media/media_figure_byline.hbs +10 -10
  7. package/dist/views/components/page/base/page_wrapper.hbs +2 -2
  8. package/dist/views/components/page/components/appendix.hbs +2 -2
  9. package/dist/views/components/page/components/metadatabox.hbs +2 -2
  10. package/dist/views/components/page/story/story_article.hbs +1 -1
  11. package/dist/views/components/topictag/topictag_collection.hbs +1 -1
  12. package/dist/views_static/components/content/copytext/components/image/caption.hbs +5 -0
  13. package/dist/views_static/components/content/copytext/components/image/image_copyright.hbs +1 -3
  14. package/dist/views_static/components/content/copytext/components/media/media_figure.hbs +14 -12
  15. package/dist/views_static/components/content/copytext/components/media/media_figure_byline.hbs +10 -10
  16. package/dist/views_static/components/page/base/page_wrapper.hbs +2 -2
  17. package/dist/views_static/components/page/components/appendix.hbs +2 -2
  18. package/dist/views_static/components/page/components/metadatabox.hbs +2 -2
  19. package/dist/views_static/components/page/story/story_article.hbs +1 -1
  20. package/dist/views_static/components/topictag/topictag_collection.hbs +1 -1
  21. package/package.json +1 -1
  22. package/src/stories/views/components/content/copytext/components/image/caption.hbs +5 -0
  23. package/src/stories/views/components/content/copytext/components/image/image_copyright.hbs +1 -3
  24. package/src/stories/views/components/content/copytext/components/media/media_figure.hbs +14 -12
  25. package/src/stories/views/components/content/copytext/components/media/media_figure_byline.hbs +10 -10
  26. package/src/stories/views/components/page/base/page_wrapper.hbs +2 -2
  27. package/src/stories/views/components/page/components/appendix.hbs +2 -2
  28. package/src/stories/views/components/page/components/metadatabox.hbs +2 -2
  29. package/src/stories/views/components/page/story/story_article.hbs +1 -1
  30. package/src/stories/views/components/topictag/topictag_collection.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.79.1 (Tue Jul 09 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - DPE-3224 - SEO: Semantisches HTML [#992](https://github.com/mumprod/hr-design-system-handlebars/pull/992) ([@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
13
+ # v1.79.0 (Tue Jul 09 2024)
14
+
15
+ #### 🚀 Enhancement
16
+
17
+ - Bug/dpe 3093 [#991](https://github.com/mumprod/hr-design-system-handlebars/pull/991) ([@szuelch](https://github.com/szuelch))
18
+
19
+ #### Authors: 1
20
+
21
+ - [@szuelch](https://github.com/szuelch)
22
+
23
+ ---
24
+
1
25
  # v1.78.0 (Mon Jul 08 2024)
2
26
 
3
27
  #### 🚀 Enhancement
@@ -1230,6 +1230,10 @@ article.indexTextDS .indexTextHighlighted .link {
1230
1230
  margin-left: 0.25rem;
1231
1231
  margin-right: 0.25rem;
1232
1232
  }
1233
+ .mx-1\.5 {
1234
+ margin-left: 0.375rem;
1235
+ margin-right: 0.375rem;
1236
+ }
1233
1237
  .mx-2 {
1234
1238
  margin-left: 0.5rem;
1235
1239
  margin-right: 0.5rem;
@@ -3395,7 +3399,7 @@ article.indexTextDS .indexTextHighlighted .link {
3395
3399
  border-bottom-color: var(--color-secondary-ds);
3396
3400
  }
3397
3401
  .counter-reset {
3398
- counter-reset: cnt1720470485605;
3402
+ counter-reset: cnt1720518767120;
3399
3403
  }
3400
3404
  .hyphens-auto {
3401
3405
  -webkit-hyphens: auto;
@@ -3793,7 +3797,7 @@ article.indexTextDS .indexTextHighlighted .link {
3793
3797
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3794
3798
  }
3795
3799
  .-ordered {
3796
- counter-increment: cnt1720470485605 1;
3800
+ counter-increment: cnt1720518767120 1;
3797
3801
  }
3798
3802
  .-ordered::before {
3799
3803
  position: absolute;
@@ -3809,7 +3813,7 @@ article.indexTextDS .indexTextHighlighted .link {
3809
3813
  letter-spacing: .0125em;
3810
3814
  --tw-text-opacity: 1;
3811
3815
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3812
- content: counter(cnt1720470485605);
3816
+ content: counter(cnt1720518767120);
3813
3817
  }
3814
3818
  /*! ****************************/
3815
3819
  /*! DataPolicy stuff */
@@ -0,0 +1,5 @@
1
+ <figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif {{_cssClassCaption}}">
2
+ <div class="dark:text-text-dark overflow-anywhere hyphens-auto line-clamp-2">
3
+ {{> @partial-block }}
4
+ </div>
5
+ </figcaption>
@@ -1,3 +1 @@
1
- <span class="text-gray-scorpion dark:text-text-dark">
2
- {{~loca "figures_copyright"}} {{{this.copyrightWithLinks}}}
3
- </span>
1
+ <span class="text-gray-scorpion dark:text-text-dark">{{~loca "figures_copyright"}} {{{this.copyrightWithLinks}}}</span>
@@ -36,14 +36,11 @@
36
36
  {{/if}}
37
37
  {{#unless _voting-option}}
38
38
  {{#if this.teaseritem}}
39
- {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"}}
40
- {{#unless ../../this.isAudio-adjust_context}}
41
- {{~> components/content/copytext/components/image/image_caption_text}}
42
- {{/unless}}
43
- {{~> components/content/copytext/components/image/image_copyright}}
44
- {{#if ../../this.isAudio-adjust_context~}}
45
- <span class="mx-1">|</span>
46
- {{#with ../../this.toModel.mediaBacklinkToStoryTeaser-adjust_context}}
39
+ {{#if this.isAudio}}
40
+ {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
41
+ {{~> components/content/copytext/components/image/image_copyright~}}
42
+ <span class="mx-1.5">|</span>
43
+ {{~#with ../../this.toModel.mediaBacklinkToStoryTeaser-adjust_context~}}
47
44
  {{~#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"~}}
48
45
  <span>
49
46
  {{~this.readMore~}}
@@ -51,10 +48,15 @@
51
48
  {{~> components/base/image/icon _icon=this.iconName _iconmap="icons" _addClass="inline -mt-0.5 ml-1 w-5 h-5 fill-current"~}}
52
49
  {{~/if~}}
53
50
  </span>
54
- {{/components/base/link}}
55
- {{/with}}
56
- {{/if}}
57
- {{~/components/content/copytext/components/image/collapsible_caption}}
51
+ {{~/components/base/link~}}
52
+ {{~/with~}}
53
+ {{~/components/content/copytext/components/image/caption~}}
54
+ {{else}}
55
+ {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
56
+ {{~> components/content/copytext/components/image/image_caption_text~}}
57
+ {{~> components/content/copytext/components/image/image_copyright~}}
58
+ {{~/components/content/copytext/components/image/collapsible_caption~}}
59
+ {{/if}}
58
60
  {{/if}}
59
61
  {{/unless}}
60
62
  {{~> components/base/a11y/hiddenText _locaTag=_a11yOutro-loca ~}}
@@ -1,10 +1,10 @@
1
1
  <span class='text-xs text-inherit font-headingSerif{{#if _css}} {{_css}}{{/if~}}'>
2
2
  {{~#if this.showAirdate}}
3
3
  {{~#with this.airdateDate ~}}
4
- <span class="mx-1">|</span>
5
- {{#if ../this.isAudioOnDemand}}
4
+ <span class="mx-1.5">|</span>
5
+ {{~#if ../this.isAudioOnDemand~}}
6
6
  <time datetime="{{this.htmlDate}}">{{this.date}}</time>
7
- {{else}}
7
+ {{~else~}}
8
8
  {{~#if this.airdateWithoutTime ~}}
9
9
  <time datetime="{{this.htmlDate}}">{{this.date}}</time>
10
10
  {{~else~}}
@@ -12,14 +12,14 @@
12
12
  {{~/if~}}
13
13
  {{/if}}
14
14
  {{~/with~}}
15
- {{~#if this.isVideoOnDemand}}
15
+ {{~#if this.isVideoOnDemand~}}
16
16
  {{~#with this.copyright~}}
17
- <span class="mx-1">|</span>{{this}}
18
- {{/with}}
19
- {{else}}
17
+ <span class="mx-1.5">|</span>{{this}}
18
+ {{~/with}}
19
+ {{~else~}}
20
20
  {{~#with this.audioAuthor~}}
21
- <span class="mx-1">|</span>{{this}}
22
- {{/with}}
23
- {{/if}}
21
+ <span class="mx-1.5">|</span>{{this}}
22
+ {{~/with}}
23
+ {{~/if~}}
24
24
  {{/if}}
25
25
  </span>
@@ -1,5 +1,5 @@
1
1
  <div class="grid grid-page">
2
- <div class="grid items-baseline bg-white dark:bg-black grid-article">
2
+ <{{#if _isArticle}}article{{else}}div{{/if}} class="grid items-baseline bg-white dark:bg-black grid-article">
3
3
  {{> @partial-block }}
4
- </div>
4
+ </{{#if _isArticle}}article{{else}}div{{/if}}>
5
5
  </div>
@@ -1,4 +1,4 @@
1
- <div class="mt-12 md:mt-14">
1
+ <aside class="mt-12 md:mt-14">
2
2
  {{~#with this.programReference~}}
3
3
  {{~#if this.hasReference~}}
4
4
  <div class="clear-both mb-8 md:mb-10">
@@ -14,4 +14,4 @@
14
14
  {{> components/topictag/topictag_collection }}
15
15
  {{/with}}
16
16
  {{/unless}}
17
- </div>
17
+ </aside>
@@ -1,5 +1,5 @@
1
1
  {{#unless this.hideMetadatabox}}
2
- <div class="clear-both mt-5 border-y border-gray-scorpion">
2
+ <aside class="clear-both mt-5 border-y border-gray-scorpion">
3
3
  <div class="flex clear-both w-full my-4 sm:my-4">
4
4
  <div class="self-center">
5
5
  {{> components/page/components/author _hideFrom=false }}
@@ -14,5 +14,5 @@
14
14
  {{> components/social_sharing/social_sharing_horizontal }}
15
15
  {{/unless}}
16
16
  </div>
17
- </div>
17
+ </aside>
18
18
  {{/unless}}
@@ -1,4 +1,4 @@
1
- {{#>components/page/base/page_wrapper}}
1
+ {{#>components/page/base/page_wrapper _isArticle=true}}
2
2
  {{> components/page/base/page_header}}
3
3
 
4
4
  {{> components/page/components/shorttext _text=this.shorttext }}
@@ -1,4 +1,4 @@
1
- <nav role="navigation" aria-label="{{loca "geotag_related_content_headline"}}" class="">
1
+ <nav role="navigation" aria-label="{{loca "topictag_related_content_headline"}}" class="">
2
2
  <ul class="">
3
3
  {{~#each this~}}
4
4
  <li class="float-left mt-2 mr-2">
@@ -0,0 +1,5 @@
1
+ <figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif {{_cssClassCaption}}">
2
+ <div class="dark:text-text-dark overflow-anywhere hyphens-auto line-clamp-2">
3
+ {{> @partial-block }}
4
+ </div>
5
+ </figcaption>
@@ -1,3 +1 @@
1
- <span class="text-gray-scorpion dark:text-text-dark">
2
- {{~loca "figures_copyright"}} {{{this.copyrightWithLinks}}}
3
- </span>
1
+ <span class="text-gray-scorpion dark:text-text-dark">{{~loca "figures_copyright"}} {{{this.copyrightWithLinks}}}</span>
@@ -36,14 +36,11 @@
36
36
  {{/if}}
37
37
  {{#unless _voting-option}}
38
38
  {{#if this.teaseritem}}
39
- {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"}}
40
- {{#unless ../this.isAudio}}
41
- {{~> components/content/copytext/components/image/image_caption_text}}
42
- {{/unless}}
43
- {{~> components/content/copytext/components/image/image_copyright}}
44
- {{#if ../this.isAudio~}}
45
- <span class="mx-1">|</span>
46
- {{#with ../this.toModel.mediaBacklinkToStoryTeaser}}
39
+ {{#if this.isAudio}}
40
+ {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
41
+ {{~> components/content/copytext/components/image/image_copyright~}}
42
+ <span class="mx-1.5">|</span>
43
+ {{~#with ../this.toModel.mediaBacklinkToStoryTeaser~}}
47
44
  {{~#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"~}}
48
45
  <span>
49
46
  {{~this.readMore~}}
@@ -51,10 +48,15 @@
51
48
  {{~> components/base/image/icon _icon=this.iconName _iconmap="icons" _addClass="inline -mt-0.5 ml-1 w-5 h-5 fill-current"~}}
52
49
  {{~/if~}}
53
50
  </span>
54
- {{/components/base/link}}
55
- {{/with}}
56
- {{/if}}
57
- {{~/components/content/copytext/components/image/collapsible_caption}}
51
+ {{~/components/base/link~}}
52
+ {{~/with~}}
53
+ {{~/components/content/copytext/components/image/caption~}}
54
+ {{else}}
55
+ {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
56
+ {{~> components/content/copytext/components/image/image_caption_text~}}
57
+ {{~> components/content/copytext/components/image/image_copyright~}}
58
+ {{~/components/content/copytext/components/image/collapsible_caption~}}
59
+ {{/if}}
58
60
  {{/if}}
59
61
  {{/unless}}
60
62
  {{~> components/base/a11y/hiddenText _locaTag=_a11yOutro-loca ~}}
@@ -1,10 +1,10 @@
1
1
  <span class='text-xs text-inherit font-headingSerif{{#if _css}} {{_css}}{{/if~}}'>
2
2
  {{~#if this.showAirdate}}
3
3
  {{~#with this.airdateDate ~}}
4
- <span class="mx-1">|</span>
5
- {{#if ../this.isAudioOnDemand}}
4
+ <span class="mx-1.5">|</span>
5
+ {{~#if ../this.isAudioOnDemand~}}
6
6
  <time datetime="{{this.htmlDate}}">{{this.date}}</time>
7
- {{else}}
7
+ {{~else~}}
8
8
  {{~#if this.airdateWithoutTime ~}}
9
9
  <time datetime="{{this.htmlDate}}">{{this.date}}</time>
10
10
  {{~else~}}
@@ -12,14 +12,14 @@
12
12
  {{~/if~}}
13
13
  {{/if}}
14
14
  {{~/with~}}
15
- {{~#if this.isVideoOnDemand}}
15
+ {{~#if this.isVideoOnDemand~}}
16
16
  {{~#with this.copyright~}}
17
- <span class="mx-1">|</span>{{this}}
18
- {{/with}}
19
- {{else}}
17
+ <span class="mx-1.5">|</span>{{this}}
18
+ {{~/with}}
19
+ {{~else~}}
20
20
  {{~#with this.audioAuthor~}}
21
- <span class="mx-1">|</span>{{this}}
22
- {{/with}}
23
- {{/if}}
21
+ <span class="mx-1.5">|</span>{{this}}
22
+ {{~/with}}
23
+ {{~/if~}}
24
24
  {{/if}}
25
25
  </span>
@@ -1,5 +1,5 @@
1
1
  <div class="grid grid-page">
2
- <div class="grid items-baseline bg-white dark:bg-black grid-article">
2
+ <{{#if _isArticle}}article{{else}}div{{/if}} class="grid items-baseline bg-white dark:bg-black grid-article">
3
3
  {{> @partial-block }}
4
- </div>
4
+ </{{#if _isArticle}}article{{else}}div{{/if}}>
5
5
  </div>
@@ -1,4 +1,4 @@
1
- <div class="mt-12 md:mt-14">
1
+ <aside class="mt-12 md:mt-14">
2
2
  {{~#with this.programReference~}}
3
3
  {{~#if this.hasReference~}}
4
4
  <div class="clear-both mb-8 md:mb-10">
@@ -14,4 +14,4 @@
14
14
  {{> components/topictag/topictag_collection }}
15
15
  {{/with}}
16
16
  {{/unless}}
17
- </div>
17
+ </aside>
@@ -1,5 +1,5 @@
1
1
  {{#unless this.hideMetadatabox}}
2
- <div class="clear-both mt-5 border-y border-gray-scorpion">
2
+ <aside class="clear-both mt-5 border-y border-gray-scorpion">
3
3
  <div class="flex clear-both w-full my-4 sm:my-4">
4
4
  <div class="self-center">
5
5
  {{> components/page/components/author _hideFrom=false }}
@@ -14,5 +14,5 @@
14
14
  {{> components/social_sharing/social_sharing_horizontal }}
15
15
  {{/unless}}
16
16
  </div>
17
- </div>
17
+ </aside>
18
18
  {{/unless}}
@@ -1,4 +1,4 @@
1
- {{#>components/page/base/page_wrapper}}
1
+ {{#>components/page/base/page_wrapper _isArticle=true}}
2
2
  {{> components/page/base/page_header}}
3
3
 
4
4
  {{> components/page/components/shorttext _text=this.shorttext }}
@@ -1,4 +1,4 @@
1
- <nav role="navigation" aria-label="{{loca "geotag_related_content_headline"}}" class="">
1
+ <nav role="navigation" aria-label="{{loca "topictag_related_content_headline"}}" class="">
2
2
  <ul class="">
3
3
  {{~#each this~}}
4
4
  <li class="float-left mt-2 mr-2">
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.78.0",
9
+ "version": "1.79.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -0,0 +1,5 @@
1
+ <figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif {{_cssClassCaption}}">
2
+ <div class="dark:text-text-dark overflow-anywhere hyphens-auto line-clamp-2">
3
+ {{> @partial-block }}
4
+ </div>
5
+ </figcaption>
@@ -1,3 +1 @@
1
- <span class="text-gray-scorpion dark:text-text-dark">
2
- {{~loca "figures_copyright"}} {{{this.copyrightWithLinks}}}
3
- </span>
1
+ <span class="text-gray-scorpion dark:text-text-dark">{{~loca "figures_copyright"}} {{{this.copyrightWithLinks}}}</span>
@@ -36,14 +36,11 @@
36
36
  {{/if}}
37
37
  {{#unless _voting-option}}
38
38
  {{#if this.teaseritem}}
39
- {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"}}
40
- {{#unless ../this.isAudio-adjust_context}}
41
- {{~> components/content/copytext/components/image/image_caption_text}}
42
- {{/unless}}
43
- {{~> components/content/copytext/components/image/image_copyright}}
44
- {{#if ../this.isAudio-adjust_context~}}
45
- <span class="mx-1">|</span>
46
- {{#with ../this.toModel.mediaBacklinkToStoryTeaser-adjust_context}}
39
+ {{#if this.isAudio}}
40
+ {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
41
+ {{~> components/content/copytext/components/image/image_copyright~}}
42
+ <span class="mx-1.5">|</span>
43
+ {{~#with ../this.toModel.mediaBacklinkToStoryTeaser-adjust_context~}}
47
44
  {{~#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"~}}
48
45
  <span>
49
46
  {{~this.readMore~}}
@@ -51,10 +48,15 @@
51
48
  {{~> components/base/image/icon _icon=this.iconName _iconmap="icons" _addClass="inline -mt-0.5 ml-1 w-5 h-5 fill-current"~}}
52
49
  {{~/if~}}
53
50
  </span>
54
- {{/components/base/link}}
55
- {{/with}}
56
- {{/if}}
57
- {{~/components/content/copytext/components/image/collapsible_caption}}
51
+ {{~/components/base/link~}}
52
+ {{~/with~}}
53
+ {{~/components/content/copytext/components/image/caption~}}
54
+ {{else}}
55
+ {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
56
+ {{~> components/content/copytext/components/image/image_caption_text~}}
57
+ {{~> components/content/copytext/components/image/image_copyright~}}
58
+ {{~/components/content/copytext/components/image/collapsible_caption~}}
59
+ {{/if}}
58
60
  {{/if}}
59
61
  {{/unless}}
60
62
  {{~> components/base/a11y/hiddenText _locaTag=_a11yOutro-loca ~}}
@@ -1,10 +1,10 @@
1
1
  <span class='text-xs text-inherit font-headingSerif{{#if _css}} {{_css}}{{/if~}}'>
2
2
  {{~#if this.showAirdate}}
3
3
  {{~#with this.airdateDate ~}}
4
- <span class="mx-1">|</span>
5
- {{#if ../this.isAudioOnDemand}}
4
+ <span class="mx-1.5">|</span>
5
+ {{~#if ../this.isAudioOnDemand~}}
6
6
  <time datetime="{{this.htmlDate}}">{{this.date}}</time>
7
- {{else}}
7
+ {{~else~}}
8
8
  {{~#if this.airdateWithoutTime ~}}
9
9
  <time datetime="{{this.htmlDate}}">{{this.date}}</time>
10
10
  {{~else~}}
@@ -12,14 +12,14 @@
12
12
  {{~/if~}}
13
13
  {{/if}}
14
14
  {{~/with~}}
15
- {{~#if this.isVideoOnDemand}}
15
+ {{~#if this.isVideoOnDemand~}}
16
16
  {{~#with this.copyright~}}
17
- <span class="mx-1">|</span>{{this}}
18
- {{/with}}
19
- {{else}}
17
+ <span class="mx-1.5">|</span>{{this}}
18
+ {{~/with}}
19
+ {{~else~}}
20
20
  {{~#with this.audioAuthor~}}
21
- <span class="mx-1">|</span>{{this}}
22
- {{/with}}
23
- {{/if}}
21
+ <span class="mx-1.5">|</span>{{this}}
22
+ {{~/with}}
23
+ {{~/if~}}
24
24
  {{/if}}
25
25
  </span>
@@ -1,5 +1,5 @@
1
1
  <div class="grid grid-page">
2
- <div class="grid items-baseline bg-white dark:bg-black grid-article">
2
+ <{{#if _isArticle}}article{{else}}div{{/if}} class="grid items-baseline bg-white dark:bg-black grid-article">
3
3
  {{> @partial-block }}
4
- </div>
4
+ </{{#if _isArticle}}article{{else}}div{{/if}}>
5
5
  </div>
@@ -1,4 +1,4 @@
1
- <div class="mt-12 md:mt-14">
1
+ <aside class="mt-12 md:mt-14">
2
2
  {{~#with this.programReference~}}
3
3
  {{~#if this.hasReference~}}
4
4
  <div class="clear-both mb-8 md:mb-10">
@@ -14,4 +14,4 @@
14
14
  {{> components/topictag/topictag_collection }}
15
15
  {{/with}}
16
16
  {{/unless}}
17
- </div>
17
+ </aside>
@@ -1,5 +1,5 @@
1
1
  {{#unless this.hideMetadatabox}}
2
- <div class="clear-both mt-5 border-y border-gray-scorpion">
2
+ <aside class="clear-both mt-5 border-y border-gray-scorpion">
3
3
  <div class="flex clear-both w-full my-4 sm:my-4">
4
4
  <div class="self-center">
5
5
  {{> components/page/components/author _hideFrom=false }}
@@ -14,5 +14,5 @@
14
14
  {{> components/social_sharing/social_sharing_horizontal }}
15
15
  {{/unless}}
16
16
  </div>
17
- </div>
17
+ </aside>
18
18
  {{/unless}}
@@ -1,4 +1,4 @@
1
- {{#>components/page/base/page_wrapper}}
1
+ {{#>components/page/base/page_wrapper _isArticle=true}}
2
2
  {{> components/page/base/page_header}}
3
3
 
4
4
  {{> components/page/components/shorttext _text=this.shorttext }}
@@ -1,4 +1,4 @@
1
- <nav role="navigation" aria-label="{{loca "geotag_related_content_headline"}}" class="">
1
+ <nav role="navigation" aria-label="{{loca "topictag_related_content_headline"}}" class="">
2
2
  <ul class="">
3
3
  {{~#each this~}}
4
4
  <li class="float-left mt-2 mr-2">