images for products

content/products/example.md

@@ -5,7 +5,7 @@ draft: false
 featured: true
 weight: 1
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan dapibus purus, vel maximus erat facilisis vel.
-img: "img/slide/img-wandlampe.png"
+img: "img/products/test1.JPG"
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan dapibus purus, vel maximus erat facilisis vel. Suspendisse eu ipsum consequat, sodales nulla vel, faucibus velit. Fusce imperdiet lacus nec cursus auctor. In vulputate arcu et nulla placerat, nec pulvinar quam rhoncus. Praesent vel placerat nunc. Mauris elit felis, pulvinar egestas risus ut, fermentum ullamcorper orci. Integer tempor, neque sed fermentum eleifend, ligula est tincidunt purus, sodales semper elit enim ut mi. Vestibulum commodo tristique hendrerit. Duis interdum tristique augue id aliquam. Sed et tellus aliquam, accumsan erat at, facilisis tortor. Donec ac sapien sed lectus ullamcorper ultrices. Nullam placerat mauris nec urna rhoncus, vitae faucibus nulla venenatis. Donec vestibulum justo auctor, vestibulum diam quis, egestas erat. Vivamus volutpat et metus ut fermentum. Donec volutpat neque nec quam lacinia, nec faucibus felis ullamcorper.

content/products/example2.md

@@ -0,0 +1,11 @@
+---
+title: "Example Project 2"
+date: 2020-06-23T12:33:45+10:00
+draft: false
+featured: true
+weight: 1
+description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan dapibus purus, vel maximus erat facilisis vel.
+img: "img/products/test2.jpg"
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan dapibus purus, vel maximus erat facilisis vel. Suspendisse eu ipsum consequat, sodales nulla vel, faucibus velit. Fusce imperdiet lacus nec cursus auctor. In vulputate arcu et nulla placerat, nec pulvinar quam rhoncus. Praesent vel placerat nunc. Mauris elit felis, pulvinar egestas risus ut, fermentum ullamcorper orci. Integer tempor, neque sed fermentum eleifend, ligula est tincidunt purus, sodales semper elit enim ut mi. Vestibulum commodo tristique hendrerit. Duis interdum tristique augue id aliquam. Sed et tellus aliquam, accumsan erat at, facilisis tortor. Donec ac sapien sed lectus ullamcorper ultrices. Nullam placerat mauris nec urna rhoncus, vitae faucibus nulla venenatis. Donec vestibulum justo auctor, vestibulum diam quis, egestas erat. Vivamus volutpat et metus ut fermentum. Donec volutpat neque nec quam lacinia, nec faucibus felis ullamcorper.

content/products/example3.md

@@ -0,0 +1,12 @@
+---
+title: "Example Project 3"
+date: 2020-06-23T12:33:45+10:00
+draft: false
+featured: true
+weight: 1
+description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan dapibus purus, vel maximus erat facilisis vel.
+img: "img/products/test3.webp"
+image: "img/products/test3.webp"
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan dapibus purus, vel maximus erat facilisis vel. Suspendisse eu ipsum consequat, sodales nulla vel, faucibus velit. Fusce imperdiet lacus nec cursus auctor. In vulputate arcu et nulla placerat, nec pulvinar quam rhoncus. Praesent vel placerat nunc. Mauris elit felis, pulvinar egestas risus ut, fermentum ullamcorper orci. Integer tempor, neque sed fermentum eleifend, ligula est tincidunt purus, sodales semper elit enim ut mi. Vestibulum commodo tristique hendrerit. Duis interdum tristique augue id aliquam. Sed et tellus aliquam, accumsan erat at, facilisis tortor. Donec ac sapien sed lectus ullamcorper ultrices. Nullam placerat mauris nec urna rhoncus, vitae faucibus nulla venenatis. Donec vestibulum justo auctor, vestibulum diam quis, egestas erat. Vivamus volutpat et metus ut fermentum. Donec volutpat neque nec quam lacinia, nec faucibus felis ullamcorper.

themes/tella/layouts/products/list.html

@@ -10,4 +10,4 @@
         </div>
     </div>
 </div>
-{{ end }}
+{{ end }}

themes/tella/layouts/products/summary.html

@@ -1,9 +1,18 @@
+<style media="screen">
+  .title-product-summary{
+    margin-bottom: 3%;
+  }
+  .description-product-summary{
+    margin-top: 2%;
+  }
+</style>
+
 <a href="{{ .Permalink }}">
     <div class="summary border p-3">
-        <h2 class="text-3xl">
+        <h2 class="text-3xl title-product-summary">
             {{ .Title }}
         </h2>
         <img src="{{ .Params.img | relURL }}" alt="-product-image-">
-        <p>{{ .Description }}</p>
+        <p class="description-product-summary">{{ .Description }}</p>
     </div>
 </a>