Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

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 framework 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://encantar.dev" 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>