refactor: current sources

changes:
- `<strong>` → `<h3>`
- add a `.strong` class to mimic the `<strong>` behaviour
- wrap lists in `<ul>`
- provide feedback when no sources are available

public/assets/css/global/typography.css

@@ -67,6 +67,11 @@ h3 {
   font-weight: 500;
 }
 
+h3.strong {
+  color: var(--secondary);
+  font-weight: bolder;
+}
+
 @media only screen and (max-width: 800px) {
   h1 {
     font-size: 2em;

resources/views/front/about.blade.php

@@ -21,19 +21,29 @@
             <h2>Removing Locations</h2>
             <p>Locations that are displayed in The Bad Space may petition to be removed from the catalog by sending an appeal request to The Bad Space. The appeal process is outlined <a href="/appeals">here</a>.</p>
 
-            <p><strong>Current Sources:</strong></p>
-            Maston:<br />
-            @foreach($sources as $source)
-                @if($source->format == 'json')
-                    <a href="https://{{$source->url}}">{{$source->url}}</a><br />
-                @endif
-            @endforeach
-            Custom CSV<br />
-            @foreach($sources as $source)
-                @if($source->format == 'csv')
-                    <a href="{{$source->url}}">{{$source->url}}</a><br />
-                @endif
-            @endforeach
+            <h3 class="strong">Current Sources:</h3>
+
+            <h4>Maston:</h4>
+            <ul>
+                @foreach($sources as $source)
+                    @if($source->format == 'json')
+                        <li><a href="https://{{$source->url}}">{{$source->url}}</a></li>
+                    @else
+                        <li>None</li>
+                    @endif
+                @endforeach
+            </ul>
+
+            <h4>Custom CSV</h4>
+            <ul>
+                @foreach($sources as $source)
+                    @if($source->format == 'csv')
+                        <li><a href="{{$source->url}}">{{$source->url}}</a></li>
+                    @else
+                        <li>None</li>
+                    @endif
+                @endforeach
+            </ul>
 
             <h2>How do I use it?</h2>
             <p>The Bad Space is meant to be a resource for anyone looking to improve the quality of their online experience by creating a tool that catalogs sources for harassment and abuse. There are several options for how it can be used.</p>