Added in support for instagram in the social media widgets

2 files changed, 10 insertions, 0 deletions

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 6d2b556..951405f 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -61,5 +61,6 @@ description = "I would like to hear from you. Please contact me via email or soc
 twitter = "#"
 facebook = ""
 linkedin = "#"
+instagram = "#"
 github = ""
 email = "#"
diff --git a/layouts/index.html b/layouts/index.html
index 4787939..0afdb2a 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -128,6 +128,15 @@
         </li>  
         {{ end }}
 
+        {{ with .instagram }}
+        <li class="mr1">
+          <a href="{{ . }}" target="_blank" class="inline-block p1" aria-label="Link to Instagram">
+            <svg role="img" width="20" height="20" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"><title>Instagram icon</title>    <path id="instagram" d="M16,6.16216c3.20414,0,3.58366.01222,4.849.06995a6.64012,6.64012,0,0,1,2.22824.4132,3.97394,3.97394,0,0,1,2.27743,2.27743,6.64009,6.64009,0,0,1,.4132,2.22822c.05773,1.26538.06995,1.6449.06995,4.849s-.01222,3.58366-.06995,4.849a6.64012,6.64012,0,0,1-.4132,2.22824,3.97394,3.97394,0,0,1-2.27743,2.27743,6.64012,6.64012,0,0,1-2.22824.4132c-1.26518.05773-1.64466.06995-4.849.06995s-3.58384-.01222-4.849-.06995a6.64012,6.64012,0,0,1-2.22824-.4132,3.97394,3.97394,0,0,1-2.27743-2.27743,6.64009,6.64009,0,0,1-.4132-2.22822c-.05773-1.26538-.06995-1.6449-.06995-4.849s.01222-3.58366.06995-4.849a6.64012,6.64012,0,0,1,.4132-2.22824A3.97394,3.97394,0,0,1,8.92274,6.64531a6.64009,6.64009,0,0,1,2.22822-.4132c1.26538-.05773,1.6449-.06995,4.849-.06995M16,4c-3.259,0-3.66766.0138-4.94758.0722A8.80773,8.80773,0,0,0,8.13953,4.63,6.136,6.136,0,0,0,4.63,8.13953a8.80773,8.80773,0,0,0-.55779,2.91289C4.0138,12.33234,4,12.741,4,16s.0138,3.66766.0722,4.94758A8.80773,8.80773,0,0,0,4.63,23.86047,6.136,6.136,0,0,0,8.13953,27.37a8.80773,8.80773,0,0,0,2.91289.55779C12.33234,27.98621,12.741,28,16,28s3.66766-.01379,4.94758-.0722A8.80773,8.80773,0,0,0,23.86047,27.37,6.136,6.136,0,0,0,27.37,23.86047a8.80773,8.80773,0,0,0,.55779-2.91289C27.9862,19.66766,28,19.259,28,16s-.0138-3.66766-.0722-4.94758A8.80773,8.80773,0,0,0,27.37,8.13953,6.136,6.136,0,0,0,23.86047,4.63a8.80773,8.80773,0,0,0-2.91289-.55779C19.66766,4.0138,19.259,4,16,4Zm0,5.83784A6.16216,6.16216,0,1,0,22.16216,16,6.16216,6.16216,0,0,0,16,9.83784ZM16,20a4,4,0,1,1,4-4A4,4,0,0,1,16,20ZM22.40563,8.15437a1.44,1.44,0,1,0,1.44,1.44A1.44,1.44,0,0,0,22.40563,8.15437Z" fill="#262626"/>
+</svg>
+          </a>
+        </li>
+        {{ end }}
+ 
         {{ with .linkedin }}
         <li class="mr1">
           <a href="{{ . }}" target="_blank" class="inline-block p1" aria-label="Link to LinkedIn">