Add terms, privacy and refund policies

src/index.html

@@ -415,6 +415,72 @@ <h2 id="accordion-flush-heading-5">
               happy to help you out!</p>
           </div>
         </div>
+        <h2 id="accordion-flush-heading-6">
+          <button type="button"
+            class="flex items-center justify-between w-full px-3 py-5 font-medium text-left text-gray-100 border-b border-gray-700"
+            data-accordion-target="#accordion-flush-body-6" aria-expanded="true" aria-controls="accordion-flush-body-6">
+            <span class="text-gray-300 text-lg">Terms of Use</span>
+            <svg data-accordion-icon class="w-6 h-6 rotate-180 shrink-0" fill="white" viewBox="0 0 20 20"
+              xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd"
+                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                clip-rule="evenodd"></path>
+            </svg>
+          </button>
+        </h2>
+        <div id="accordion-flush-body-6" class="hidden" aria-labelledby="accordion-flush-heading-6">
+          <div class="px-3 py-5 font-light border-b border-gray-700">
+            <p class="mb-2 font-normal text-gray-300">When you use this website or make a purchase of The Knowledge
+              Graph, you agree to the following <a href="terms.pdf" target="_blank" class="font-bold underline">terms of
+                use</a>. You
+              can contact me via: <span class="font-mono bg-slate-600">contact [at]
+                interop [dot] link</span> for further clarification.
+          </div>
+        </div>
+        <h2 id="accordion-flush-heading-7">
+          <button type="button"
+            class="flex items-center justify-between w-full px-3 py-5 font-medium text-left text-gray-100 border-b border-gray-700"
+            data-accordion-target="#accordion-flush-body-7" aria-expanded="true" aria-controls="accordion-flush-body-7">
+            <span class="text-gray-300 text-lg">Privacy Policy</span>
+            <svg data-accordion-icon class="w-6 h-6 rotate-180 shrink-0" fill="white" viewBox="0 0 20 20"
+              xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd"
+                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                clip-rule="evenodd"></path>
+            </svg>
+          </button>
+        </h2>
+        <div id="accordion-flush-body-7" class="hidden" aria-labelledby="accordion-flush-heading-7">
+          <div class="px-3 py-5 font-light border-b border-gray-700">
+            <p class="mb-2 font-normal text-gray-300">When you use this website or make a purchase of The Knowledge
+              Graph, you agree to the following <a href="privacy.pdf" target="_blank"
+                class="font-bold underline">privacy policy</a>. You
+              can contact me via: <span class="font-mono bg-slate-600">contact [at]
+                interop [dot] link</span> for further clarification.
+          </div>
+        </div>
+        <h2 id="accordion-flush-heading-8">
+          <button type="button"
+            class="flex items-center justify-between w-full px-3 py-5 font-medium text-left text-gray-100 border-b border-gray-700"
+            data-accordion-target="#accordion-flush-body-8" aria-expanded="true" aria-controls="accordion-flush-body-8">
+            <span class="text-gray-300 text-lg">Refund Policy</span>
+            <svg data-accordion-icon class="w-6 h-6 rotate-180 shrink-0" fill="white" viewBox="0 0 20 20"
+              xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd"
+                d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                clip-rule="evenodd"></path>
+            </svg>
+          </button>
+        </h2>
+        <div id="accordion-flush-body-8" class="hidden" aria-labelledby="accordion-flush-heading-8">
+          <div class="px-3 py-5 font-light border-b border-gray-700">
+            <p class="mb-2 font-normal text-gray-300">Given the nature of this digital product, I cannot offer any
+              refunds on purchases made. When you make a purchase, you agree to this <a href="refund.pdf"
+                target="_blank" class="font-bold underline">refund policy</a>. You
+              can contact me via: <span class="font-mono bg-slate-600">contact [at]
+                interop [dot] link</span> for further clarification.
+          </div>
+        </div>
       </div>
     </div>
   </section>