-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (91 loc) · 5.53 KB
/
index.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
84
85
86
87
88
89
90
91
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="style.css" rel="stylesheet">
<!-- Include CDN JavaScript -->
<!-- <script src="https://unpkg.com/tailwindcss-jit-cdn"></script> -->
<title>DraftHelper - Help you edit draft order more easily</title>
</head>
<body>
<div class="relative bg-white overflow-hidden">
<div class="hidden lg:block lg:absolute lg:inset-0" aria-hidden="true">
<svg class="absolute top-0 left-1/2 transform translate-x-64 -translate-y-8" width="640" height="784" fill="none" viewBox="0 0 640 784">
<defs>
<pattern id="9ebea6f4-a1f5-4d96-8c4e-4c2abf658047" x="118" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
</pattern>
</defs>
<rect y="72" width="640" height="640" class="text-gray-50" fill="currentColor" />
<rect x="118" width="404" height="784" fill="url(#9ebea6f4-a1f5-4d96-8c4e-4c2abf658047)" />
</svg>
</div>
<div class="relative pt-6 pb-16 sm:pb-24 lg:pb-32">
<nav class="relative max-w-7xl mx-auto flex items-center justify-between px-4 sm:px-6" aria-label="Global">
<div class="flex items-center flex-1">
<div class="flex items-center justify-between w-full md:w-auto">
<a href="#">
<span class="ml-4 text-green-600 font-bold text-xl">DraftHelper</span>
</a>
</div>
</div>
</nav>
<main class="mt-8 mx-auto max-w-7xl px-4 sm:mt-16 sm:px-6 lg:mt-24">
<div class="lg:grid lg:grid-cols-12 lg:gap-8">
<div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left">
<h1>
<span class="mt-1 block text-3xl tracking-tight font-extrabold sm:text-3xl xl:text-4xl">
<span class="block text-gray-900">Create checkout with <span class="text-green-600">discount field</span> from Draft order.</p>
<br>
<span class="block text-gray-900"><span class="text-green-600">Edit</span> line items <span class="text-green-600">properties</span>, <span class="text-green-600">rearrange</span> line items, and <span class="text-green-600">apply discount</span> to draft order </span>
</span>
</h1>
<p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
Easily update draft order line items, and generate checkout with discount code
</p>
<div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
<p class="text-base font-medium text-gray-900">
Try it out at your Shopify store!
</p>
<form onsubmit="return false;" class="mt-3 sm:flex">
<label for="store" class="sr-only">Shopify store URL</label>
<input type="text" name="store" id="store" class="block w-full py-3 px-2 text-base rounded-md placeholder-gray-500 shadow-lg focus:ring-green-500 focus:border-green-500 sm:flex-1 border-gray-300" placeholder="yourstore.myshopify.com" style="border: 1px solid #CCC">
<button type="submit" onclick="install()" class="mt-3 w-full px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-gray-800 shadow-sm hover:bg-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 sm:mt-0 sm:ml-3 sm:flex-shrink-0 sm:inline-flex sm:items-center sm:w-auto">
Install
</button>
</form>
<p class="mt-3 text-sm text-gray-500">
Our app doesn't store any draft order or customer data, we only retrieve draft order data for display purpose when you edit the draft order, and will remove it after the functionality is done.
<a href="privacy.html" target="_blank" class="font-medium text-gray-900 underline">Privacy Policy</a>.
<a href="data.html" target="_blank" class="font-medium text-gray-900 underline">Data Protection Agreement</a>.
</p>
</div>
</div>
<div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center">
<svg class="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-8 scale-75 origin-top sm:scale-100 lg:hidden" width="640" height="784" fill="none" viewBox="0 0 640 784" aria-hidden="true">
<defs>
<pattern id="4f4f415c-a0e9-44c2-9601-6ded5a34a13e" x="118" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
</pattern>
</defs>
<rect y="72" width="640" height="640" class="text-gray-50" fill="currentColor" />
<rect x="118" width="404" height="784" fill="url(#4f4f415c-a0e9-44c2-9601-6ded5a34a13e)" />
</svg>
<div class="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-lg">
<img class="w-full mb-4 shadow-lg" src="screenshot_1a.png" alt="">
<img class="w-full mb-4 shadow-lg" src="screenshot_2.png" alt="">
</div>
</div>
</div>
</main>
</div>
</div>
<script>
function install(){
let shop = document.getElementById('store').value;
window.location.href = 'https://app.draftorder.app/login?shop=' + shop;
}
</script>
</body>
</html>