docs: replace contact page by about page (#280)

exampleSite/content/about/index.md

@@ -0,0 +1,63 @@
+---
+title: About Me
+resources:
+  - name: profile
+    src: "images/profile.jpg"
+    params:
+      credits: "[Angelina Litvin](https://unsplash.com/@linalitvina) on [Unsplash](https://unsplash.com/s/photos/writing)"
+---
+
+{{< columns size=small >}}
+
+{{< img name=profile lazy=false size=profile >}}
+
+<--->
+
+Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Pro ad prompts feud gait, quid exercise emeritus bis e. In pro quints consequent, denim fastidious copious quo ad. Stet probates in duo.
+{{< /columns >}}
+
+---
+
+## Experience
+
+{{< columns size=small >}}
+
+**Dream Corp**\
+Principle Developer\
+Jan 2018 - Sep 2019
+
+<--->
+
+Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re.
+{{< /columns >}}
+
+{{< columns size=small >}}
+
+**Boring Company Lt**\
+Developer\
+Apr 2015 - Jan 2018
+
+<--->
+
+Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Dolor sit. Denim fastidious copious quo ad. Stet probates in duo. Sumo unique argument um no.
+{{< /columns >}}
+
+---
+
+## Education
+
+Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Pro ad prompts feud gait, quid exercise emeritus bis e. In pro quints consequent, denim fastidious copious quo ad. Stet probates in duo.
+
+---
+
+## Contact
+
+<!-- prettier-ignore-start -->
+<!-- spellchecker-disable -->
+{{< boxes "contact" >}}
+{{< box size=large title=E-Mail icon=gblog_email >}}mail [ett] example.com{{< /box >}}
+{{< box size=large title=Matrix icon=gblog_matrix >}}@john:example.com{{< /box >}}
+{{< box size=large title=XMPP icon=gblog_xmpp >}}john@example.com{{< /box >}}
+{{< /boxes >}}
+<!-- spellchecker-enable -->
+<!-- prettier-ignore-end -->

exampleSite/content/contact.md

@@ -1,8 +0,0 @@
----
-title: Get in touch
----
-
-- **E-Mail:** <!-- spellchecker-disable -->mail [ett] example.com<!-- spellchecker-enable -->
-- **Mailto:** [contact@example.com](mailto:contact@example.com)
-- **Matrix:** @john:example.com
-- **XMPP:** john@example.com

exampleSite/content/posts/usage/menus.md

@@ -27,7 +27,7 @@ header:
     external: true
 
 footer:
-  - name: Contact
+  - name: About
     icon: gblog_email
-    ref: "/contact"
+    ref: "/about"
 ```

exampleSite/data/menu/extra.yml

@@ -6,6 +6,6 @@ header:
     external: true
 
 footer:
-  - name: Contact
+  - name: About
     icon: gblog_email
-    ref: "/contact"
+    ref: "/about"

layouts/_default/_markup/render-link.html

@@ -1,13 +1,13 @@
 {{- $raw := or (hasPrefix .Text "<img") (hasPrefix .Text "<figure") -}}
 {{- $code := hasPrefix .Text "<code" -}}
 <a
-  class="gblog-markdown__link{{ if $raw -}}
+  class="gblog-markdown__link{{- if $raw -}}
     --raw
   {{- else if $code -}}
     --code
   {{- end }}"
   href="{{ .Destination | safeURL }}"
-  {{ with .Title }}title="{{ . }}"{{ end }}
+  {{- with .Title }}{{ printf "title=\"%s\"" . | safeHTMLAttr }}{{- end }}
 >
   {{- .Text | safeHTML -}}
 </a>