{{ define "head" }}

    <style type="text/css">
      .feature-image {
        background-image: linear-gradient(
            rgba(0, 0, 0, 0.15), 
            rgba(0, 0, 0, 0.15)
          ), url('{{ "images/unix.jpg" | absURL }}');
          height: 500px;
      }

      .feature-image-text {
          margin-top: 20px;
      }

      @media (min-width: 1200px) {
        .feature-image {
            background-position: 0% 30%;
        }
      }

      @media (max-width: 768px) {
        .feature-image {
            height: 250px;
            background-position: 0% 0%;
        }
      }
    </style>

{{ end }}
{{ define "header" }}
  {{ if .IsHome }}
    <header class="feature-image">
        <div class="feature-image-text white-shadow-text">
            {{ partial "header-about-me" . }}
        </div>
    </header>
  {{ end }}
  {{ if not .IsHome }}

    <header class="feature-image">
        <div class="feature-image-text">
            <h1 class="text-center">{{ .Title }}</h1>
        </div>
    </header>
  {{ end }}
{{ end }}
{{ define "main" }}
  <div class="container mt-4 mb-4 recent-posts" style="text-align: center;">
      {{ $pages := .Pages }}
      {{ if .IsHome }}
        {{ $pages := where .Site.RegularPages "Section" "page" }}

          {{ range $pages }}
            <div><a class="title" id="front-title" href="{{ .Permalink }}"><h2>{{ .Title }}</h2></a></div>
            <div><p id="front-title">{{ .Description }}</p></div>
          {{ end }}
          <!-- {{ $pages := where .Site.RegularPages "Section" "projets" }}

          {{ range $pages }}
            <div><a href="{{ .Permalink }}"><h5>{{ .Title }}</h5></a></div>
          {{ end }} -->
      {{ end }}
  </div>
{{ end }}