DemiSel
/
encantar-js
Слідкувати 1
В обрані 0
Форк 0
Код Проблеми 0 Запити на злиття 0 Релізи 0 Вікі Активність
Переглянути джерело

Simplify

customisations
alemart 8 місяці тому
джерело
d38846088f
коміт
86e132c906
1 змінених файлів з 74 додано та 0 видалено
Розділений перегляд Показати статистику Diff
  1. 74
    0
      demos/assets/promo.html

+ 74
- 0
demos/assets/promo.html Переглянути файл 

@@ -0,0 +1,74 @@
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 
+
61 
+<h1>Thank you for trying encantar.js! &#x1F600;</h1>
62 
+
63 
+<h2>Would you like to see more of open-source AR?</h2>
64 
+
65 
+<p>encantar.js is an Augmented Reality technology which I develop independently. Support the continuance of 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>
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>Need help?</h2>
70 
+
71 
+<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>.</p>
72 
+
73 
+</body>
74 
+</html>

Писати Попередній перегляд
Завантаження…
Відмінити
Зберегти