{{ define "main" }}
<div class="min-h-screen bg-gradient-to-b from-gray-900 to-gray-800 text-white py-16 px-4">
  <div class="container mx-auto max-w-5xl">
    <h1 class="text-4xl font-bold mb-12 text-center">.SamCloud Server Logs</h1>
    <div class="space-y-12">
      {{ range .Pages }}
      <article class="bg-gray-800/60 p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300">
        <header class="mb-4">
          <h2 class="text-2xl font-semibold">
            <a href="{{ .RelPermalink }}" class="hover:text-blue-400">{{ .Title }}</a>
          </h2>
          <time class="text-sm text-gray-400">{{ .Date.Format "Jan 2, 2006" }}</time>
        </header>
        {{ with .Params.description }}
        <p class="text-gray-300 mb-4">{{ . }}</p>
        {{ end }}
        <a href="{{ .RelPermalink }}" class="text-blue-400 hover:underline">Read more →</a>
      </article>
      {{ end }}
    </div>
  </div>
</div>
{{ end }}