Added Trusted Sources Count, added meta to links

Plugged in noted counts that detail how many times an instance as been
suspended or silenced by members of the Trusted Sources.

https://writer.oliphant.social/oliphant/trusted-source-membership

Also added some additional meta data to links displaying instances lists
so status and counts can be identified at a glance

public/assets/css/front/listing.css

@@ -34,3 +34,10 @@ section[role="listings"] div[role="paginate"] span {
   font-weight: bold;
   font-size: 1.5em;
 }
+
+a.list-link {
+  display: grid;
+  grid-template-columns: 40px 450px 230px;
+  width: 80%;
+  height: 45px;
+}

public/assets/css/global/colors.css

@@ -7,5 +7,7 @@
   --grey: #abb7b7;
   --black: #32302f;
   --error: #b62520;
+  --silence: #ea6010;
+  --suspend: #fb263a;
   --primary-rgb: 20 13 13;
 }

public/assets/css/global/frame.css

@@ -7,7 +7,7 @@ html {
 
 html body {
   background: var(--primary);
-  color: var(--secondary);
+  color: var(--white);
   margin: 0;
   padding: 0;
   height: 100%;
@@ -26,6 +26,10 @@ a {
   */
 }
 
+strong {
+  color: var(--secondary);
+}
+
 header {
   width: 100%;
   color: var(--primary);

public/assets/css/global/typography.css

@@ -58,7 +58,7 @@ h2 {
   font-size: 1.5em;
   font-weight: 500;
   line-height: 0.8em;
-  color: var(--white);
+  color: var(--secondary);
   margin: 30px 0;
 }
 

resources/views/frame.blade.php

@@ -33,6 +33,9 @@
             <label for="element-toggle">
               <img class="menu-icon" src="/assets/images/global/close.svg" title="menu-open-toggle" />
             </label><br>
+            <a href="/" title="front" class="nav-links">
+              Front
+            </a><br />
             <a href="/about" title="about" class="nav-links">
               About
             </a><br />

resources/views/front/index.blade.php

@@ -25,11 +25,20 @@
     @endisset
     <section class="index-meta">
       <article>
-        <strong>{{$count}}</strong>
+        <h2>Bad Space Stats</h2>
-        sites tracked<br /><br />
+        <strong>{{$count}}</strong><br />
-        <strong>Recent Updates</strong><br />
+        Instances being tracked.
-        @foreach($recent as $item)
+        <h2>Recent Updates</h2>
-          {{$item->name}}<br />
+        @foreach($recent as $location)
+          <a class="list-link" role="listitem" href="/location/{{$location->uuid}}">
+            @if($location->status == 'silence')
+              <img class="menu-icon" src="/assets/images/global/status-silence.svg" title="status-silence" />
+            @else
+              <img class="menu-icon" src="/assets/images/global/status-suspend.svg" title="status-suspend" />
+            @endif
+            <label>{{$location->name}}</label>
+            <span>NOTED COUNT: {{$location->block_count}}</span>
+          </a>
         @endforeach
       </article>
     </section>

resources/views/front/listing.blade.php

@@ -9,7 +9,15 @@
         {{$pageNum}} of {{$totalPages}}
         <a href="/listings/{{$next}}">NEXT</a><br />
         @foreach($locations as $location)
-          <a role="listitem" href="/location/{{$location->uuid}}">{{$location->name}} | BLOCK COUNT: {{$location->block_count}}</a><br />
+          <a class="list-link" role="listitem" href="/location/{{$location->uuid}}">
+            @if($location->rating == 'silence')
+              <img class="menu-icon" src="/assets/images/global/status-silence.svg" title="status-silence" />
+            @else
+              <img class="menu-icon" src="/assets/images/global/status-suspend.svg" title="status-suspend" />
+            @endif
+            <label>{{$location->name}}</label>
+            <span>NOTED COUNT: {{$location->block_count}}</span>
+          </a>
         @endforeach
         <a href="/listings/{{$prev}}">PREV</a>
         {{$pageNum}} of {{$totalPages}}

resources/views/front/location.blade.php

@@ -16,6 +16,9 @@
             </a>
           @endforeach
         @endif
+        <br />
+        <strong>Noted Count: {{$location->block_count}}</strong><br />
+        Noted Count reflects the number of times this instance has been suspended or silenced by a member of <a href="https://writer.oliphant.social/oliphant/trusted-source-membership">Trusted Sources</a>
 
         <br />UPDATED : {{$updated}}
       </article>