HOD2018_website/themes/HOD2k18/layouts/partials/talk-calendar.html

<!--https://discourse.gohugo.io/t/how-to-use-hugo-template-variables-in-css/4464/13-->
<style>
  {{ range .Site.RegularPages }}
      #{{ replace .Title " " "_" }}:target > .descrizione-talk{
        display:block !important;
        margin-bottom:0;
      }
    #{{ replace .Title " " "_" }}:target > .filler{
      margin-bottom: -1em !important;
    }
    #{{ replace .Title " " "_" }}:target > .filler >.title-wrapper{
      border-bottom:5pt solid #000001 !important;
    }
  {{ end }}
</style>

<section id="calendario">
  <ul>
    <div id="overflow-scroll">
      <h3>Venerdì 09.11</h3>
      {{ range sort (where .Site.RegularPages ".Params.giorno" 1) ".Params.orario" "asc"}}
      <li id="{{ replace .Title " " "_" }}">
        <div class="filler">
            <div class="title-wrapper">
                <div class="orario"> {{.Params.orario}} </div>
            <!--<h4><a class="titolo" href="{{ .Permalink }}">{{ .Title }}</a></h4>-->
              <a class="titolo" href="#{{ replace .Title " " "_" }}">
                <h4>{{ .Title }}</h4>
              </a>
            </div>
        </div>
        <div class="descrizione-talk">
          <div>
            {{ .Content }}
          </div>
        </div>
      </li>
    {{ end }}
    <h3>Sabato 10.11</h3>
    {{ range sort (where .Site.RegularPages ".Params.giorno" 2) ".Params.orario" "asc"}}
    <li id="{{ replace .Title " " "_" }}">
      <div class="filler">
          <div class="title-wrapper">
              <div class="orario"> {{.Params.orario}} </div>
          <!--<h4><a class="titolo" href="{{ .Permalink }}">{{ .Title }}</a></h4>-->
            <a class="titolo" href="#{{ replace .Title " " "_" }}">
              <h4>{{ .Title }}</h4>
            </a>
          </div>
      </div>
      <div class="descrizione-talk">
        <div>
          {{ .Content }}
        </div>
      </div>
    </li>
  {{ end }}
    </div>
  </ul>
</section>