Add "open Collective"

README.md

@@ -99,7 +99,8 @@ LocalCDN is free and open-source. If you like LocalCDN you can support continued
 * Bitcoin: `1C4GRNyuUFkp9dMDjUkV4TwDwdfxdgLzde`
 * Ether: `0x2df49c1186f8b615c2059f29c3ed7f9f86d49552`
 * Monero: `46j26ggSZNT9rN7VeFYXp2PsKEMyJSSYneBVKXY4xeemdfZfCpNg6tQEXQZpWiTTuGX3SbnDPwuh3167cCoYSrqN72H9jPk`
-* [Buy Me a Coffee](https://www.buymeacoffee.com/LocalCDN)
+
+[<img src="https://codeberg.org/nobody/LocalCDN/raw/branch/develop/pages/images/buymeacoffee.png" alt="Buy me a coffee" width="214"/>](https://www.buymeacoffee.com/LocalCDN) [<img src="https://codeberg.org/nobody/LocalCDN/raw/branch/develop/pages/images/opencollective.png" alt="Open Collective" width="214"/>](https://opencollective.com/LocalCDN)
 
 ## License
 

pages/donate/donate.css

@@ -10,10 +10,6 @@ h3 {
     font-family: 'monospace', 'Consolas', Arial, sans-serif;
 }
 
-#table-bank-transfer > tbody > tr > td:nth-of-type(1) {
-    font-weight: bold;
-}
-
 .div-donations {
     border: 1px solid lightgrey;
     border-radius: 4px;

pages/donate/donate.html

@@ -21,19 +21,10 @@
                 </div>
                 <div class="subtle-hint div-donations">
                     <h3>SEPA Bank Transfer</h3>
-                    <div id="div-bank-transfer">
-                        <table id="table-bank-transfer">
-                            <tr>
-                                <td></td><td>LocalCDN</td>
-                            </tr>
-                            <tr>
-                                <td>IBAN:</td><td>DE22&nbsp;5003&nbsp;1000&nbsp;1069&nbsp;4660&nbsp;16</td>
-                            </tr>
-                            <tr>
-                                <td>BIC:</td><td>TRODDEF1XXX</td>
-                            </tr>
-                        </table>
-                    </div>
+                    <p class="mono-block">
+                        <span>IBAN:&nbsp;DE22&nbsp;5003&nbsp;1000&nbsp;1069&nbsp;4660&nbsp;16</span><br/>
+                        <span>BIC:&nbsp;&nbsp;TRODDEF1XXX</span>
+                    </p>
                 </div>
                 <div class="subtle-hint div-donations">
                     <h3>Bitcoin</h3>
@@ -60,6 +51,15 @@
                         <img src="../images/buymeacoffee.png" alt="Buy Me A Coffee">
                     </a>
                 </div>
+                <div class="subtle-hint div-donations">
+                    <h3>Open Collective</h3>
+                    <p>
+                        <a href="https://opencollective.com/LocalCDN" target="_blank">www.opencollective.com/LocalCDN</a>
+                    </p>
+                    <a href="https://www.buymeacoffee.com/LocalCDN" class="no-icon" target="_blank">
+                        <img src="../images/opencollective.png" alt="Open Collective">
+                    </a>
+                </div>
                 <p>
                     <ul>
                         <li><strong>Why no PayPal?</strong> I hope this question is not serious. 🙂 If it does: PayPal shares the data collected from customers with over 600 other companies.</li>