arch-docs/templates/hub.html at main · supermodeltools/arch-docs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
{{template "_head.html"}}
<title>{{.Entry.Name}} — {{.Taxonomy.Label}} | {{.Site.Name}}</title>
<meta name="description" content="Browse all {{.Entry.Name}} entities in the {{.Site.Name}} architecture documentation.">
{{$curPage := index .Pagination.PageURLs (sub .Pagination.CurrentPage 1)}}<link rel="canonical" href="{{.Site.BaseURL}}{{$curPage.URL}}">

{{template "_og.html" .}}
<style>{{template "_styles.css"}}</style>
{{.JsonLD}}
</head>
<body>
{{template "_header.html" .}}

<main id="main-content">
  <div class="container">
    <div class="hub-header">
      <div class="entity-breadcrumb">
        <a href="/">Home</a>
        <span class="sep">/</span>
        <a href="/{{.Taxonomy.Name}}/index.html">{{.Taxonomy.Label}}</a>
        <span class="sep">/</span>
        <span>{{.Entry.Name}}</span>
      </div>
      <h1>{{.Entry.Name}}</h1>
      <p class="hub-desc">Browse all {{len .Entry.Entities}} {{.Taxonomy.LabelSingular | lower}} entities categorized under {{.Entry.Name}} in the {{.Site.Name}} architecture documentation.</p>
      <p class="hub-meta">{{len .Entry.Entities}} entities &middot; Page {{.Pagination.CurrentPage}} of {{.Pagination.TotalPages}}</p>
      <div class="chart-panel chart-panel-compact hub-charts">
        <div class="hub-chart-cell" id="hub-chart"></div>
        <div class="hub-chart-cell" id="hub-chart-secondary"></div>
        <script type="application/json" id="hub-chart-data">{{.ChartData}}</script>
      </div>
    </div>

    <div class="card-grid">
      {{range .Entities}}
      <a href="/{{.Slug}}.html" class="card">
        <div class="card-title">{{.GetString "title"}}</div>
        <div class="card-desc">{{.GetString "description"}}</div>
        <div class="card-meta">
          {{if .GetString "node_type"}}<span class="pill pill-accent">{{.GetString "node_type"}}</span>{{end}}
          {{if .GetString "language"}}<span class="pill pill-blue">{{.GetString "language"}}</span>{{end}}
        </div>
      </a>
      {{end}}
    </div>

    {{if gt .Pagination.TotalPages 1}}
    <div class="pagination">
      {{if .Pagination.PrevURL}}
      <a href="{{.Pagination.PrevURL}}">&laquo; Prev</a>
      {{end}}
      {{range .Pagination.PageURLs}}
      {{if eq .Number $.Pagination.CurrentPage}}
      <span class="current">{{.Number}}</span>
      {{else if le .Number 5}}
      <a href="{{.URL}}">{{.Number}}</a>
      {{else if gt .Number (sub $.Pagination.TotalPages 2)}}
      <a href="{{.URL}}">{{.Number}}</a>
      {{end}}
      {{end}}
      {{if .Pagination.NextURL}}
      <a href="{{.Pagination.NextURL}}">Next &raquo;</a>
      {{end}}
    </div>
    {{end}}
  </div>

  {{if .CTA.Enabled}}
  <div class="cta-section">
    <h2 class="cta-heading">{{.CTA.Heading}}</h2>
    <p class="cta-description">{{.CTA.Description}}</p>
    <a href="{{.CTA.ButtonURL}}" class="cta-button" rel="noopener">{{.CTA.ButtonText}}</a>
  </div>
  {{end}}
</main>

{{template "_footer.html"}}
<script src="https://cdn.jsdelivr.net/npm/d3@7/dist/d3.min.js"></script>
<script src="/main.js"></script>
</body>
</html>