You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
openpower.foundation_sw_dev/themes/openpowerfoundation/layouts/ready/list.html

78 lines
2.8 KiB
HTML

{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<main id="main" class="main ready">
<section id="ready">
<div id="ready" class="container-fluid">
<div class="section-header">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-title text-center">{{ .Title }}</h2>
</div>
</div>
<div class="row">
<div class="col-lg-2">&nbsp;</div>
<div class="col-lg-8">{{ .Content }}</div>
<div class="col-lg-2">&nbsp;</div>
</div>
<div class="row">
<span class="section-divider"></span>
</div>
<div class="row">
<div class="col-lg-2">&nbsp;</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 pages</h3></div>
</div>
<script id="search-result-template" type="text/x-js-template">
<div class="search-results-summary" id="summary-${key}">
<h4><a class="search-item mb-4" href="${link}">${title}</a></h4>
<p>${snippet} ... <a class="search-item-more" href="${link}">[more]</a></p>
${ isset tags }<p>${tags}</p>${ end }
${ isset categories }<p>Categories: ${categories}</p>${ end }
</div>
</script>
</div>
<div class="col-lg-2">&nbsp;</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-4">
{{ 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="{{ .Permalink }}">{{ .Title }}</a>
</article>
{{ end }}
</div>
<div class="row">
<div class="col-lg-4">&nbsp;</div>
<div class="col-lg-4 text-center">
{{ template "_internal/pagination.html" . }}
</div>
<div class="col-lg-4">&nbsp;</div>
</div>
</div>
</section>
</main>
{{ partial "footer.html" . }}