{{ 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 }}