donate.html 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="description" content="How to make your device even more sus">
  8. <meta name="keywords" content="amogos,amog os,amongos,amogus,among us">
  9. <meta name="theme-color" content="#66ddcc">
  10. <meta property="og:site_name" content="AmogOS">
  11. <meta name="og:title" content="Donate">
  12. <meta name="og:description" content="Become a true sussy baka">
  13. <meta name="og:image" itemprop="image" content="https://amog-os.github.io/icons/sus.png">
  14. <link rel="shortcut icon" href="icons/sus.ico" sizes="32x32">
  15. <link rel="bookmark" href="icons/sus.ico">
  16. <link href="common.css" rel="stylesheet" type="text/css">
  17. <link href="article.css" rel="stylesheet" type="text/css">
  18. <title>Donate - AmogOS</title>
  19. <style>
  20. #text-area a{
  21. color: #66ddcc;
  22. }
  23. #text-area a:hover{
  24. color: #669999;
  25. }
  26. #donate{
  27. transition: 0.3s ease;
  28. padding: 12px;
  29. width: 200px;
  30. height: 70px;
  31. outline: none;
  32. background-image: linear-gradient(-30deg, #297eff, #8fc7ff);
  33. color: #ffffff;
  34. font-size: 18px;
  35. border: none;
  36. border-radius: 20px;
  37. font-family: "Poppins";
  38. cursor: pointer;
  39. }
  40. #donate:hover{
  41. box-shadow: 0px 0px 12px #8fc7ff;
  42. }
  43. </style>
  44. </head>
  45. <body>
  46. <div id="main-container">
  47. <header>
  48. <nav>
  49. <ul id="bar">
  50. <li><a id="nav-logo" href="https://amog-os.github.io"></a></li>
  51. <li><a id="nav-home" href="index.html">Home</a></li>
  52. <li><a id="nav-install" href="install.html">Install</a></li>
  53. <li><a id="nav-about" href="about.html">About</a></li>
  54. <li><a id="nav-donate" class="now" href="donate.html">Donate</a></li>
  55. </ul>
  56. </nav>
  57. </header>
  58. <div id="text-area">
  59. <h1>Donate</h1>
  60. <h3 id="description">Become a true sussy baka.</h3>
  61. <p>AmogOS is pretty much a joke project, but there are actual <a href="about.html" target="_blank" rel="noopener noreferrer">people</a> that work on it.</p>
  62. <p>If you liked the project, feel free to donate to support the team, or not.</p>
  63. <p>You can donate with <a href="https://opencollective.com/amogos"
  64. target="_blank" rel="noopener noreferrer">OpenCollective</a>, which supports many popular payment methods. It also supports crypto in case you sit on a pile of NFTs... (they're bad)</p>
  65. <button id="donate" onclick="window.open('https\://opencollective.com/amogos')">Open Collective</button>
  66. <br/><br/><br/>
  67. </div>
  68. <footer>
  69. <p id="copyright">© AmogOS Project. All Suspiciousness Reserved.</p>
  70. </footer>
  71. </div>
  72. </body>
  73. </html>