fix: invalid HTML in rendered web pages (#365)

Signed-off-by: Jaime Silvela <jaime.silvela@mailfence.com>

Author: jsilvela

layouts/_partials/card.html

@@ -1,4 +1,4 @@
 <div class="w-full md:py-4 md:px-20 px-4 py-1">
-    <h1 class="md:text-3xl md:py-4 font-medium text-2xl py-1 md:text-left text-center">{{.Title}}</h1>
-    <p class="md:text-xl text-lg">{{ .Content }}</p>
+    <h2 class="md:text-3xl md:py-4 font-medium text-2xl py-1 md:text-left text-center">{{.Title}}</h2>
+    <div class="md:text-xl text-lg">{{ .Content }}</div>
 </div>

layouts/_partials/footer.html

@@ -62,11 +62,11 @@ <h3 class="text-3xl font-semibold mb-0">Community</h3>
   <!-- Legal Text Section -->
   <div class="text-center pb-4">
     <p class="text-sm charcoal md:w-1/2 mx-auto md:pt-10 px-6 pt-12">
-      Copyright &copy; CloudNativePG a Series of LF Projects, LLC.<br />
+      Copyright &copy; CloudNativePG a Series of LF Projects, LLC.<br>
       For website terms of use, trademark policy and other project policies please see
-      <a href="https://lfprojects.org/policies/">LF Projects, LLC Policies</a>.<br /><br />
+      <a href="https://lfprojects.org/policies/">LF Projects, LLC Policies</a>.<br><br>
       <a href="https://www.linuxfoundation.org/trademark-usage/" class="red-1">The Linux Foundation has registered
-        trademarks and uses trademarks</a>.<br /><br />
+        trademarks and uses trademarks</a>.<br><br>
       <a href="https://www.postgresql.org/about/policies/trademarks" class="red-1">Postgres, PostgreSQL and the Slonik
         Logo are trademarks or
         registered trademarks of the PostgreSQL Community Association of Canada, and

layouts/_partials/hero.html

@@ -17,4 +17,5 @@ <h1 class="md:text-6xl font-bold red-1 pt-2.5 text-3xl md:text-left text-center"
         <img src="{{ $image.RelPermalink }}" alt="hero image" class="mx-auto">
       </div>
     </div>
+  </div>
 </section>

layouts/_partials/info.html

@@ -9,17 +9,17 @@
       <img src="{{ .context.Params.icon }}" alt="{{.context.Title}}" class="h-20 mx-auto" />
     </div>
     <div class="md:w-3/5 md:block">
-      <h1 class="md:text-3xl py-4 font-medium cnp-blue text-2xl md:text-left text-center">{{ .context.Title }}</h1>
-      <p class="md:text-xl leading-8 gray-4 text-lg">{{ .context.Content }}</p>
+      <h2 class="md:text-3xl py-4 font-medium cnp-blue text-2xl md:text-left text-center">{{ .context.Title }}</h2>
+      <div class="md:text-xl leading-8 gray-4 text-lg">{{ .context.Content }}</div>
     </div>
   </section>
 </div>
 {{ else }}
 <div class="md:block hidden w-full  bg-white py-16 md:px-56">
   <section class="container mx-auto text-left md:flex md:flex-row md:justify-between">
     <div class="md:w-3/5">
-      <h1 class="md:text-3xl py-4 font-medium cnp-blue text-2xl">{{ .context.Title }}</h1>
-      <p class="md:text-xl leading-8 gray-4 text-lg">{{ .context.Content }}</p>
+      <h2 class="md:text-3xl py-4 font-medium cnp-blue text-2xl">{{ .context.Title }}</h2>
+      <div class="md:text-xl leading-8 gray-4 text-lg">{{ .context.Content }}</div>
     </div>
     <div class="items-center my-auto mx-auto">
       <img src="{{ .context.Params.icon }}" alt="{{.context.Title}}" class="mx-auto" />
@@ -32,8 +32,8 @@ <h1 class="md:text-3xl py-4 font-medium cnp-blue text-2xl">{{ .context.Title }}<
       <img src="{{ .context.Params.icon }}" alt="{{.context.Title}}" class="h-20 mx-auto" />
     </div>
     <div class="md:w-3/5">
-      <h1 class="md:text-3xl py-4 font-medium text-center cnp-blue text-2xl">{{ .context.Title }}</h1>
-      <p class="md:text-xl leading-8 gray-4 text-lg">{{ .context.Content }}</p>
+      <h2 class="md:text-3xl py-4 font-medium text-center cnp-blue text-2xl">{{ .context.Title }}</h2>
+      <div class="md:text-xl leading-8 gray-4 text-lg">{{ .context.Content }}</div>
     </div>
   </section>
 </div>

layouts/paged_content/list.html

@@ -2,7 +2,7 @@
 
 <div class="mx-auto md:w-1/2 px-4 well">
     <h2 class="text-xl mt-6">{{.Title}}</h2>
-    <p>{{.Content}}</p>
+    {{.Content}}
 
     {{ range .Pages }}
     <hr>

layouts/releases/list.html

@@ -18,21 +18,21 @@
                 <div class="charcoal">
                     <dl>
                         <dt class="text-3xl my-5 font-bold">{{ .Title }}</dt>
-                        <div class="flex text-xs gap-1.5">
+                        <dd class="flex text-xs gap-1.5">
                             <ul class="text-sm">
                                 {{ range .Params.tags }}
                                 <li class="bg-charcoal-opacity-10 py-1 px-2.5 inline-block mr-2 mb-2">{{ . }}</li>
                                 {{ end }}
                             </ul>
-                        </div>
+                        </dd>
                         <dd class="text-2xl my-5">{{ .Params.summary }}</dd>
                     </dl>
                 </div>
 
                 <!--CTA-->
                 <div class="pt-10">
-                    <a href="{{ .RelPermalink }}"
-                        class="bg-rose-600 py-4 px-12 rounded-full text-white text-xl">Continue Reading</a>
+                    <span
+                        class="bg-rose-600 py-4 px-12 rounded-full text-white text-xl">Continue Reading</span>
                 </div>
                 <!--CTA-->
             </a>

layouts/support/list.html

@@ -2,7 +2,7 @@
 
 <div class="mx-auto md:w-1/2 px-4 well">
     <h2 class="text-xl mt-6">{{.Title}}</h2>
-    <p>{{.Content}}</p>
+    {{.Content}}
     <ul>
     {{ range sort .Pages "Title" }}
         <li><a href="{{ .Params.homepage }}">{{ .Title }}</a></li>