add value for value explainer text

index.html

@@ -64,6 +64,8 @@
                   <!-- Value for Value -->
                   <span class="button button-v4v" role="button"><img class="icon" aria-hidden="true" src="images/icons/generic-bolt-icon.svg" alt="">Value for Value</a>
                 </summary>
+                
+                <p class="value-explainer">Support my work by providing <a href="https://value4value.info/">value for value</a> — by direct donation or ordering from the shop.</p>
               
                 <!-- Initial Charge Shop -->
                 <a class="button button-initialcharge" href="https://initialcharge.shop/" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/initialcharge.svg" alt="">Initial Charge Shop</a>

style.css

@@ -609,3 +609,7 @@ details:not([open]) {
   }
 }
 /* /end Fix v4v details block hover and open styles */
+
+p.value-explainer {
+  margin-top: 16px;
+}