{{ partial "header.html" . }} {{ partial "navbar.html" . }} <main class="ready"> <section id="ready"> <div id="ready" class="container-fluid"> <div class="section-header"> <div class="row"> <div class="col-lg-12 text-center"> <h1 class="section-title text-center">{{ .Title }}</h1> </div> </div> <div class="row"> <div class="col-lg-2"> </div> <div class="col-lg-8">{{ .Content }}</div> <div class="col-lg-2"> </div> </div> <div class="row"> <span class="section-divider"></span> </div> <div class="row"> <div class="col-lg-2"> </div> <div class="col-lg-8 text-center"> <script src="{{ "/lib/search//jquery-3.3.1.min.js" | relURL }}"></script> <script src="{{ "/lib/search/fuse-3.2.0.min.js" | relURL }}"></script> <script src="{{ "/lib/search/jquery.mark-8.11.1.min.js" | relURL }}"></script> <script>var jsonfile = "{{ .RelPermalink }}/index.json"</script> {{ $searchjavascript := resources.Get "js/search.js" }} {{ $searchjs := $searchjavascript | resources.Minify }} <script src="{{ $searchjs.RelPermalink }}"></script> <div class="my-auto" > <form action="{{ .RelPermalink }}" onkeyup="executeInlineSearch()"> <input id="search-query" placeholder="Search..." name="s" autocomplete="off" search autofocus/> </form> <div id="search-results"><h3 class="search-results-title mb-4">Matching items</h3></div> </div> <script id="search-result-template" type="text/x-js-template"> <div class="search-results-summary"> <div class="search-results" id="summary-${key}"> <h4><a class="search-item" href="${link}">${title}</a></h4> ${ isset tags }<p>${tags}</p>${ end } </div> </div> </script> </div> <div class="col-lg-2"> </div> </div> <div class="row"> <span class="section-divider"></span> </div> </div> <div class="row"> {{ range (.Paginate .Data.Pages.ByTitle 30).Pages }} {{ $imagename := .Param "image" }} {{ $imagelocation := (printf "%s/%s" "images/ready/" $imagename) }} {{ $imageresource := resources.Get $imagelocation }} <article class="post__article col-md-6"> {{ if $imageresource }} <div class="post__thumb"> {{ $image := $imageresource.Resize "50x50 webp" }} <img class="img-fluid" src="{{ $image.RelPermalink }}" width="50" height="50" alt="{{ .Title }}"> </div> {{ end }} <a class="post__title btn btn-outline-primary" href="{{ .RelPermalink }}">{{ .Title }}</a> </article> {{ end }} </div> <div class="row"> <div class="col-lg-4"> </div> <div class="col-lg-4 text-center"> {{ template "_internal/pagination.html" . }} </div> <div class="col-lg-4"> </div> </div> </div> </section> </main> {{ partial "footer.html" . }}