add social svg icons

4 files changed, 38 insertions, 2 deletions

diff --git a/assets/sass/scaffold.sass b/assets/sass/scaffold.sass
index b061886..4a7f54c 100644
--- a/assets/sass/scaffold.sass
+++ b/assets/sass/scaffold.sass
@@ -107,6 +107,7 @@ header
     bottom: 0px
     position: fixed
     border: 0
+    max-width: $sidebar-width
 
     .social-link a, a:visited, a:focus, a:active
       svg
@@ -127,15 +128,15 @@ header
       border-bottom: $grey-100 1px dashed
 
   a:hover, a:focus, a:active
-    font-weight: $font-weight_h1
     color: $secondary-color
     &:not(.social-link)
+      font-weight: $font-weight_h1
       border-bottom: $grey-100 1px dashed
 
   .intro
     padding: $padding-content
     position: absolute
-    bottom: 100px
+    bottom: 140px
 
   .rounded-logo
     +rounded
@@ -146,6 +147,12 @@ header
   +tablet
     width: $sidebar-width-tablet
 
+    .intro
+      bottom: 150px
+
+    .socials
+      max-width: $sidebar-width-tablet
+
   +smartphone
     position: relative
     width: 100%
@@ -158,6 +165,7 @@ header
     .socials
       padding: $padding-content_mobile
       position: relative
+      max-width: inherit
 
     .rounded-logo
       text-align: center
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 952b4fb..c795f16 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -48,6 +48,12 @@ pygmentsCodeFences=true
   github = "https://github.com/"
   twitter = "https://twitter.com/"
   linkedin = "https://www.linkedin.com/in/"
+  medium = "https://medium.com/"
+  codepen = "https://codepen.io/"
+  facebook = "https://www.facebook.com/"
+  youtube = "https://www.youtube.com/"
+  instagram = "https://www.instagram.com/"
+  gitlab = "https://gitlab.com/"
 
 [params.contact]
   email = ""
diff --git a/exampleSite/content/post/config-file.md b/exampleSite/content/post/config-file.md
index cd237f2..0234b75 100644
--- a/exampleSite/content/post/config-file.md
+++ b/exampleSite/content/post/config-file.md
@@ -61,6 +61,12 @@ pygmentsCodeFences=true
   github = "https://github.com/"
   twitter = "https://twitter.com/"
   linkedin = "https://www.linkedin.com/in/"
+  medium = "https://medium.com/"
+  codepen = "https://codepen.io/"
+  facebook = "https://www.facebook.com/"
+  youtube = "https://www.youtube.com/"
+  instagram = "https://www.instagram.com/"
+  gitlab = "https://gitlab.com/"
 
 [params.contact]
   email = ""
@@ -173,6 +179,12 @@ In this last section, the email expects your email address and the text is what
   github = "https://github.com/"
   twitter = "https://twitter.com/"
   linkedin = "https://www.linkedin.com/in/"
+  medium = "https://medium.com/"
+  codepen = "https://codepen.io/"
+  facebook = "https://www.facebook.com/"
+  youtube = "https://www.youtube.com/"
+  instagram = "https://www.instagram.com/"
+  gitlab = "https://gitlab.com/"
 
 [params.contact]
   email = ""
diff --git a/layouts/partials/svg.html b/layouts/partials/svg.html
index cc06b37..629ca9b 100644
--- a/layouts/partials/svg.html
+++ b/layouts/partials/svg.html
@@ -14,6 +14,16 @@
   <path d="M106.786 0H8.189C3.67 0 0 3.722 0 8.291v98.418C0 111.278 3.67 115 8.189 115h98.597c4.518 0 8.214-3.722 8.214-8.291V8.29C115 3.722 111.304 0 106.786 0zm-72.03 98.571H17.713V43.69h17.07V98.57h-.025zm-8.522-62.377c-5.467 0-9.882-4.44-9.882-9.883 0-5.442 4.415-9.882 9.882-9.882 5.442 0 9.883 4.44 9.883 9.882a9.87 9.87 0 0 1-9.883 9.883zm72.414 62.377H81.604V71.875c0-6.366-.129-14.555-8.856-14.555-8.882 0-10.242 6.931-10.242 14.093V98.57H45.46V43.69h16.352v7.495h.23c2.285-4.312 7.855-8.856 16.147-8.856 17.25 0 20.458 11.372 20.458 26.158V98.57z"/>
   {{ else if eq .iconName "medium" }}
   <path d="M0 0v115h115V0H0zm95.542 27.235l-6.16 5.905a1.81 1.81 0 0 0-.693 1.72v43.458c-.103.667.154 1.335.693 1.72l6.032 5.904v1.31h-30.29v-1.259l6.238-6.058c.616-.616.616-.795.616-1.72V43.074L54.625 87.123h-2.336l-20.202-44.05v29.52c-.18 1.233.257 2.49 1.13 3.39l8.111 9.83v1.31H18.277v-1.31l8.111-9.83a3.93 3.93 0 0 0 1.053-3.39v-34.14a2.93 2.93 0 0 0-.976-2.516l-7.213-8.702v-1.309h22.41l17.301 37.991 15.222-37.965h21.357v1.283z"/>
+  {{ else if eq .iconName "facebook" }}
+  <path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
+  {{ else if eq .iconName "gitlab" }}
+  <path d="M23.76 5.544c-.693-1.991-3.512-1.991-4.228 0L6.892 44.653h29.532c-.022 0-12.663-39.11-12.663-39.11zM.426 64.34c-.582 1.79.067 3.782 1.589 4.923l55.464 41.167-50.61-65.778L.426 64.34zm35.977-19.688L57.5 110.43l21.098-65.778H36.402zm78.173 19.688l-6.444-19.688L57.5 110.43l55.464-41.167a4.475 4.475 0 0 0 1.61-4.923zM95.468 5.544c-.694-1.991-3.513-1.991-4.229 0L78.576 44.653h29.533L95.468 5.543z" />
+  {{ else if eq .iconName "codepen" }}
+  <path d="M112.598 35.801L60.142.831c-1.79-1.102-3.701-1.113-5.508 0L2.178 35.8C.833 36.698 0 38.3 0 39.901v34.97c0 1.6.833 3.202 2.178 4.099l52.456 34.975c1.79 1.102 3.701 1.112 5.508 0l52.456-34.975c1.345-.897 2.178-2.498 2.178-4.1V39.9c0-1.601-.833-3.202-2.178-4.099zM62.32 14.152L100.94 39.9 83.712 51.43 62.32 37.146V14.152zm-9.864 0v22.994L31.064 51.429 13.834 39.9l38.622-25.748zM9.864 49.123l12.361 8.262-12.361 8.263V49.123zm42.592 51.496L13.835 74.87l17.229-11.53 21.392 14.284v22.994zm4.932-31.577L39.966 57.385 57.388 45.73l17.421 11.656-17.421 11.657zm4.932 31.577V77.625l21.392-14.283 17.23 11.529-38.622 25.748zm42.592-34.971l-12.361-8.263 12.361-8.262v16.525z" />
+  {{ else if eq .iconName "instagram" }}
+  <path d="M57.526 28.111c-16.254 0-29.364 13.11-29.364 29.363 0 16.254 13.11 29.364 29.364 29.364 16.253 0 29.363-13.11 29.363-29.364 0-16.253-13.11-29.363-29.363-29.363zm0 48.453c-10.504 0-19.09-8.56-19.09-19.09 0-10.528 8.56-19.09 19.09-19.09 10.528 0 19.09 8.562 19.09 19.09 0 10.53-8.587 19.09-19.09 19.09zM94.939 26.91a6.833 6.833 0 0 1-6.849 6.849 6.833 6.833 0 0 1-6.849-6.849 6.85 6.85 0 0 1 13.698 0zm19.448 6.951c-.435-9.174-2.53-17.301-9.251-23.997C98.44 3.17 90.313 1.074 81.139.614c-9.456-.537-37.797-.537-47.252 0-9.15.434-17.276 2.53-23.997 9.225S1.099 24.66.639 33.836c-.537 9.455-.537 37.796 0 47.252.434 9.174 2.53 17.3 9.251 23.996 6.721 6.696 14.822 8.792 23.997 9.252 9.455.536 37.796.536 47.252 0 9.174-.435 17.301-2.53 23.997-9.252 6.695-6.695 8.79-14.822 9.25-23.996.537-9.456.537-37.771 0-47.227zM102.17 91.233c-1.993 5.01-5.852 8.868-10.887 10.887-7.538 2.99-25.427 2.3-33.758 2.3-8.332 0-26.246.664-33.76-2.3-5.008-1.993-8.867-5.852-10.886-10.887-2.99-7.539-2.3-25.427-2.3-33.759 0-8.33-.664-26.245 2.3-33.758 1.993-5.01 5.852-8.868 10.887-10.887 7.539-2.99 25.427-2.3 33.759-2.3 8.33 0 26.245-.665 33.758 2.3 5.01 1.993 8.868 5.852 10.887 10.887 2.99 7.538 2.3 25.427 2.3 33.758 0 8.332.69 26.246-2.3 33.76z" />
+  {{ else if eq .iconName "youtube" }}
+  <path d="M47.95 43.664l24.438 13.887L47.951 71.44V43.664zM115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H12.32C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321zm-10.781 45.256s0-15.3-1.951-22.64c-1.078-4.056-4.236-7.24-8.266-8.318-7.264-1.976-36.502-1.976-36.502-1.976s-29.238 0-36.502 1.976c-4.03 1.079-7.188 4.262-8.266 8.317-1.95 7.316-1.95 22.641-1.95 22.641s0 15.3 1.95 22.64c1.078 4.056 4.236 7.111 8.266 8.19 7.264 1.95 36.502 1.95 36.502 1.95s29.238 0 36.502-1.976c4.03-1.079 7.188-4.133 8.266-8.189 1.95-7.316 1.95-22.615 1.95-22.615z" />
   {{ else if eq .iconName "pencil" }}
   <path d="M111.833 31.901l-10.355 10.355a2.698 2.698 0 0 1-3.819 0L72.727 17.324a2.698 2.698 0 0 1 0-3.819L83.082 3.15c4.2-4.2 11.028-4.2 15.251 0l13.5 13.5c4.223 4.2 4.223 11.029 0 15.251zm-48.001-9.5L4.846 81.384.085 108.676c-.652 3.684 2.56 6.873 6.244 6.244l27.291-4.784 58.985-58.985a2.698 2.698 0 0 0 0-3.818L67.673 22.4c-1.079-1.056-2.786-1.056-3.841 0zM27.87 76.33a3.132 3.132 0 0 1 0-4.448l34.591-34.59a3.132 3.132 0 0 1 4.448 0 3.132 3.132 0 0 1 0 4.447L32.317 76.33a3.132 3.132 0 0 1-4.447 0zm-8.109 18.89h10.782v8.154l-14.488 2.538-6.986-6.985 2.539-14.488h8.153V95.22z"/>
   {{ else if eq .iconName "hyperlink" }}