index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. <!DOCTYPE html>
  2. <head>
  3. <title>Apiote: Donate</title>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,initial-scale=1">
  6. <script src="https://code.jquery.com/jquery-3.3.1.min.js"
  7. integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  8. crossorigin="anonymous"></script>
  9. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/brands.css"
  10. integrity="sha384-SYNjKRRe+vDW0KSn/LrkhG++hqCLJg9ev1jIh8CHKuEA132pgAz+WofmKAhPpTR7"
  11. crossorigin="anonymous">
  12. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/fontawesome.css"
  13. integrity="sha384-0b7ERybvrT5RZyD80ojw6KNKz6nIAlgOKXIcJ0CV7A6Iia8yt2y1bBfLBOwoc9fQ"
  14. crossorigin="anonymous">
  15. <link rel="stylesheet" href="https://unpkg.com/material-components-web@0.36.0/dist/material-components-web.min.css"
  16. integrity="sha512-xKSgTutWqX2F22Uxywtig03sHCUxl4pJw2dzeIxH1EDvbEwhg5M1/KBUvrxNDiTe5HSjHRLdaW6XBhuYawROQw=="
  17. crossorigin="anonymous">
  18. <link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css"
  19. integrity="sha512-+1KxIb9PlTfR4rUzuEswDvY4Nx+VfsoQxZstss5OUqZMs+bHl9/YPTS09vvC80XVtu6cqslNovpRXyap2gi6WQ=="
  20. crossorigin="anonymous">
  21. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/IBM-type/0.5.4/css/ibm-type.min.css"
  22. integrity="sha512-sky5cf9Ts6FY1kstGOBHSybfKqdHR41M0Ldb0BjNiv3ifltoQIsg0zIaQ+wwdwgQ0w9vKFW7Js50lxH9vqNSSw=="
  23. crossorigin="anonymous">
  24. <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  25. <link rel="stylesheet" href="/styles/main.css">
  26. <link rel="stylesheet" href="/styles/article.css">
  27. <meta name="theme-color" content="#911f1b">
  28. <link rel="shortcut icon" href="/img/favicon/favicon.ico">
  29. <link rel="icon" sizes="16x16 32x32 64x64" href="/img/favicon/favicon.ico">
  30. <link rel="icon" type="image/png" sizes="196x196" href="/img/favicon/favicon-192.png">
  31. <link rel="icon" type="image/png" sizes="160x160" href="/img/favicon/favicon-160.png">
  32. <link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96.png">
  33. <link rel="icon" type="image/png" sizes="64x64" href="/img/favicon/favicon-64.png">
  34. <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png">
  35. <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png">
  36. <link rel="apple-touch-icon" href="/img/favicon/favicon-57.png">
  37. <link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/favicon-114.png">
  38. <link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/favicon-72.png">
  39. <link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/favicon-144.png">
  40. <link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/favicon-60.png">
  41. <link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/favicon-120.png">
  42. <link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/favicon-76.png">
  43. <link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/favicon-152.png">
  44. <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/favicon-180.png">
  45. <meta name="msapplication-TileColor" content="#911f1b">
  46. <meta name="msapplication-TileImage" content="/img/favicon/favicon-144.png">
  47. <meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
  48. </head>
  49. <body>
  50. <div class="drawer-container-flex">
  51. <aside class="mdc-drawer mdc-drawer--permanent mdc-typography">
  52. <nav class="mdc-drawer__drawer">
  53. <header class="mdc-drawer__header">
  54. <div class="mdc-drawer__header-content">
  55. Where now?
  56. </div>
  57. </header>
  58. <nav class="mdc-drawer__content mdc-list">
  59. <a class="mdc-list-item" href="/">
  60. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>Home
  61. </a>
  62. <a class="mdc-list-item" href="/about">
  63. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">person</i>About
  64. </a>
  65. <a class="mdc-list-item mdc-list-item--activated" href="/donate">
  66. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">attach_money</i>Donate
  67. </a>
  68. <a class="mdc-list-item" href="/manifestos/">
  69. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">announcement</i>Manifestos
  70. </a>
  71. <!-- tod padding
  72. <nav class="mdc-drawer__content mdc-list">
  73. <a class="mdc-list-item" href="/manifestos/privacy">
  74. <i class="material-icons mdc-list-item__graphic" aria-hidden="true"></i>Privacy
  75. </a>
  76. </nav>
  77. -->
  78. <a class="mdc-list-item" href="/programs/">
  79. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">devices</i>Programs
  80. </a>
  81. <a class="mdc-list-item" href="/credits/">
  82. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">copyright</i>Credits and legal
  83. </a>
  84. <a class="mdc-list-item" href="/contact/">
  85. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">contact_support</i>Contact
  86. </a>
  87. <div class="drawer-bottom">
  88. <div class="mdc-drawer__toolbar-spacer"></div>
  89. <a href="/about/js.html" data-jslicense="1">
  90. JavaScript license information
  91. </a>
  92. </div>
  93. </nav>
  94. </nav>
  95. </aside>
  96. <header class="mdc-top-app-bar">
  97. <div class="mdc-top-app-bar__row">
  98. <section class="top-bar-menu-button mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
  99. <i class="material-icons mdc-top-app-bar__navigation-icon">menu</i>
  100. </section>
  101. </div>
  102. </header>
  103. <div>
  104. <div class="header-more mdc-top-app-bar--fixed-adjust">
  105. </div>
  106. <main class="mdc-top-app-bar--fixed-adjust article-main">
  107. <div class="mdc-layout-grid">
  108. <div class="mdc-layout-grid__inner">
  109. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-1-tablet mdc-layout-grid__cell--span-1-mobile mdc-layout-grid__cell--span-2-desktop">
  110. </div>
  111. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-10-tablet mdc-layout-grid__cell--span-10-mobile mdc-layout-grid__cell--span-8-desktop">
  112. <div class="mdc-card article-card">
  113. <div class="article-path">
  114. / > Donate
  115. </div>
  116. <div class="article-content">
  117. <h1 id="want-to-buy-me-a-cup-of-hot-chocolate">Want to buy me a cup of hot chocolate?<a href="donate.yml"><sup><i class="material-icons signature">lock</i></sup></a></h1>
  118. <p>If You happen to have this unfounded and unexplainable urge to appreciate my humble work and have decided to buy me a cup of the best drink of all, You’ve come to the right place. Below You’ll find two options: Monero and Zcash. I chose those because they’re anonymous and private—nobody has to know You like my apps.</p>
  119. <p>I’ll be overjoyed if You include a tip for rainbow sprinkles</p>
  120. <p><a href="https://www.megquinnart.com/"><img src="https://i.pinimg.com/736x/a8/e5/b3/a8e5b3d54edd9be854ae0179d422c226.jpg" alt="Tea or Coffee" class="img-fill" /></a></p>
  121. <p>(© <a href="https://www.megquinnart.com/">Meg Quinn</a>)</p>
  122. <hr />
  123. <p><img src="/img/monero_qr.png" alt="Monero QR code" class="qr" /></p>
  124. <div class="address-logical">
  125. <p>46siw2guCQWQiNAdTBCAvVY1uGYhsFQBuEStBgh4shrfBETMNsMDi9MHoMWyjrVYxEPNKFHsodZ31EcC9FM2R2nMCF21bAJ</p>
  126. </div>
  127. <hr />
  128. <p><img src="/img/zcash_qr.png" alt="ZCash QR code" class="qr" /></p>
  129. <div class="address-logical">
  130. <p>zcTTKeUpznTKe3nuZ182t3GnWEyhRGwnCWm613k7PYgMCGvKebekV3px844x8S2KGhA7JVFYHb7cn1Xm2ZpK2QnWzcmrnMm</p>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-1-tablet mdc-layout-grid__cell--span-1-mobile mdc-layout-grid__cell--span-2-desktop">
  136. </div>
  137. </div>
  138. </div>
  139. </main>
  140. </div>
  141. </div>
  142. <script src='https://unpkg.com/material-components-web@0.36.0/dist/material-components-web.min.js'
  143. integrity="sha512-fzmFt2MbZhS3Cwv9gSX+jRqpfUdaKupP0WbJyaK09Och9eMm8n1ol1fnh8EEJ1sH5HzG16etbpejWBEMvXV5ow=="
  144. crossorigin="anonymous"></script>
  145. <script>
  146. // @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt GNU-AGPL-v3.0
  147. window.mdc.autoInit();
  148. const topAppBarElement = document.querySelector('.mdc-top-app-bar');
  149. let topAppBar = new mdc.topAppBar.MDCTopAppBar(topAppBarElement);
  150. $('.top-bar-menu-button').css('display', 'initial');
  151. $('.mdc-drawer--permanent').removeClass("mdc-drawer--permanent").addClass("mdc-drawer--temporary");
  152. $('.drawer-bottom').css('width', '25%');
  153. let drawer = new mdc.drawer.MDCTemporaryDrawer(document.querySelector('.mdc-drawer--temporary'));
  154. document.querySelector('.mdc-top-app-bar__navigation-icon').addEventListener('click', () => drawer.open = true);
  155. // @license-end
  156. </script>
  157. </body>
  158. </html>