added android discount badge similar to supporter cert

Author: tobihagemann

layouts/partials/android-getkey.html

@@ -6,9 +6,10 @@ <h3 class="font-h3 text-lg">{{ i18n "android_getkey_title" }}</h3>
   <form x-show="!checkoutData.success" x-ref="form" class="px-4 py-8">
     <div class="mb-4">
       <label class="label-uppercase mb-2">{{ i18n "android_getkey_price" }}</label>
-      <div class="input-box flex items-center gap-2 w-full lg:w-1/2">
+      <div class="relative input-box flex items-center gap-2 w-full lg:w-1/2">
         <span x-show="checkoutData.price && checkoutData.price.amount != checkoutData.price.listAmount" x-text="checkoutData.price ? checkoutData.price.listAmount.toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: checkoutData.price.currency }) : '…'" class="text-gray-500 line-through decoration-red-600" x-cloak></span>
         <span x-text="checkoutData.price ? checkoutData.price.amount.toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: checkoutData.price.currency }) : '…'">…</span>
+        <span x-show="checkoutData.price && checkoutData.price.amount != checkoutData.price.listAmount" class="absolute top-0 left-0 -translate-2 -rotate-5 px-1 rounded-xs text-xs text-white bg-red-600 z-10" x-cloeak>-<span x-text="((1 - checkoutData.price.amount / checkoutData.price.listAmount) * 100).toFixed(0)"></span>%</span>
       </div>
     </div>
     <div class="mb-4">