more sr friendly

resources/views/profile/view.blade.php

@@ -13,52 +13,66 @@
     <div class="col-md-4">
       <div class="card">
         <div class="card-header card-header-extra">
-          <i class="fa-user-circle-o fa-pr fa-large"></i>{{ $user->title }}
+          @icon(fa-user-circle-o fa-pr fa-large)
+          <h1>
+            @if(authed() && user()->is($user))
+              @sr(Your dashboard -)
+            @else
+              @sr(User's page -)
+            @endif
+            {{ $user->title }}
+          </h1>
 
           @if(authed() && user()->is($user))
-            <a href="{{route('profile.edit')}}" class="btn ml-auto">Edit</a>
+            <a href="{{route('profile.edit')}}" class="btn ml-auto" aria-label="Edit Profile">Edit</a>
           @endif
         </div>
 
         <div class="card-body">
-          @if (session('status'))
-            <div class="alert alert-success" role="alert">
-              {{ session('status') }}
-            </div>
-          @endif
-
           @if($user->bio)
             @if(mb_strlen($user->bio) > 250)
-              <p id="bio-short" aria-hidden=true>
+              <p id="bio-short mb-1" aria-hidden=true>
+                @sr(About me:)
                 {{mb_substr($user->bio, 0, 250)}}…
-                <a class="text-muted small" title="Show more" href="#" onclick="$('#bio-short').addClass('hidden'); $('#bio-full').removeClass('hidden'); return false;">
+                <a class="text-muted small" @tooltip(Show more) href="#" onclick="$('#bio-short').addClass('hidden'); $('#bio-full').removeClass('hidden'); return false;">
                   [more]
                 </a>
               </p>
-              <p id="bio-full" class="hidden">
+              <p id="bio-full" class="hidden mb-1">
+                @sr(About me:)
                 {{ $user->bio }}
-                <a class="text-muted small" title="Collapse" href="#" onclick="$('#bio-full').addClass('hidden'); $('#bio-short').removeClass('hidden'); return false;">
+                <a class="text-muted small" @tooltip(Collapse) href="#" onclick="$('#bio-full').addClass('hidden'); $('#bio-short').removeClass('hidden'); return false;">
                   [collapse]
                 </a>
               </p>
             @else
-              <p>
+              <p class="mb-1">
+                @sr(About me:)
                 {{ $user->bio }}
               </p>
             @endif
           @endif
 
-          @if($user->website)
-            <p>
-              <i class="fa-link fa-pr" aria-label="User's Website" title="User's Website"></i>{{--
-              --}}<a href="{{ $user->website }}">{{ $user->website }}</a>
-            </p>
-          @endif
+          <table>
+            <tbody>
+            @if($user->website)
+            <tr>
+              <td class="text-center pr-2">@icon(fa-link, User's Website:)</td>
+              <td><a href="{{ $user->website }}">{{ $user->website }}</a></td>
+            </tr>
+            @endif
 
-          <p class="mb-0">
-            <i class="fa-calendar fa-pr" aria-hidden=true></i>{{--
-            --}}Joined {{ $user->created_at->diffForHumans() }}
-          </p>
+            <tr>
+              <td class="text-center pr-2">@icon(fa-vcard-o, User's handle:)</td>
+              <td><a href="{{ route('profile.view', $user->name) }}">{{ $user->handle }}</a></td>
+            </tr>
+
+            <tr>
+              <td class="text-center pr-2">@icon(fa-calendar, Join date:)</td>
+              <td>Joined {{ $user->created_at->diffForHumans() }}</td>
+            </tr>
+            </tbody>
+          </table>
         </div>
       </div>
     </div>
@@ -67,20 +81,20 @@
     <div class="col-md-8">
       <div class="card">
         <div class="card-header card-header-extra">
-          <span>
+          <h2>
             @if(authed() && user()->is($user))
               Your Tables
             @else
               User's Tables
             @endif
-          </span>
+          </h2>
 
           <nav class="ml-auto" aria-label="Pages of the table list">
             {{ $tables->links(null, ['ulClass' => 'pagination-sm mb-0 pagination-outline-light']) }}
           </nav>
 
           @if(authed() && user()->is($user))
-            <a href="{{route('table.create')}}" class="btn ml-3">New</a>
+            <a href="{{route('table.create')}}" class="btn ml-3" aria-label="New Table">New</a>
           @endif
         </div>