Merge pull request #65 from mjaschen/feature/strava-button

Add Strava button (https://www.strava.com/)

css/brands.css

@@ -458,6 +458,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Strava */
+.button.button-strava {
+  color: #ffffff;
+  background-color: #fc5200;
+}
+.button.button-strava:hover,
+.button.button-strava:focus {
+  filter: brightness(90%);
+}
+
 /* Telegram */
 .button.button-telegram {
   color: #ffffff;

images/icons/strava.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 2134 2134" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M927 0 296 1217h372l259-484 257 484h369L927 0Zm626 1217-183 367-186-367H902l468 916 464-916h-281Z" style="fill:#fff;fill-rule:nonzero"/></svg>

index.html

@@ -255,6 +255,11 @@
             <img class="icon" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
         <br>
 
+        <!-- Strava -->
+        <a class="button button-strava" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons/strava.svg" alt="Strava Logo">Strava</a>
+        <br>
+
         <!-- Vimeo -->
         <a class="button button-vimeo" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>