You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

support-my-work.html 2.6KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="description" content="encantar.js: GPU-accelerated Augmented Reality for the web">
  6. <meta name="author" content="Alexandre Martins">
  7. <meta name="viewport" content="width=device-width,initial-scale=1">
  8. <title>Thank you for trying encantar.js!</title>
  9. <style>
  10. html {
  11. line-height: 1.6;
  12. margin: 0.5em max(1ch, calc((100vw - 56ch) / 2));
  13. font-size: clamp(1rem, 2vw, 2rem);
  14. font-family: serif;
  15. background: #fffae9;
  16. color: #1a170d;
  17. }
  18. a:any-link {
  19. color: #857952;
  20. }
  21. .button {
  22. display: inline-block;
  23. margin: 0.5em 0;
  24. padding: 1em 2em;
  25. position: relative;
  26. left: 50%;
  27. transform: translateX(-50%);
  28. /*background: #e9e0c2;*/
  29. background: #fff12c;
  30. color: #d88519 !important;
  31. border-radius: 64px;
  32. text-decoration: none;
  33. font-weight: bold;
  34. transition: transform 0.125s ease-out;
  35. }
  36. .button:hover {
  37. transform: translateX(-50%) scale(1.0625);
  38. }
  39. h1 {
  40. font-size: 1.33em;
  41. }
  42. h2 {
  43. font-size: 1em;
  44. }
  45. </style>
  46. <script data-goatcounter="https://encantar-js.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
  47. <script>
  48. document.addEventListener('DOMContentLoaded', function() {
  49. var salad = 'nbjmup;tvqqpsuAfodboubs/efw';
  50. var link = salad.split('').map(c => String.fromCharCode(c.charCodeAt(0)-1)).join('');
  51. document.querySelectorAll('a.email').forEach(function(a) {
  52. a.href = link;
  53. if(a.innerText == '')
  54. a.innerText = link.substring(7);
  55. });
  56. });
  57. </script>
  58. </head>
  59. <body>
  60. <h1>Thank you for trying encantar.js!</h1>
  61. <h2>Would you like to see more of open-source AR?</h2>
  62. <p>encantar.js is developed independently by Alexandre Martins. Your support is important for the work to continue. Support it by purchasing your copy!</p>
  63. <a href="https://ko-fi.com/s/3ee4182cb6" rel="external" target="_blank" class="button" id="support-purchase-button" data-goatcounter-click>Support this work</a>
  64. <h2>Spread the word!</h2>
  65. <p>Are you building something cool? Share it on social media! If you're enchanted by encantar.js, why wouldn't you let your friends know about this tech and what you're building with it? &#x1F60E;</p>
  66. <h2>Technical support</h2>
  67. <p>Need help? Get expert guidance on WebAR with encantar.js by contacting <a href="#" class="email" id="contact-technical-support" data-goatcounter-click></a>.</p>
  68. <p>Not a technical person? Get help with installation, maintenance, custom development and more. <a href="#" class="email" id="contact-technical-support2" data-goatcounter-click>Contact support</a> for professional services.</p>
  69. </body>
  70. </html>