Comply with Strava branding guidelines

Using their login button and adding a "Powered by Strava" image at the
bottom of the menu. Some text adjustments in links to Strava.

Tevling/Components/ActivityCard.razor

@@ -9,7 +9,9 @@
                     <p class="activity-time">@ActivityTime</p>
                 </div>
                 <div class="activity-card-body">
-                    <h4 class="activity-title"><a title="Open in Strava" target="_blank" href="https://www.strava.com/activities/@Activity.StravaId">@Activity.Details.Name</a> - @Stats</h4>
+                    <h4 class="activity-title">
+                        @Activity.Details.Name - @Stats - <a target="_blank" href="https://www.strava.com/activities/@Activity.StravaId">View on Strava</a> <span class="oi oi-external-link" style="font-size: 0.6rem;" />
+                    </h4>
                     <p class="activity-description">@Activity.Details.Description</p>
                 </div>
             </div>

Tevling/Pages/Athletes.razor

@@ -30,7 +30,7 @@
                         aria-hidden="true"></span>
                 </td>
                 <td>@athlete.Name</td>
-                <td><a title="Open in Strava" target="_blank" href="https://strava.com/athletes/@athlete.StravaId">Profile</a> <span class="oi oi-external-link" style="font-size: 0.7rem;" /></td>
+                <td><a target="_blank" href="https://strava.com/athletes/@athlete.StravaId">View on Strava</a> <span class="oi oi-external-link" style="font-size: 0.7rem;" /></td>
             </tr>
         }
     </tbody>

Tevling/Pages/Login.razor

@@ -9,8 +9,7 @@
     <p class="login-subtitle">«Bring it on»</p>
     <div class="tevling-logo"><img src="arm-wrestling.png" width="256" /></div>
     <form action="@StravaConfig.AuthorizeUri" method="get">
-        <div class="login-button-container">Login with <button class="btn strava-login" type="submit">Strava</button>
-        </div>
+        <button class="strava-login" type="submit">Connect with Strava</button>
         <input type="hidden" name="client_id" value="@StravaConfig.ClientId" />
         <input type="hidden" name="redirect_uri" value="@RedirectUri" />
         <input type="hidden" name="response_type" value="@StravaConfig.ResponseType" />

Tevling/Pages/Login.razor.css

@@ -25,21 +25,24 @@
     margin: 2rem 0;
 }
 
-.login-button-container {
-    display: flex;
-    justify-content: center;
-    align-items: end;
-    column-gap: 1rem;
-}
-
 button.strava-login {
-    background-image: url('../strava.png');
+    border: none;
+    background-color: inherit;
+    background-image: url('../[email protected]');
     background-position: center;
-    background-size: 90%;
+    background-size: 100%;
     background-repeat: no-repeat;
-    border: solid black 1px;
     text-indent: -9999px;
-    width: 100px;
+    width: 193px;
+    height: 48px;
+}
+
+button.strava-login:hover {
+    filter: drop-shadow(0px 0px 5px #c1c1c1);
+}
+
+button.strava-login:active {
+    filter: none !important;
 }
 
 ::deep .copyright {

Tevling/Shared/NavMenu.razor

@@ -36,5 +36,6 @@
                 <span class="oi oi-info" aria-hidden="true"></span> About
             </NavLink>
         </div>
+        <div class="strava-icon"></div>
     </nav>
 </div>

Tevling/Shared/NavMenu.razor.css

@@ -55,3 +55,13 @@
         display: block;
     }
 }
+
+.strava-icon {
+    background-image: url('../api_logo_pwrdBy_strava_horiz_gray.png');
+    background-position: center;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    width: 169px;
+    height: 32px;
+    align-self: center;
+}