gallery support

exampleSite/config.yaml

@@ -20,23 +20,29 @@ Menus:
       url: /blogs
       weight: 1
     
+    - identifier: gallery
+      name: Gallery
+      title: Blog posts
+      url: /gallery
+      weight: 2
+
     #Dropdown menu
-    - identifier: dropdown
+    # - identifier: dropdown
-      title: Example dropdown menu
+    #   title: Example dropdown menu
-      name: Dropdown
+    #   name: Dropdown
-      weight: 2
+    #   weight: 3
-    - identifier: dropdown1
+    # - identifier: dropdown1
-      title: example dropdown 1
+    #   title: example dropdown 1
-      name: example 1
+    #   name: example 1
-      url: /#
+    #   url: /#
-      parent: dropdown
+    #   parent: dropdown
-      weight: 1
+    #   weight: 1
-    - identifier: dropdown2
+    # - identifier: dropdown2
-      title: example dropdown 2
+    #   title: example dropdown 2
-      name: example 2
+    #   name: example 2
-      url: /#
+    #   url: /#
-      parent: dropdown
+    #   parent: dropdown
-      weight: 2
+    #   weight: 2
 
 params:
   title: "Hugo Profile"

exampleSite/content/gallery.md

@@ -0,0 +1,14 @@
+---
+title: "Image Gallery"
+date: 2022-06-25T18:35:46+05:30
+draft: true
+description: "My gallery :earth_asia:"
+layout: "gallery"
+images:
+ - src: https://iso.500px.com/wp-content/uploads/2016/03/stock-photo-142984111-1500x1000.jpg
+ - src: https://img.etimg.com/thumb/msid-68721417,width-650,imgsize-1016106,,resizemode-4,quality-100/nature1_gettyimages.jpg
+ - src: https://thumbs.dreamstime.com/b/team-ants-council-collective-decision-work-17037482.jpg
+ - src: https://thumbs.dreamstime.com/b/summer-day-smiling-women-relax-wearing-red-dress-fashion-standing-wooden-bridge-over-sea-blue-sky-background-summer-107411998.jpg
+ - src: https://thumbs.dreamstime.com/b/young-woman-playing-dog-pet-beach-sunrise-sunset-girl-dog-having-fun-seasid-seaside-cute-neglected-stay-66480218.jpg
+ - src: https://thumbs.dreamstime.com/b/funny-picture-taken-sunrise-frozen-lake-perspective-rider-retro-bicycle-sunrise-personal-211066044.jpg 
+---

layouts/_default/gallery.html

@@ -0,0 +1,29 @@
+{{ define "head" }}
+<meta name="description" content="{{ .Title }} of {{ .Site.Title }}">
+<!-- <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/list.css" media="all"> -->
+{{ end }}
+
+{{ define "title" }}
+{{.Title }} | {{ .Site.Title }}
+{{ end }}
+
+{{ define "main" }}
+<div class="container pt-5" id="list-page">
+    <h2 class="text-center pb-2">{{.Title}}</h2>
+    <h6 class="text-center">{{ .Params.description | emojify }}</h6>
+    <div class="row p-4">
+        {{ .Content | emojify }}
+    </div>
+    <div class="card-group p-4">
+        <div class="row justify-content-center">
+            {{ range .Params.images }}
+            <div class="col-md-4 p-0 m-0">
+                <div class="card p-0 m-0 border-0">
+                    <img class="w-100" height="280px" src="{{ .src }}">
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
+</div>
+{{ end }}