feat(exampleSite): provide more extensive examples

2021-10-09 16:27:12 +02:00
parent b0bc22384f
commit 512ea96384
4 changed files with 86 additions and 55 deletions
@@ -0,0 +1,30 @@
+<!doctype html>
+<!-- The 'no-js' class will be removed on lazyimg-setup: -->
+<html lang="en" class="no-js">
+<head>
+  <meta charset="utf-8">
+  <title>hugo-mods: lazyimg - {{ .Title }}</title>
+  <style>
+    .container {
+      max-width: 47em;
+      margin: auto;
+      padding: 32px;
+      text-justify: newspaper;
+    }
+    img {
+      height: auto;
+      width: 100%;
+    }
+    {{ (resources.Get "lazyimg.css" | minify).Content | safeCSS }}
+  </style>
+  <script>document.documentElement.className = "js"</script>
+
+  <!-- This script basically loads laszysizes asynchronously: -->
+  {{ partial "lazyimg-setup" . }}
+</head>
+
+<body class="container">
+    <h1>{{ .Title }}</h1>
+    {{ .Content }}
+</body>
+</html>