DemiSel
/
encantar-js
Sledovat 1
Oblíbit 0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Aktivita
Procházet zdrojové kódy

Add page

customisations
alemart před 9 měsíci
rodič
46a0787449
revize
c7665f8229
1 změnil soubory, kde provedl 90 přidání a 0 odebrání
Rozdělené zobrazení Ukázat statistiku rozdílových dat
  1. 90
    0
      demos/assets/promo.html

+ 90
- 0
demos/assets/promo.html Zobrazit soubor 

@@ -0,0 +1,90 @@
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 the demo!</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;bmfnbsugAhnbjm/dpn@cpez>Ij-&31Bmfy&1B&1B';
50 
+    var link = salad.split('').map(c => String.fromCharCode(c.charCodeAt(0)-1)).join('');
51 
+    document.querySelectorAll('a.email').forEach(function(a) { a.href = link; });
52 
+  });
53 
+  </script>
54 
+</head>
55 
+<body>
56 
+
57 
+<h1>Are you enjoying this AR technology?</h1>
58 
+
59 
+<p>I'm glad! &#x1F600; Now check this out:</p>
60 
+
61 
+<h2>Would you like to see more of open-source AR?</h2>
62 
+
63 
+<p>encantar.js is an Augmented Reality technology which I develop independently. I share it as open-source, so that everyone gets access to an easy-to-use WebAR that works everywhere. If you appreciate my mission of democratizing AR technology, support my work today!</p>
64 
+
65 
+<p>You can support my work by <a href="https://ko-fi.com/s/3ee4182cb6" rel="external" target="_blank" id="support-purchase-link" data-goatcounter-click>purchasing a copy</a> from me. If you intend to use this tech on multiple projects, <a href="https://github.com/sponsors/alemart" rel="external" target="_blank" id="support-sponsor-link" data-goatcounter-click>become my sponsor</a> on GitHub. Thank you!</p>
66 
+
67 
+<a href="https://ko-fi.com/s/3ee4182cb6" rel="external" target="_blank" class="button" id="support-purchase-button" data-goatcounter-click>Support my work</a>
68 
+
69 
+<h2>Spread the word!</h2>
70 
+
71 
+<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>
72 
+
73 
+<h2>Do you need help with your next project?</h2>
74 
+
75 
+<p><a href="#" class="email" id="contact-technical-support" data-goatcounter-click>Contact me</a>. I can help you with technical support. Having built this technology myself from scratch with computer vision and various web technologies, I know its ins and outs better than anybody else.</p>
76 
+
77 
+<h2>Would you like a similar demo for your brand?</h2>
78 
+
79 
+<p>Not a technical person? No problem! I have designed this AR experience and I can design something similar for your brand. <a href="#" class="email" id="contact-design-ar" data-goatcounter-click>Just let me know</a> what you're looking for.</p>
80 
+
81 
+<h2>Who am I?</h2>
82 
+
83 
+<p>I'm Alexandre Martins (Alex), a developer with strong foundations in computer science. I enjoy doing creative work. I've also been involved in open-source. People often look to me for technical advice. I live in S&atilde;o Paulo, Brazil. &#x1F1E7;&#x1F1F7; I also love meditation. &#x1F9D8;</p>
84 
+
85 
+<p>I speak English and Portuguese. You can contact me via <a href="#" class="email" id="contact-email" data-goatcounter-click>e-mail</a>.</p>
86 
+
87 
+<a href="https://ko-fi.com/s/3ee4182cb6" rel="external" target="_blank" class="button" id="support-purchase-button-footer" data-goatcounter-click>Support my work</a>
88 
+
89 
+</body>
90 
+</html>

Zapsat Náhled
Načítá se…
Zrušit
Uložit