tonybtw.com

tonybtw.com

https://git.tonybtw.com/tonybtw.com.git git://git.tonybtw.com/tonybtw.com.git
tonybtw.com / layouts / community / list.html
1,776 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;">Community</h1>
15
16 
    <div class="tutorial-grid">
17 
      {{ $paginator := .Paginate .Pages }}
18 
      {{ range $page := $paginator.Pages }}
19 
        <div class="tutorial-card">
20 
          <!-- No image on cards for community -->
21 
          <h4 class="tutorial-card-title" style="margin-top:0;">
22 
            <a href="{{ $page.RelPermalink }}">{{ $page.Title }}</a>
23 
          </h4>
24 
          {{ with $page.Params.author }}
25 
            <p class="tutorial-card-author" style="margin:.15rem 0; color:#666;">By {{ . }}</p>
26 
          {{ end }}
27 
          <p class="tutorial-card-date">{{ $page.Date.Format "January 2, 2006" }}</p>
28 
          {{ with $page.Description }}
29 
            <p class="tutorial-card-description">{{ . }}</p>
30 
          {{ end }}
31 
        {{ with $page.Params.logo }}
32 
        <div style="position:relative; width: 0; height: 0">
33 
            <div class="tutorial-card-logo" style="position:absolute; left: 300px; bottom: 40px;">
34 
              <img src="{{ . | relURL }}" alt="{{ $page.Title }} logo" style="max-width: 100px; max-height: 64px;">
35 
            </div>
36 
        </div>
37
38 
          {{ end }}
39 
        </div>
40 
      {{ end }}
41 
    </div>
42
43 
    {{ if gt $paginator.TotalPages 1 }}
44 
      <div style="margin-top: 2rem; text-align: center;">
45 
        {{ template "_internal/pagination.html" . }}
46 
      </div>
47 
    {{ end }}
48 
  </main>
49 
</body>
50 
</html>