{{ print "<!-- " .block.id " -->" | safeHTML }}
<section id="{{.block.id}}" class="main special">
  <div class="container">
    {{ if eq .params.backgroundpersection true }}
      {{ with .block.picture }}<span class="image fit primary"><img src="images/{{ . }}" alt="" /></span>{{ end }}
    {{ end }}
    <div class="content">
      <header class="major">
        <h2>{{ with .block.title }}{{ . | markdownify }}{{ end }}</h2>
      </header>
      {{ range .block.item }}
      <div>
        <h3>{{ .day }}</h3>
        <span>{{ with .description }}{{ . | markdownify }}{{ end }}</span> 
      </div>  
      {{ end }}
    </div>
    {{ if .next }}
      <a href="#{{.next.id}}" class="goto-next scrolly">{{ with .block.buttontext }}{{ . | markdownify }}{{ end }}</a>
    {{ end }}
  </div>
</section>