Put small selfie of me in shortcode and use on about page. Towards #38

content/pages/about-me/index.md

@@ -25,6 +25,8 @@ description: "I’m Laura Kalbag, a designer and British person, now living in C
 
 I’m Laura Kalbag, a designer and British person, now living in Cork, Ireland. I wrote a book about web accessibility called [Accessibility For Everyone](https://abookapart.com/products/accessibility-for-everyone). You can [buy it in paperback or ebook from A Book Apart](https://abookapart.com/products/accessibility-for-everyone).<!--more-->
 
+{{< selfie >}}
+
 I’m one third of [Ind.ie](https://ind.ie), a tiny two-person-and-one-husky not-for-profit working for social justice in the digital age. At Ind.ie, we work on building a more ethical web, make [a web privacy tool called Better](https://better.fyi), and follow the [Ethical Design Manifesto](https://ind.ie/ethical-design).
 
 ### How do I pronounce Kalbag?

content/photos/5/index.md

 ---
 title: 20 July 2018 21:28 IST
 date: 2018-07-20T21:28:23+01:00
-tags: ["oskar"]
+tags: ["oskar", "selfie"]
 categories: []
 visibility: ["public"]
 aliases:

content/photos/9/index.md

 ---
 title: 30 July 2018 18:37 IST
 date: 2018-07-30T18:37:47+01:00
-tags: []
+tags: ["selfie", "oskar"]
 categories: []
 type: ["photo", "latest"]
 visibility: ["public"]

layouts/shortcodes/selfie.html

+{{/* get latest photo post with the tag of "selfie" */}}
+
+{{ $selfie := .Site.Taxonomies.tags.selfie  }}
+{{ range ($selfie.Pages.GroupBy "Section") }}
+		{{ range last 1 .Pages.ByDate }}
+		<figure class="selfie">
+		<a href="{{.Permalink}}">
+			<img
+			{{ with .Resources }}
+				{{ with .GetMatch "{*.*,*.jpg,*.png,*.jpeg}" }}
+						{{ $photo := .Fit "400x400" }}
+						{{ with $photo }}
+							src='{{ .Permalink }}'  
+						{{ end }}
+				{{ end }}
+			{{ end }}
+			alt="{{ .Params.imagealt }}"/>
+		</a>
+		<figcaption><p>The latest selfie of me from <a href="/photos"></a>my Photos</a>.</p></figcaption>
+		</figure>
+ 	    {{ end }}
+{{ end }}