@@ -22,38 +22,53 @@ permalink: /method/{{ resource.slug }}/index.html
2222 },
2323{% endjsonld %}
2424
25+ <!-- Debug: Available Resource Properties -->
26+ <pre style =" display : none ;" >
27+ {{ resource | dump (2) | safe }}
28+ </pre >
29+
2530<article class =" method" >
2631 <section class =" overview" >
2732 <div class =" hero" >
28- {% responsiveHero resource .heroImage %}
29- {% if resource .heroImage .credit %}
30- <p >Photo by <a href ={{resource.heroImage.source}} tabIndex =' -1' >{{ resource .heroImage .credit .replace (' by ' ,' via ' )}} </a >
33+ <div class =" title" >
34+ <h1 >
35+ <span >{{ resource .title }} </span >
36+ </h1 >
37+ <p class =" --text-lg --font-emphasis --text-muted" >
38+ <span >Method</span >
3139 </p >
32- {% endif %}
33- </div >
34- <div class =" header" >
35- <h1 >
36- <span >{{ resource .title }} </span >
37- <span >Method</span >
38- </h1 >
40+ <p class =" --text-lg --pt-lg" >
41+ <span >{{ resource .metaDescription }} </span >
42+ </p >
43+ <p class =" --text-lg --pt-lg --font-emphasis --text-muted" >
44+ <span >Updated {{ resource .dateStamps .revisedAt | default (resource .dateStamps .createdAt ) }} </span >
45+ </p >
46+ </div >
47+ <div class =" image" >
48+ {% responsiveHero resource .heroImage %}
49+ {% if resource .heroImage .credit %}
50+ <p >Photo by <a href ={{resource.heroImage.source}} tabIndex =' -1' >{{ resource .heroImage .credit .replace (' by ' ,' via ' )}} </a >
51+ </p >
52+ {% endif %}
53+ </div >
3954 </div >
4055 <div class =" description" >
4156 <p >{{ resource .overview | safe }} </p >
4257 </div >
4358 </section >
44- {% if resource .prepareMethods | length > 0 %}
45- <section >
46- <h2 >Preparation</h2 >
47- <p >{{ resource .title }} is often more effective when it is informed by these complementary methods.</p >
48- <ul class =" grid" >
49- {% for method in resource
50- .prepareMethods
51- .slice (0, 6) %}
52- {% resourceCard method %}
53- {% endfor %}
54- </ul >
55- </section >
56- {% endif %}
59+ {% if resource .prepareMethods | length > 0 %}
60+ <section >
61+ <h2 >Preparation</h2 >
62+ <p >{{ resource .title }} is often more effective when it is informed by these complementary methods.</p >
63+ <ul class =" grid" >
64+ {% for method in resource
65+ .prepareMethods
66+ .slice (0, 6) %}
67+ {% resourceCard method %}
68+ {% endfor %}
69+ </ul >
70+ </section >
71+ {% endif %}
5772 <section class =" details" >
5873 <div class =" steps" >
5974 <h2 >Steps</h2 >
@@ -72,8 +87,8 @@ permalink: /method/{{ resource.slug }}/index.html
7287 </ul >
7388 </div >
7489 </section >
75- {% if resource .resources | length > 0 %}
76- <section >
90+ {% if resource .resources | length > 0 %}
91+ <section class = " resources " >
7792 <h2 >Resources</h2 >
7893 <ul class =" grid" >
7994 {% for resource in resource
@@ -82,20 +97,21 @@ permalink: /method/{{ resource.slug }}/index.html
8297 {% resourceCardExt resource %}
8398 {% endfor %}
8499 </ul >
85- {% endif %}
100+
86101 </section >
87- {% if resource .continueMethods | length > 0 %}
88- <section >
89- <h2 >Next Steps</h2 >
90- <ul class =" grid" >
91- {% for method in resource
92- .continueMethods
93- .slice (0, 6) %}
94- {% resourceCard method , " full-card" %}
95- {% endfor %}
96- </ul >
97- </section >
98- {% endif %}
102+ {% endif %}
103+ {% if resource .continueMethods | length > 0 %}
104+ <section >
105+ <h2 >Next Steps</h2 >
106+ <ul class =" grid" >
107+ {% for method in resource
108+ .continueMethods
109+ .slice (0, 6) %}
110+ {% resourceCard method , " full-card" %}
111+ {% endfor %}
112+ </ul >
113+ </section >
114+ {% endif %}
99115 <section class =" admin-metadata" >
100116 {% if resource .stepSources %}
101117 <h2 >References</h2 >
@@ -107,6 +123,6 @@ permalink: /method/{{ resource.slug }}/index.html
107123 {% endfor %}
108124 </ol >
109125 {% endif %}
110- <p class =" datestamp" >{{ resource .title }} Method details last edited on {{ resource .dateStamps .createdAt }} </p >
126+ <p class =" datestamp" >{{ resource .title }} Method details last edited on {{ resource .dateStamps .revisedAt | default ( resource . dateStamps . createdAt ) }} </p >
111127 </section >
112128</article >
0 commit comments