您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

promo.html 2.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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 an Augmented Reality technology which I develop independently. Support this work by <a href="https://ko-fi.com/s/3ee4182cb6" rel="external" target="_blank" id="support-purchase-link" data-goatcounter-click>purchasing your copy</a>. You can also <a href="https://github.com/sponsors/alemart" rel="external" target="_blank" id="support-sponsor-link" data-goatcounter-click>become a sponsor</a>. Thank you!</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>Need help?</h2>
  65. <p>You can get expert guidance on WebAR with encantar.js by contacting <a href="#" class="email" id="contact-technical-support" data-goatcounter-click></a>. If you have any projects that you want created or modified, then feel free to get in touch.</p>
  66. </body>
  67. </html>