Merge 8cc010d429 into fa022f2c64

data/webpack_assets.json

@@ -1,6 +1,6 @@
 {
   "app": {
     "js": "js/app.3fc0f988d21662902933.js",
-    "css": "css/app.4fc0b62e4b82c997bb0041217cd6b979.css"
+    "css": "css/app.bc20b5435312ad8378d94eaeacc9cc6a.css"
   }
 }

exampleSite/config.toml

@@ -29,6 +29,7 @@ enableRobotsTXT = true
   mastodon = ""
   slack = ""
   stackoverflow = ""
+  strava = ""
   rss = ""
   # choose a background color from any on this page: http://tachyons.io/docs/themes/skins/ and preface it with "bg-"
   background_color_class = "bg-black"

layouts/partials/social-follow.html

@@ -72,9 +72,16 @@
   {{- partial "new-window-icon.html" . -}}
 </a>
 {{ end }}
+{{ with .Param "strava" }}
+<a href="{{ . }}" target="_blank" class="link-transition strava link dib z-999 pt3 pt0-l mr1" title="Strava link" rel="noopener" aria-label="follow on Strava——Opens in a new window">
+  {{ partial "svg/strava.svg" (dict "size" $icon_size) }}
+  {{- partial "new-window-icon.html" . -}}
+</a>
+{{ end }}
 {{ with .Param "rss" }}
 <a href="{{ . }}" target="_blank" class="link-transition rss link dib z-999 pt3 pt0-l mr1" title="RSS link" rel="noopener" aria-label="RSS——Opens in a new window">
   {{ partial "svg/rss.svg" (dict "size" $icon_size) }}
   {{- partial "new-window-icon.html" . -}}
 </a>
 {{ end }}
+

layouts/partials/svg/strava.svg

@@ -0,0 +1,3 @@
+<svg {{ with .size }} height="{{ . }}" {{ end }} style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="{{ .size }}" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path d="M256,0 C397.376,0 512,114.624 512,256 C512,397.376 397.376,512 256,512 C114.624,512 0,397.376 0,256 C0,114.624 114.624,0 256,0 Z M228.5,282 L308.749975,440 L388.5,282 L340.148124,282 L308.749179,345.343408 L276.850284,282 L339.5,282 L232.42767,73 L124.5,282 L188.088007,282 L232.42767,198.900783 L276.411868,282 L228.5,282 Z" style="fill-rule:evenodd;clip-rule:evenodd;fill:{{ .fill }};"/>
+</svg>

src/css/_social-icons.css

@@ -1,4 +1,17 @@
-.facebook, .twitter, .instagram, .youtube, .github, .gitlab, .keybase, .linkedin, .medium, .mastodon, .slack, .stackoverflow, .rss {
+.facebook,
+.twitter,
+.instagram,
+.youtube,
+.github,
+.gitlab,
+.keybase,
+.linkedin,
+.medium,
+.mastodon,
+.slack,
+.stackoverflow,
+.rss,
+.strava {
   fill: #BABABA;
 }
 
@@ -7,7 +20,8 @@
   display: inline-block;
   vertical-align: top;
 }
-.link-transition:hover .new-window{
+
+.link-transition:hover .new-window {
   opacity: 1;
 }
 
@@ -59,6 +73,10 @@
   fill: #f48024;
 }
 
-.rss:hover{
-  fill: #ff6f1a;
+.strava:hover {
+  fill: #f93a06;
 }
+
+.rss:hover {
+  fill: #ff6f1a;
+}