website/layouts/projects/list.html

58 lines
2.2 KiB
HTML

{{ define "head" }}
<meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/projects.css" media="all">
<!-- fontawesome -->
<script defer src="{{ .Site.Params.staticPath }}/fontawesome-5/all-5.15.4.js"></script>
{{ end }}
{{ define "title" }}
{{.Title }} | {{ .Site.Title }}
{{ end }}
{{ define "main" }}
<div class="container pt-5" id="projects">
<h2 class="text-center pb-2">{{.Title}}</h2>
<div class="row">
{{ range .Paginator.Pages }}
<div class="col-lg-4 col-md-6 my-3">
<div class="card my-3 h-100" title="{{ .Title }}">
<div class="card-head">
<img class="card-img-top" src="{{ .Params.image }}" alt="{{ .Title }}">
</div>
<div class="card-body bg-transparent p-3">
<div class="pb-2 bg-transparent">
{{ range .Params.badges }}
<span class="badge badge-secondary">{{ . }}</span>
{{ end }}
</div>
<h5 class="card-title bg-transparent">{{ .Title | truncate 50 }}</h5>
<div class="card-text bg-transparent secondary-font">
{{ .Summary | truncate 100 | safeHTML }}
</div>
</div>
<div class="card-footer py-3">
{{ range .Params.links }}
<span class="m-1 mx-2">
<a href="{{ .url }}" target="_blank">
<i class="{{ .icon }}"></i>
</a>
</span>
{{ end }}
<span class="float-end">
<a class="btn btn-sm" href="{{ .RelPermalink }}">
Know more
</a>
</span>
</div>
</div>
</div>
{{ end }}
<div class="row justify-content-center">
<div class="col-auto m-3">
{{template "_internal/pagination.html" . }}
</div>
</div>
</div>
</div>
{{ end }}