{{ define "meta_tags" }}
<meta property="og:site_name" content="{{ .Site.Title }}" />
<meta property="og:title" content="{{ .Title }} | {{ .Site.Title }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ .Permalink }}" />
<meta property="og:locale" content="ja_JP" />
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="{{ .Title }}">

{{ if .Params.image }}
  {{ with .Params.image }}
  <meta property="og:image" content="{{ . | absURL }}">
  <meta property="og:image:url" content="{{ . | absURL }}">
  {{ end }}
{{ else }}
  <meta property="og:image" content="{{ .Site.Params.homepage_meta_tags.meta_og_image | absURL }}">
  <meta property="og:image:url" content="{{ .Site.Params.homepage_meta_tags.meta_og_image | absURL }}">
{{ end }}

{{- if .Description }}
<meta property="og:description" content="{{ .Description }}" />
<meta property="twitter:description" content="{{ .Description }}" />
{{- else if .Summary }}
<meta property="og:description" content="{{ .Summary }}" />
<meta property="twitter:description" content="{{ .Summary }}" />
{{- else if .Site.Params.description }}
<meta property="og:description" content="{{ .Site.Params.description }}" />
<meta property="twitter:description" content="{{ .Site.Params.description }}" />
{{- end }}
{{ end }}

{{ define "main" }}
<div class="mx-auto my-10 max-w-6xl">
  <div class="mx-3 col-span-3 lg:col-span-2 px-2">
    <h1 class="title text-5xl mb-4 text-white">{{.Title}}</h1>
    <hr style="border-color: #00ad8e;">
    <div class="content py-1 text-white">{{.Content}}</div>
    
    <!-- Hier filtern wir nun die Blogartikel nach dem Tag 'event' -->
    {{ $filteredPages := where (where .Site.RegularPages "Section" "blog") "Params.tags" "intersect" (slice "event") }}
    
    <!-- Paginator für die gefilterten Seiten (6 Artikel pro Seite) -->
    {{ $paginator := .Paginate $filteredPages 6 }}
    
    {{ range $paginator.Pages }}
    <a href="{{ .Permalink }}">
      <div>{{ partial "summary.html" . }}</div>
    </a>
    {{ end }}
  </div>
  {{ partial "paginator.html" . }}
</div>
{{ end }}