Skip to content

Commit 179c5da

Browse files
krishiv1545krishiv1545
committed
Adding layer 1 frontend pages
1 parent 06f9c05 commit 179c5da

17 files changed

+1868
-0
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
discarded code coz dinesh bad

‎.vscode/settings.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5501
3+
}

‎README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
#VaultX
2+
(coming soon)

‎history.html

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="stylesheet" href="styles.css" />
7+
<link
8+
rel="stylesheet"
9+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
10+
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
11+
crossorigin="anonymous"
12+
referrerpolicy="no-referrer"
13+
/>
14+
<link rel="preconnect" href="https://fonts.googleapis.com" />
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
16+
<link
17+
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
18+
rel="stylesheet"
19+
/>
20+
<title>History</title>
21+
</head>
22+
<body>
23+
<nav>
24+
<div class="navbar">
25+
<div class="dropdown">
26+
<p class="dropbtn">
27+
Account 1&nbsp;<i class="fa-solid fa-caret-down"></i>
28+
</p>
29+
<div class="acc">
30+
<p class="gray" id="copyAccountId">
31+
AccountIDL0r3m...&nbsp;<i class="fa-solid fa-copy"></i>
32+
</p>
33+
</div>
34+
<div class="dropdown-content">
35+
<a href="#">Add Account</a>
36+
</div>
37+
</div>
38+
39+
<div class="dropdown">
40+
<div class="settings dropbtn">
41+
<i class="fa-solid fa-bars"></i>
42+
</div>
43+
<div class="dropdown-content">
44+
<a href="#"><button id="openInTab">Expand View</button></a>
45+
<a href="#">Account Details</a>
46+
<a href="#">Connected Sites</a>
47+
<a href="#">Support</a>
48+
<a href="#">Settings</a>
49+
</div>
50+
</div>
51+
</div>
52+
</nav>
53+
54+
<div class="history-container">
55+
<h1 class="history-title">Transaction History</h1>
56+
57+
<div class="transaction-card">
58+
<div class="transaction-icon sent">
59+
<i class="fa-solid fa-arrow-up"></i>
60+
</div>
61+
<div class="transaction-info">
62+
<div class="transaction-type">Sent SOL</div>
63+
<div class="transaction-hash">Hash: 5KJ...x8F2</div>
64+
<div class="transaction-time">2 hours ago</div>
65+
</div>
66+
<div class="transaction-details">
67+
<div class="transaction-amount negative">-2.5 SOL</div>
68+
<div class="transaction-status success">Confirmed</div>
69+
</div>
70+
</div>
71+
72+
<div class="transaction-card">
73+
<div class="transaction-icon received">
74+
<i class="fa-solid fa-arrow-down"></i>
75+
</div>
76+
<div class="transaction-info">
77+
<div class="transaction-type">Received ETH</div>
78+
<div class="transaction-hash">Hash: 7MN...p9H4</div>
79+
<div class="transaction-time">Yesterday</div>
80+
</div>
81+
<div class="transaction-details">
82+
<div class="transaction-amount positive">+0.15 ETH</div>
83+
<div class="transaction-status success">Confirmed</div>
84+
</div>
85+
</div>
86+
87+
<div class="transaction-card">
88+
<div class="transaction-icon swap">
89+
<i class="fa-solid fa-arrows-rotate"></i>
90+
</div>
91+
<div class="transaction-info">
92+
<div class="transaction-type">Swapped SUI to POL</div>
93+
<div class="transaction-hash">Hash: 3PQ...j7R5</div>
94+
<div class="transaction-time">3 days ago</div>
95+
</div>
96+
<div class="transaction-details">
97+
<div class="transaction-amount">100 SUI → 125 POL</div>
98+
<div class="transaction-status success">Confirmed</div>
99+
</div>
100+
</div>
101+
102+
<div class="transaction-card">
103+
<div class="transaction-icon pending">
104+
<i class="fa-solid fa-clock"></i>
105+
</div>
106+
<div class="transaction-info">
107+
<div class="transaction-type">Sent ETH</div>
108+
<div class="transaction-hash">Hash: 9RS...k4L8</div>
109+
<div class="transaction-time">Just now</div>
110+
</div>
111+
<div class="transaction-details">
112+
<div class="transaction-amount negative">-0.5 ETH</div>
113+
<div class="transaction-status pending">Pending</div>
114+
</div>
115+
</div>
116+
</div>
117+
118+
<div class="footer">
119+
<a href="pedalsup.html" class="footer-btn">
120+
<i class="fa-solid fa-home"></i>
121+
</a>
122+
<a href="swap.html" class="footer-btn">
123+
<i class="fa-solid fa-arrows-rotate"></i>
124+
</a>
125+
<a href="history.html" class="footer-btn">
126+
<i class="fa-solid fa-clock-rotate-left"></i>
127+
</a>
128+
<a href="search.html" class="footer-btn">
129+
<i class="fa-solid fa-magnifying-glass"></i>
130+
</a>
131+
</div>
132+
133+
<script src="pedalsup.js"></script>
134+
</body>
135+
</html>

‎images/icon128.png

918 Bytes
Loading

‎images/icon16.png

188 Bytes
Loading

‎images/icon32.png

246 Bytes
Loading

‎images/icon48.png

327 Bytes
Loading

‎manifest.json

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
{
2+
"manifest_version": 3,
3+
"name": "VaultX - PedalsUp Utility",
4+
"version": "1.0",
5+
"description": "Universal wallet providing seamless connectivity for all your React applications.",
6+
"icons": {
7+
"16": "images/icon16.png",
8+
"32": "images/icon32.png",
9+
"48": "images/icon48.png",
10+
"128": "images/icon128.png"
11+
},
12+
"action": {
13+
"default_icon": {
14+
"16": "images/icon16.png",
15+
"32": "images/icon32.png",
16+
"48": "images/icon48.png",
17+
"128": "images/icon128.png"
18+
},
19+
"default_title": "VaultX",
20+
"default_popup": "pedalsup.html"
21+
},
22+
"permissions": ["storage"]
23+
}

‎pedalsup.html

Lines changed: 174 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="stylesheet" href="styles.css" />
7+
<link
8+
rel="stylesheet"
9+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
10+
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
11+
crossorigin="anonymous"
12+
referrerpolicy="no-referrer"
13+
/>
14+
<link rel="preconnect" href="https://fonts.googleapis.com" />
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
16+
<link
17+
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap"
18+
rel="stylesheet"
19+
/>
20+
<title>VaultX</title>
21+
</head>
22+
<body>
23+
<nav>
24+
<div class="navbar">
25+
<!--
26+
<div class="dropdown">
27+
<div class="networks dropbtn">
28+
Networks&nbsp;<i class="fa-solid fa-caret-down"></i>
29+
</div>
30+
<div class="dropdown-content">
31+
<a href="#">Network 1</a>
32+
<a href="#">Network 2</a>
33+
<a href="#">Network 3</a>
34+
</div>
35+
</div>-->
36+
37+
<div class="dropdown">
38+
<p class="dropbtn">
39+
Account 1&nbsp;<i class="fa-solid fa-caret-down"></i>
40+
</p>
41+
<div class="acc">
42+
<p class="gray" id="copyAccountId">
43+
AccountIDL0r3m...&nbsp;<i class="fa-solid fa-copy"></i>
44+
</p>
45+
</div>
46+
<div class="dropdown-content">
47+
<a href="#">Add Account</a>
48+
</div>
49+
</div>
50+
51+
<div class="dropdown">
52+
<div class="settings dropbtn">
53+
<i class="fa-solid fa-bars"></i>
54+
</div>
55+
<div class="dropdown-content">
56+
<a href="#"><button id="openInTab">Expand View</button></a>
57+
<a href="#">Account Details</a>
58+
<a href="#">Connected Sites</a>
59+
<a href="#">Support</a>
60+
<a href="#">Settings</a>
61+
</div>
62+
</div>
63+
</div>
64+
</nav>
65+
66+
<div class="balance">
67+
<p class="bal">$0.00 USD</p>
68+
</div>
69+
70+
<div class="action-buttons">
71+
<a class="action-btn" href="receive_search.html">
72+
<div class="icon-container">
73+
<i class="fa-solid fa-download"></i>
74+
</div>
75+
<span>RECEIVE</span>
76+
</a>
77+
78+
<a class="action-btn" href="send_search.html">
79+
<div class="icon-container">
80+
<i class="fa-solid fa-paper-plane"></i>
81+
</div>
82+
<span>SEND</span>
83+
</a>
84+
85+
<button class="action-btn">
86+
<div class="icon-container">
87+
<i class="fa-solid fa-repeat"></i>
88+
</div>
89+
<span>SWAP</span>
90+
</button>
91+
<button class="action-btn">
92+
<div class="icon-container">
93+
<i class="fa-solid fa-wallet"></i>
94+
</div>
95+
<span>BUY</span>
96+
</button>
97+
</div>
98+
99+
<div class="wallet-container">
100+
<div class="crypto-card">
101+
<div class="crypto-logo solana">
102+
<i class="fa-solid fa-circle-nodes"></i>
103+
</div>
104+
<div class="crypto-info">
105+
<div class="crypto-name">Solana</div>
106+
<div class="crypto-amount">0 SOL</div>
107+
</div>
108+
<div class="crypto-value">
109+
<div class="current-value">$0.00</div>
110+
<div class="value-change positive">+$0.00</div>
111+
</div>
112+
</div>
113+
114+
<div class="crypto-card">
115+
<div class="crypto-logo ethereum">
116+
<i class="fa-brands fa-ethereum"></i>
117+
</div>
118+
<div class="crypto-info">
119+
<div class="crypto-name">Ethereum</div>
120+
<div class="crypto-amount">0 ETH</div>
121+
</div>
122+
<div class="crypto-value">
123+
<div class="current-value">$0.00</div>
124+
<div class="value-change positive">+$0.00</div>
125+
</div>
126+
</div>
127+
128+
<div class="crypto-card">
129+
<div class="crypto-logo sui">
130+
<i class="fa-solid fa-droplet"></i>
131+
</div>
132+
<div class="crypto-info">
133+
<div class="crypto-name">Sui</div>
134+
<div class="crypto-amount">0 SUI</div>
135+
</div>
136+
<div class="crypto-value">
137+
<div class="current-value">$0.00</div>
138+
<div class="value-change positive">+$0.00</div>
139+
</div>
140+
</div>
141+
142+
<div class="crypto-card">
143+
<div class="crypto-logo polygon">
144+
<i class="fa-solid fa-infinity"></i>
145+
</div>
146+
<div class="crypto-info">
147+
<div class="crypto-name">Polygon</div>
148+
<div class="crypto-amount">0 POL</div>
149+
</div>
150+
<div class="crypto-value">
151+
<div class="current-value">$0.00</div>
152+
<div class="value-change positive">+$0.00</div>
153+
</div>
154+
</div>
155+
</div>
156+
157+
<div class="footer">
158+
<a href="pedalsup.html" class="footer-btn">
159+
<i class="fa-solid fa-home"></i>
160+
</a>
161+
<a href="swap.html" class="footer-btn">
162+
<i class="fa-solid fa-arrows-rotate"></i>
163+
</a>
164+
<a href="history.html" class="footer-btn">
165+
<i class="fa-solid fa-clock-rotate-left"></i>
166+
</a>
167+
<a href="search.html" class="footer-btn">
168+
<i class="fa-solid fa-magnifying-glass"></i>
169+
</a>
170+
</div>
171+
172+
<script src="pedalsup.js"></script>
173+
</body>
174+
</html>

0 commit comments

Comments
 (0)