feat: add support for forked service indicators

Enhanced the UI to distinguish forked services by adding a new `.fork` class with corresponding SVG styles. Updated HTML template to include links and icons for both homemade and forked services, improving service metadata visibility and user navigation.

assets/css/base.css

@@ -123,14 +123,16 @@ h5 {
   color: #604c2e;
 }
 
-.homemade {
+.homemade,
+.fork {
   right: -0.5rem;
   height: 1.5rem;
   width: 1.5rem;
   position: absolute;
 }
 
-.homemade svg {
+.homemade svg,
+.fork svg {
   fill: var(--bs-primary-bg-subtle) !important;
 }
 

templates/index.html

@@ -50,12 +50,23 @@
             </div>
             {% endif %} {{ service.name }}{% if service.tiny_description %} - {{
             service.tiny_description }}{% endif %} {% if service.homemade %}
+            <a href="{{ service.homemade }}">
               <div
                 class="bs-icon-sm bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-sm homemade"
                 title="Made by Private.coffee"
               >
                 {{ "coffee" | icon | safe }}
               </div>
+            </a>
+            {% endif %} {% if service.fork %}
+            <a href="{{ service.fork }}">
+              <div
+                class="bs-icon-sm bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-sm fork"
+                title="Runs on a fork of the original software"
+              >
+                {{ "code-fork" | icon | safe }}
+              </div>
+            </a>
             {% endif %}
           </summary>
           <div class="accordion-body">