index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Apiote</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width,initial-scale=1">
  7. <meta name="description" content="Apiote’s website">
  8. <meta name="og:description" content="Apiote’s website">
  9. <meta name="og:title" content="Apiote">
  10. <meta name="og:image" content="/img/preview.png">
  11. <meta name="referrer" content="no-referrer">
  12. <link href="/feed/?format=atom" type="application/atom+xml" rel="alternate" title="Atom feed" />
  13. <link href="/feed/?format=json" type="application/json" rel="alternate" title="JSON feed" />
  14. <script src="/js/jquery.min.js"
  15. integrity="sha512-+NqPlbbtM1QqiK8ZAo4Yrj2c4lNQoGv8P79DPtKzj++l5jnN39rHA/xsqn8zE9l0uSoxaCdrOgFs6yjyfbBxSg=="
  16. crossorigin="anonymous"></script>
  17. <link rel="stylesheet" href="/styles/fontawesome.css"
  18. integrity="sha512-2aMQ3GhGCJX/4f40tbBqCuB4W1WRkxYcR9+bn7WwHOpRPmyWKgTJjEuTdjWMch0fcPfioRQ9zdqc0ffy45+2lA=="
  19. crossorigin="anonymous">
  20. <link rel="stylesheet" href="/styles/material-components-web.css"
  21. integrity="sha512-xKSgTutWqX2F22Uxywtig03sHCUxl4pJw2dzeIxH1EDvbEwhg5M1/KBUvrxNDiTe5HSjHRLdaW6XBhuYawROQw=="
  22. crossorigin="anonymous">
  23. <link rel="stylesheet" href="/styles/fira.min.css"
  24. integrity="sha512-jEf2ipTyK37+rvwmgG9886e/Joq2bqciYEXUAZyHmx86yoLxyhX2DO/w7TvykReRK4yOJteokVn1DLHytAsvzQ=="
  25. crossorigin="anonymous">
  26. <link rel="stylesheet" href="/styles/plex.min.css"
  27. integrity="sha512-3MJpT2GuM1SLjy9T9gSOWBl3cWJpuRABFapfiubH6XuK2jLawq8h5h3cSjyU2Ezc9attdv7jO4TpSpREPA6eHQ=="
  28. crossorigin="anonymous">
  29. <link rel="stylesheet" href="/styles/material-icons.min.css"
  30. integrity="sha512-0oMXNxqi/ASlhfm2fCxg2wCl8Wo8HgL7fOgNOIz8P3nwbIe/VBeaC0h8lVz1NH3T4litHeGjshwUZx790RqJqQ=="
  31. crossorigin="anonymous">
  32. <link rel="stylesheet" href="/styles/main.css"
  33. integrity="sha512-djKhjK/Sdfon9o4t/hrscsou5arv5NzRQHRvLf7A+fe+5AzHJR82tjhkXd/ZPu0JssOd6W3N19nD0ntST+4kuw=="
  34. crossorigin="anonymous">
  35. <link rel="stylesheet" href="/styles/index.css"
  36. integrity="sha512-7KFmV0ORi7AtpzmSiYFO1PLAbi6Kf2irynUKukJMmZ4RXCq1FCE3ZKPeZCym86Sk0xVOfG5CAMgTpcvn0qRBXg=="
  37. crossorigin="anonymous">
  38. <meta name="theme-color" content="#911f1b">
  39. <link rel="shortcut icon" href="/img/favicon/favicon.ico">
  40. <link rel="icon" sizes="16x16 32x32 64x64" href="/img/favicon/favicon.ico">
  41. <link rel="icon" type="image/png" sizes="196x196" href="/img/favicon/favicon-192.png">
  42. <link rel="icon" type="image/png" sizes="160x160" href="/img/favicon/favicon-160.png">
  43. <link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96.png">
  44. <link rel="icon" type="image/png" sizes="64x64" href="/img/favicon/favicon-64.png">
  45. <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png">
  46. <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png">
  47. <link rel="apple-touch-icon" href="/img/favicon/favicon-57.png">
  48. <link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/favicon-114.png">
  49. <link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/favicon-72.png">
  50. <link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/favicon-144.png">
  51. <link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/favicon-60.png">
  52. <link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/favicon-120.png">
  53. <link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/favicon-76.png">
  54. <link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/favicon-152.png">
  55. <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/favicon-180.png">
  56. <meta name="msapplication-TileColor" content="#911f1b">
  57. <meta name="msapplication-TileImage" content="/img/favicon/favicon-144.png">
  58. <meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
  59. </head>
  60. <body>
  61. <div class="drawer-container-flex">
  62. <aside class="mdc-drawer mdc-drawer--permanent mdc-typography">
  63. <nav class="mdc-drawer__drawer">
  64. <header class="mdc-drawer__header">
  65. <div class="mdc-drawer__header-content">
  66. Where now?
  67. </div>
  68. </header>
  69. <nav class="mdc-drawer__content mdc-list">
  70. <a class="mdc-list-item mdc-list-item--activated" href="/">
  71. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>Home
  72. </a>
  73. <a class="mdc-list-item" href="/about">
  74. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">person</i>About
  75. </a>
  76. <a class="mdc-list-item" href="/donate">
  77. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">attach_money</i>Donate
  78. </a>
  79. <a class="mdc-list-item" href="/manifestos/">
  80. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">announcement</i>Manifestos
  81. </a>
  82. <!-- tod padding
  83. <nav class="mdc-drawer__content mdc-list">
  84. <a class="mdc-list-item" href="/manifestos/privacy">
  85. <i class="material-icons mdc-list-item__graphic" aria-hidden="true"></i>Privacy
  86. </a>
  87. </nav>
  88. -->
  89. <a class="mdc-list-item" href="/programs/">
  90. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">devices</i>Programs
  91. </a>
  92. <a class="mdc-list-item" href="/credits/">
  93. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">copyright</i>Credits and legal
  94. </a>
  95. <a class="mdc-list-item" href="/contact/">
  96. <i class="material-icons mdc-list-item__graphic" aria-hidden="true">contact_support</i>Contact
  97. </a>
  98. <div class="drawer-bottom">
  99. <div class="mdc-drawer__toolbar-spacer"></div>
  100. <a href="/about/js.html" data-jslicense="1">
  101. JavaScript license information
  102. </a>
  103. </div>
  104. </nav>
  105. </nav>
  106. </aside>
  107. <header class="mdc-top-app-bar">
  108. <div class="mdc-top-app-bar__row">
  109. <section class="top-bar-menu-button mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
  110. <i class="material-icons mdc-top-app-bar__navigation-icon">menu</i>
  111. </section>
  112. <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
  113. <a href="https://keybase.io/apiote" class="mdc-top-app-bar__action-item" aria-label="Keybase" alt="Keybase"><i class="fab fa-keybase"></i></a>
  114. <a href="https://notabug.org/apiote" class="mdc-top-app-bar__action-item" aria-label="my NotABug" alt="my NotABug"><i class="fab fa-git-square"></i></a>
  115. <a href="https://keyserver.ubuntu.com/pks/lookup?op=vindex&search=0x2442e27776e0a578&fingerprint=on" class="material-icons mdc-top-app-bar__action-item" aria-label="GnuPG" alt="GnuPG">
  116. <div class="icon16-container"><i class="fas fa-key icon16"></i></div>
  117. </a>
  118. <a href="https://floss.social/@apiote" class="material-icons mdc-top-app-bar__action-item" aria-label="Mastodon" alt="Mastodon">
  119. <div class="icon16-container"><i class="fab fa-mastodon icon16"></i></div>
  120. </a>
  121. </section>
  122. </div>
  123. </header>
  124. <main>
  125. <div class="mdc-layout-grid">
  126. <div class="mdc-layout-grid__inner">
  127. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12-tablet mdc-layout-grid__cell--span-12-mobile mdc-layout-grid__cell--span-12-desktop logo-cell">
  128. <div class="logo-wrapper">
  129. <img src="/img/logo.svg" alt="Logo" id="logo"/>
  130. </div>
  131. <div class="title">
  132. Apiote
  133. </div>
  134. <div class="subtitle">
  135. Yes, it’s me! <a href="/keybase.txt"><sup><i class="material-icons signature">lock</i></sup></a>
  136. </div>
  137. </div>
  138. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12-tablet mdc-layout-grid__cell--span-12-mobile mdc-layout-grid__cell--span-6-desktop">
  139. <div class="geek-code-wrapper">
  140. <code class="geek-code">
  141. -----BEGIN GEEK CODE BLOCK-----<br/>
  142. Version: 3.12<br/>
  143. GCS d- s-:-- a-- C(++)>$ !U P L+++ E--- W++ N? o? K? w--- O? M-- V?
  144. PS+++ PE-- Y+ PGP++>+++ t?>+ 5?>++ X?>+ R* !tv b+++ DI+ D? G
  145. e* h!>--- !r>+++ !z+>+++<br/>
  146. ------END GEEK CODE BLOCK------
  147. </code>
  148. <span class="geek-code-sig"><a href="geek-code-3.12.yml"><i class="material-icons signature">lock</i></a></span>
  149. </div>
  150. </div>
  151. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12-tablet mdc-layout-grid__cell--span-12-mobile mdc-layout-grid__cell--span-6-desktop">
  152. <div class="geek-code-wrapper">
  153. <code class="geek-code">
  154. -----BEGIN GEEK CODE BLOCK-----<br/>
  155. Version: 3.20<br/>
  156. GCS d- s-:-- a- c+++>++++ C(++)>$ B+ 7---- w--- L+++ M-- !u W++ H+++ Z++
  157. F++++ PS+++ PE-- Y+ PGP++>+++ T@ !S J--- R* m+ !tv b+++ DI+ D?
  158. e* h!>--- A !r>+++ !z+>+++<br/>
  159. ------END GEEK CODE BLOCK------
  160. </code>
  161. <span class="geek-code-sig"><a href="geek-code-3.20.yml"><i class="material-icons signature">lock</i></a></span>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. </main>
  167. </div>
  168. <script src="/js/material-components-web.js"
  169. integrity="sha512-fzmFt2MbZhS3Cwv9gSX+jRqpfUdaKupP0WbJyaK09Och9eMm8n1ol1fnh8EEJ1sH5HzG16etbpejWBEMvXV5ow=="
  170. crossorigin="anonymous"></script>
  171. <script>
  172. // @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt GNU-AGPL-v3.0
  173. window.mdc.autoInit();
  174. const topAppBarElement = document.querySelector('.mdc-top-app-bar');
  175. let topAppBar = new mdc.topAppBar.MDCTopAppBar(topAppBarElement);
  176. $('.top-bar-menu-button').css('display', 'initial');
  177. $('.mdc-drawer--permanent').removeClass("mdc-drawer--permanent").addClass("mdc-drawer--temporary");
  178. $('.drawer-bottom').css('width', '25%');
  179. let drawer = new mdc.drawer.MDCTemporaryDrawer(document.querySelector('.mdc-drawer--temporary'));
  180. document.querySelector('.mdc-top-app-bar__navigation-icon').addEventListener('click', () => drawer.open = true);
  181. // @license-end
  182. </script>
  183. </body>
  184. </html>