donate: Replace payment icons by font

[ipfire.org.git] / src / templates / donate.html

diff --git a/src/templates/donate.html b/src/templates/donate.html
index c82fc9c6f272ca474d72f22bcde37ccec3e43638..87338f64fbfe515e046cfc3ebd9dca601e5fc088 100644 (file)
--- a/src/templates/donate.html
+++ b/src/templates/donate.html
@@ -177,52 +177,18 @@
                                                                                                </div>
                                                                                        </div>
                                                                                </div>
-                                                                       </div>
-                                                               </div>
 
-                                                               <div class="row mb-5">
-                                                                       <div class="col text-center">
                                                                                <input type="submit" class="btn btn-primary btn-lg"
                                                                                        id="donate" value="{{ _("Donate Now") }}">
                                                                        </div>
                                                                </div>
 
                                                                <div class="row">
-                                                                       <div class="col d-flex justify-content-center">
-                                                                               <picture>
-                                                                                       <source srcset="{{ static_url("img/amex.png") }},
-                                                                                               {{ static_url("img/amex@2x.png") }} 2x,
-                                                                                               {{ static_url("img/amex@3x.png") }} 3x">
-                                                                                       <img src="{{ static_url("img/amex.png") }}"
-                                                                                               srcset="{{ static_url("img/amex.png") }},
-                                                                                               {{ static_url("img/amex@2x.png") }} 2x,
-                                                                                               {{ static_url("img/amex@3x.png") }} 3x"
-                                                                                               alt="Amex" class="m-xl-2">
-                                                                               </picture>
-
-                                                                               <picture>
-                                                                                       <source srcset="{{ static_url("img/mastercard.png") }},
-                                                                                               {{ static_url("img/mastercard@2x.png") }} 2x,
-                                                                                               {{ static_url("img/mastercard@3x.png") }} 3x">
-                                                                                       <img src="{{ static_url("img/mastercard.png") }}"
-                                                                                               srcset="{{ static_url("img/mastercard.png") }},
-                                                                                               {{ static_url("img/mastercard@2x.png") }} 2x,
-                                                                                               {{ static_url("img/mastercard@3x.png") }} 3x"
-                                                                                               alt="Mastercard" class="m-xl-2">
-                                                                               </picture>
-
-                                                                               <picture>
-                                                                                       <source srcset="{{ static_url("img/visa.png") }},
-                                                                                               {{ static_url("img/visa@2x.png") }} 2x,
-                                                                                               {{ static_url("img/visa@3x.png") }} 3x">
-                                                                                       <img src="{{ static_url("img/visa.png") }}"
-                                                                                               srcset="{{ static_url("img/visa.png") }},
-                                                                                               {{ static_url("img/visa@2x.png") }} 2x,
-                                                                                               {{ static_url("img/visa@3x.png") }} 3x"
-                                                                                               alt="Visa" class="m-xl-2">
-                                                                               </picture>
-
-                                                                               <!-- XXX insert SEPA logo -->
+                                                                       <div class="col d-flex justify-content-around text-muted">
+                                                                               <span class="pf pf-2x pf-american-express"></span>
+                                                                               <span class="pf pf-2x pf-mastercard-alt"></span>
+                                                                               <span class="pf pf-2x pf-visa"></span>
+                                                                               <span class="pf pf-2x pf-sepa"></span>
                                                                        </div>
                                                                </div>