hugo-json/layouts/_default/home.html

{{ define "main" }}
<p>{</p>
<main>
  <div class="one">
    <div class="flex-row">
      <span>"title":</span>
      <span class="highlight">"{{ .Site.Params.title }}"</span>
      ,
    </div>
    <div class="flex-row">
      <span>"body":</span>
      <span> <span class="highlight">"{{ .Site.Params.body }}"</span>, </span>
    </div>
    <span class="flex-col"
      >"Q & A":[ {{ range $index, $element := .Site.Params.faq }} {{- if ne
      $index 0 }}
      <div class="two">},</div>
      {{ end }}
      <div class="two">
        {
        <div class="three">
          <div>
            <span>"Q":</span
            ><span class="highlight">"{{ $element.question }}"</span>,
          </div>
          <div>
            <span>"A":</span
            ><span class="highlight">"{{ $element.answer }}"</span>
          </div>
        </div>
      </div>
      {{- end }} ]</span
    >
    <span class="flex-col">
      "contact":{ {{ $length := len .Site.Params.contact }} {{ range $index,
      $element := .Site.Params.contact }}
      <div class="two">
        <div class="three contact">
          <span>"{{ $element.service }}"</span>:
          <span class="highlight">"{{ $element.input }}"</span>
          {{ if ne $index (sub $length 1) }},{{ end }}
        </div>
      </div>
      {{ end }} },
    </span>
  </div>
</main>

<footer class="one">
  <span>
    "license":<a
      class="highlight"
      href="https://creativecommons.org/licenses/by-sa/4.0"
      >"CC BY-SA 4.0"</a
    >,
  </span>
  <span>
    "source code":<a
      class="highlight"
      href="https://git.myco.systems/mycosystems/hugo-maintenance"
      >"https://git.myco.systems/mycosystems/hugo-maintenance"</a
    >
  </span>
</footer>
<p>}</p>
{{ end }}