1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="description" content="encantar.js: GPU-accelerated Augmented Reality for the web">
- <meta name="author" content="Alexandre Martins">
- <meta name="viewport" content="width=device-width,initial-scale=1">
- <title>Thank you for trying encantar.js!</title>
- <style>
- html {
- line-height: 1.6;
- margin: 0.5em max(1ch, calc((100vw - 56ch) / 2));
- font-size: clamp(1rem, 2vw, 2rem);
- font-family: serif;
- background: #fffae9;
- color: #1a170d;
- }
- a:any-link {
- color: #857952;
- }
- .button {
- display: inline-block;
- margin: 0.5em 0;
- padding: 1em 2em;
- position: relative;
- left: 50%;
- transform: translateX(-50%);
- /*background: #e9e0c2;*/
- background: #fff12c;
- color: #d88519 !important;
- border-radius: 64px;
- text-decoration: none;
- font-weight: bold;
- transition: transform 0.125s ease-out;
- }
- .button:hover {
- transform: translateX(-50%) scale(1.0625);
- }
- h1 {
- font-size: 1.33em;
- }
- h2 {
- font-size: 1em;
- }
- </style>
- <script data-goatcounter="https://encantar-js.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
- <script>
- document.addEventListener('DOMContentLoaded', function() {
- var salad = 'nbjmup;tvqqpsuAfodboubs/efw';
- var link = salad.split('').map(c => String.fromCharCode(c.charCodeAt(0)-1)).join('');
- document.querySelectorAll('a.email').forEach(function(a) {
- a.href = link;
- if(a.innerText == '')
- a.innerText = link.substring(7);
- });
- });
- </script>
- </head>
- <body>
-
- <h1>Thank you for trying encantar.js!</h1>
-
- <h2>Would you like to see more of open-source AR?</h2>
-
- <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>
-
- <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>
-
- <h2>Need help?</h2>
-
- <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>
-
- </body>
- </html>
|