-
Notifications
You must be signed in to change notification settings - Fork 22
/
contact.html
83 lines (77 loc) · 4.09 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
---
layout: default
---
<div class="bg-grey-50">
<div class="px-4 py-16 mx-auto max-w-screen-md sm:px-6 lg:px-8">
<div class="max-w-lg mx-auto md:max-w-none">
<div>
<h2 class="text-2xl font-extrabold text-gray-900 leading-8 sm:text-3xl sm:leading-9">
Contact us
</h2>
<div class="mt-3">
<p class="text-gray-800 leading-7">
Hi! We're happy to see you and want to ensure your experience using Plausible is excellent!
</p>
<div class="mt-3">
<p class="text-gray-800 leading-7">
<a class="text-indigo-600" href="https://plausible.io/docs">Our documentation</a> is the best place to find most answers right away. We put a lot of effort into making our docs detailed and up to date so you can quickly find answers to any question you might have. We've also listed some frequently asked questions further down this page.
</p>
<div class="mt-3">
<p class="text-gray-800 leading-7">
Still haven't found what you're looking for? We're here to help. Contact us using the email address below and we'll get back to you as soon as possible. If you have a feature request or are wondering about upcoming features, take a look at <a class="text-indigo-600" href="https://feedback.plausible.io">our feedback board</a> and <a class="text-indigo-600" href="https://feedback.plausible.io/roadmap">roadmap</a>. Thank you!
</p>
<div class="mt-9">
<div class="flex mt-6">
<div class="flex-shrink-0">
<svg class="w-6 h-6 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
</svg>
</div>
<div class="ml-3 text-base text-gray-800 leading-6">
<p>
<script type="text/javascript">
user = "hello";
domain = "plausible.io";
document.write(user + '@' + domain);
</script>
<noscript>hello at plausible.io</noscript>
</p>
</div>
</div>
</div>
<div class="bg-gray-50" x-data="{selected: null}">
<div class="py-12 sm:py-16">
<div class="max-w-3xl mx-auto divide-y-2 divide-gray-200">
<h2 class="text-2xl font-extrabold text-gray-900">
Frequently asked questions
</h2>
<dl class="mt-6 space-y-6 divide-y divide-gray-200">
{% for item in site.data.faq %}
<div class="pt-6">
<dt class="text-lg">
<button class="flex items-start justify-between w-full text-left text-gray-400" @click="selected !== {{ forloop.index }} ? selected = {{ forloop.index }} : selected = null">
<span class="font-medium text-gray-900">
{{ item.question }}
</span>
<span class="flex items-center ml-6 h-7">
<svg class="w-6 h-6 -rotate-0 transform" :class="{'-rotate-180': selected == {{ forloop.index }}}" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</span>
</button>
</dt>
<dd class="pr-12 mt-2" x-cloak x-show="selected == {{forloop.index}}">
<p class="text-base text-gray-500">
{{ item.answer }}
</p>
</dd>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>