Merge lazy-loading from digitalcraftsman

This commit is contained in:
Ryan Watters 2017-03-10 16:48:11 -06:00
parent 2a011b7cff
commit 4c51ebf8ee
2 changed files with 9 additions and 6 deletions

View File

@ -13,11 +13,9 @@ aliases: [/themes/overview/]
toc: false
---
Hugo provides a robust theming system that is easy to implement but capable of producing even the most complicated websites. They are the perfect balance between simplicity and functionality.
Hugo provides a robust theming system that is easy to implement but capable of producing even the most complicated websites. You can view the themes created by the Hugo community on the [Hugo themes website][hugothemes].
The Hugo community has created a large number of diverse themes, all of which are featured in a separate [Hugo themes website][hugothemes].
Hugo themes are powered by the excellent Go template library. If you are new to Go templates, see our [primer on Go templates][goprimer] and are structured in such a way to eliminate code duplication. They are easy to simultaneously customize while retaining upgradability with the upstream theme.
Hugo themes are powered by the excellent Go template library and are designed to reduce code duplication. They are easy to simultaneously customize while retaining upgradability with the upstream theme.
[goprimer]: /templates/introduction/
[hugothemes]: http://themes.gohugo.io/

View File

@ -12,7 +12,7 @@
<li class="showcase-site">
<div class="image-wrapper">
<a href="{{.Params.sitelink}}" target="_blank">
<img src="/images/showcase/{{$img}}" alt="Screenshot thumbnail for the website {{.Title}}, {{.Description}}">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/showcase/{{$img}}" alt="Screenshot thumbnail for the website {{.Title}}, {{.Description}}" class="b-lazy">
</a>
</div>
<div class="showcase-meta">
@ -39,4 +39,9 @@
{{- end -}}
</ul>
</main>
{{end}}
{{end}}
{{ define "addscripts" }}
<script type="text/javascript" src="https://cdn.jsdelivr.net/blazy/1.8.2/blazy.min.js"></script>
<script>var bLazy = new Blazy();</script>
{{ end }}