-
Notifications
You must be signed in to change notification settings - Fork 1
/
Upload.html
143 lines (130 loc) · 9.38 KB
/
Upload.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html style="font-size: 16px;">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Web Software Developers, Key Features, Data Visualization, IT solutions, IT solutions, Web Analytics, We are directly involved in the process, Get in Touch!">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
<script src="https://unpkg.com/moralis/dist/moralis.js"></script>
<title>UNIFIED-ID</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="Upload.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
<meta name="generator" content="Nicepage 4.3.3, nicepage.com">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Alegreya+SC:400,400i,500,500i,700,700i,800,800i,900,900i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "",
"logo": "images/imageonline-co-roundcorner.png"
}</script>
<meta name="theme-color" content="#29b7dd">
<meta property="og:title" content="Upload">
<meta property="og:type" content="website">
</head>
<body class="u-body"><header class="u-clearfix u-header u-palette-2-base u-header" id="sec-2485"><div class="u-clearfix u-sheet u-sheet-1">
<a href="https://nicepage.com" class="u-image u-logo u-image-1" data-image-width="500" data-image-height="500">
<img src="images/imageonline-co-roundcorner.png" class="u-logo-image u-logo-image-1">
</a>
<h3 class="u-custom-font u-text u-text-default u-text-1"> Unified-ID</h3>
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
<a class="u-button-style u-custom-active-border-color u-custom-border u-custom-border-color u-custom-borders u-custom-hover-border-color u-custom-hover-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#">
<svg class="u-svg-link" viewBox="0 0 24 24"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-cc1e"></use></svg>
<svg class="u-svg-content" version="1.1" id="svg-cc1e" viewBox="0 0 16 16" x="0px" y="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</g></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-spacing-20 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-palette-1-light-3 u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-hover-palette-3-base u-nav-link u-text-active-palette-1-base u-text-hover-grey-90 u-text-white" href="index.html" style="padding: 10px 0px;">Home</a>
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-palette-1-light-3 u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-hover-palette-3-base u-nav-link u-text-active-palette-1-base u-text-hover-grey-90 u-text-white" href="About.html" style="padding: 10px 0px;">About</a>
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-palette-1-light-3 u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-hover-palette-3-base u-nav-link u-text-active-palette-1-base u-text-hover-grey-90 u-text-white" href="Contact.html" style="padding: 10px 0px;">Contact</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-inner-container-layout u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="index.html" style="padding: 10px 0px;">Home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html" style="padding: 10px 0px;">About</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Contact.html" style="padding: 10px 0px;">Contact</a>
</li></ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div></header>
<section class="u-clearfix u-palette-2-base u-section-1" id="carousel_5a01">
<div class="u-clearfix u-sheet u-sheet-1">
<button id="logout-btn" data-page-id="882609827" class="u-btn u-button-style u-gradient u-none u-text-body-alt-color u-btn-1">logout</button>
<div class="u-align-left u-palette-3-base u-shape u-shape-1"></div>
<div class="u-container-style u-group u-image u-image-tiles u-image-1" data-image-width="500" data-image-height="375">
<div class="u-container-layout u-container-layout-1"></div>
</div>
<div class="u-container-style u-group u-white u-group-2">
<div class="u-container-layout u-container-layout-2">
<h1 class="u-text u-text-palette-2-base u-text-1">Upload your ID below</h1>
<br>
<input onchange=uploadImage() name="fileInput" id="fileInput" type="file">
<button id="submit-btn" data-page-id="72395060" class="u-active-palette-4-base u-border-none u-btn u-btn-round u-button-style u-custom-font u-font-raleway u-hover-palette-4-base u-palette-1-base u-radius-50 u-text-body-alt-color u-btn-1"> Upload </button>
<div id="container" style="font-size: 15px;"></div>
</div>
</div>
<div class="u-container-style u-group u-white u-group-3">
<div class="u-container-layout u-container-layout-3">
<h1 class="u-text u-text-palette-2-base u-text-3">Document Guidelines</h1>
<p class="u-text u-text-4">
<span style="font-size: 1.125rem;">
<br>INDIVIDUALS
</span>: (Documents acceptable as proof of identity/address):-<br>Passport<br>Voter's Identity Card<br>Driving Licence<br>Aadhaar Letter/Card<br>NREGA Card<br>PAN Card<br>
<br>
<span style="font-size: 1.125rem;">MINORS</span>: <br>If minor is less than 10 years of age, ID proof of the person who will operate the account to be submitted.In cases where minor can operate the account independently, KYC procedure for identification/address verification as in the case of any other individuals would apply.<br>
<br>
<span style="font-size: 1.125rem;">NRIs</span>: <br>Passport and Residence Visa Copies, duly attested by<br>Foreign offices<br>Notary Public<br>Indian Embassy<br>officers of correspondent banks whose signatures are verifiable through an authorized(A/B category Forex handling branch) branch of the Bank<br>
</p>
</div>
</div>
</div>
</section>
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-2692"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<p class="u-small-text u-text u-text-variant u-text-1"> Unified-ID 2022. All rights reserved.</p>
</div></footer>
<script src="../moralis.js"></script>
<script>
//variables
const fileInput = document.getElementById('fileInput');
const logoutBtn = document.getElementById('logout-btn');
const submitBtn = document.getElementById('submit-btn');
let container = document.getElementById('container');
let flag = true;
//logout function
async function logOut() {
await Moralis.User.logOut();
window.location.href = 'index.html';
console.log("logged out");
}
// upload image function
async function uploadImage(e) {
const data = fileInput.files[0];
const file = new Moralis.File(data.name, data)
await file.saveIPFS();
return file.hash();
}
//submit function
async function displayHash() {
const hash = await uploadImage();
container.innerHTML = `
<h1 style="font-size: 15px;">${hash}</h1>
`;
}
//functions call
logoutBtn.addEventListener('click', logOut);
submitBtn.onclick = () => displayHash();
</script>
</body>
</html>