-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
83 lines (73 loc) · 4.34 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
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="dist/output.css" rel="stylesheet">
<title> Receipt Reader</title>
<body>
<header class="p-4 dark:bg-gray-800 dark:text-gray-100">
<div class="container flex justify-between h-16 mx-auto">
<a rel="noopener noreferrer" href="#" aria-label="Back to homepage" class="flex items-center p-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32"
class="w-8 h-8 dark:text-violet-400">
<path
d="M27.912 7.289l-10.324-5.961c-0.455-0.268-1.002-0.425-1.588-0.425s-1.133 0.158-1.604 0.433l0.015-0.008-10.324 5.961c-0.955 0.561-1.586 1.582-1.588 2.75v11.922c0.002 1.168 0.635 2.189 1.574 2.742l0.016 0.008 10.322 5.961c0.455 0.267 1.004 0.425 1.59 0.425 0.584 0 1.131-0.158 1.602-0.433l-0.014 0.008 10.322-5.961c0.955-0.561 1.586-1.582 1.588-2.75v-11.922c-0.002-1.168-0.633-2.189-1.573-2.742zM27.383 21.961c0 0.389-0.211 0.73-0.526 0.914l-0.004 0.002-10.324 5.961c-0.152 0.088-0.334 0.142-0.53 0.142s-0.377-0.053-0.535-0.145l0.005 0.002-10.324-5.961c-0.319-0.186-0.529-0.527-0.529-0.916v-11.922c0-0.389 0.211-0.73 0.526-0.914l0.004-0.002 10.324-5.961c0.152-0.090 0.334-0.143 0.53-0.143s0.377 0.053 0.535 0.144l-0.006-0.002 10.324 5.961c0.319 0.185 0.529 0.527 0.529 0.916z">
</path>
<path
d="M22.094 19.451h-0.758c-0.188 0-0.363 0.049-0.515 0.135l0.006-0.004-4.574 2.512-5.282-3.049v-6.082l5.282-3.051 4.576 2.504c0.146 0.082 0.323 0.131 0.508 0.131h0.758c0.293 0 0.529-0.239 0.529-0.531v-0.716c0-0.2-0.11-0.373-0.271-0.463l-0.004-0.002-5.078-2.777c-0.293-0.164-0.645-0.26-1.015-0.26-0.39 0-0.756 0.106-1.070 0.289l0.010-0.006-5.281 3.049c-0.636 0.375-1.056 1.055-1.059 1.834v6.082c0 0.779 0.422 1.461 1.049 1.828l0.009 0.006 5.281 3.049c0.305 0.178 0.67 0.284 1.061 0.284 0.373 0 0.723-0.098 1.027-0.265l-0.012 0.006 5.080-2.787c0.166-0.091 0.276-0.265 0.276-0.465v-0.716c0-0.293-0.238-0.529-0.529-0.529z">
</path>
</svg>
</a>
<ul class="items-stretch hidden space-x-3 lg:flex">
<li class="flex">
<a rel="noopener noreferrer" href="index.html"
class="flex items-center px-4 -mb-1 border-b-2 dark:border-transparent dark:text-violet-400 dark:border-violet-400">Upload
Receipt Image</a>
</li>
</ul>
<button class="p-4 lg:hidden">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
class="w-6 h-6 dark:text-gray-100">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
</header>
<div class="grid h-screen place-items-center">
<h1 class="text-3xl font-bold">
Upload An Image of Your Receipt
</h1>
<div class="max-w-xs p-6 rounded-md shadow-md dark:bg-gray-900 dark:text-gray-50">
<section class="p-6 dark:bg-gray-800 dark:text-gray-50 justify-self-center">
<form action="/" method="POST"
class="container flex flex-col mx-auto space-y-12 ng-untouched ng-pristine ng-valid">
<div class="col-span-full sm:col-span-3">
<label for="filename" class="text-sm">File:</label>
<input type="file" id="filename" name="filename" accept=".jpg, .jpeg, .png" value=''
class="w-full rounded-md focus:ring focus:ring-opacity-75 focus:ring-violet-400 dark:border-gray-700 dark:text-gray-900">
</div>
<input type="submit" class="px-4 py-2 border rounded-md dark:border-gray-100" value="Scan receipt" />
</form>
</section>
</div>
<h1 class="text-3xl font-bold">
Your receipts
</h1>
<table class="mx-px-4 table-auto ">
<thead>
<tr>
<th class="border border-slate-600 px-px-4">Date</th>
<th class="border border-slate-600">Store</th>
<th class="border border-slate-600">Subtotal</th>
<th class="border border-slate-600">VAT</th>
<th class="border border-slate-600">Total</th>
<th class="border border-slate-600">Actions</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<script src="src/index.js "></script>
</body>
</html>