tonybtw.com

tonybtw.com

https://git.tonybtw.com/tonybtw.com.git git://git.tonybtw.com/tonybtw.com.git
tonybtw.com / layouts / tutorial / list.html
1,278 bytes raw
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
<head>
4 
  <meta charset="UTF-8" />
5 
  <link rel="icon" type="image/png" href="/img/favicon.png" />
6 
  <meta name="viewport" content="width=device-width, initial-scale=1" />
7 
  <title>{{ .Title }}</title>
8 
  <link rel="stylesheet" href="/css/site.css" />
9 
</head>
10 
<body>
11
12 
  {{ partial "header.html" . }}
13 
<main class="container">
14 
  <h1 class="site-post-title center" style="margin-bottom: 2rem;">Tutorials</h1>
15
16 
<div class="tutorial-grid">
17 
  {{ $paginator := .Paginate .Pages }}
18 
  {{ range $page := $paginator.Pages }}
19 
  <div class="tutorial-card">
20 
    {{ with $page.Params.image }}
21 
    <a href="{{ $page.RelPermalink }}">
22 
      <img
23 
        src="{{ . }}"
24 
        alt="{{ $page.Title }}"
25 
        class="tutorial-card-image"
26 
        loading="lazy"
27 
      />
28 
    </a>
29 
    {{ end }}
30 
    <h4 class="tutorial-card-title">
31 
      <a href="{{ $page.RelPermalink }}">{{ $page.Title }}</a>
32 
    </h4>
33 
    <p class="tutorial-card-date">{{ $page.Date.Format "January 2, 2006" }}</p>
34 
    <p class="tutorial-card-description">{{ $page.Description }}</p>
35 
  </div>
36 
  {{ end }}
37 
</div>
38
39 
  {{ if gt $paginator.TotalPages 1 }}
40 
  <div style="margin-top: 2rem; text-align: center;">
41 
    {{ template "_internal/pagination.html" . }}
42 
  </div>
43 
  {{ end }}
44 
</main>
45 
</body>
46 
</html>