-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (130 loc) · 7.46 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
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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<!-- google webfont -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/vendor/open-iconic-bootstrap.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<!-- Add your site or application content here -->
<div class="app-frame"> <!-- use to set viewport frame width -->
<div class="container-fluid"> <!-- fill width with the container -->
<header>
<nav class="navbar navbar-expand-lg navbar-light">
<button id="menu-toggle-btn" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" onClick="showCollapseMenu()">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" id='navbar-brand' href="#">bCARD <img src="img/bLogo.png" style="height:30px;"/><!-- <span class="oi oi-puzzle-piece" title="puzzle piece" aria-hidden="true"></span> --></a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item label">
Bankless Credit Card
<br><small>Version 1.0</small>
</li>
<!-- <li class="nav-item active">
<a class="nav-link" href="#">
<img src="img/dashboard-menu.png" />
Dashboard <span class="sr-only">(current)</span></a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="#"><span class="oi oi-cog"></span> Settings</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#"><span class="oi oi-bell"></span> Notifications</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="#"><span class="oi oi-basket"></span> Saved Addresses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><span class="oi oi-aperture"></span> About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><span class="oi oi-bolt"></span> Help</a>
</li>
<li class="nav-item label">
<small>Built with ❤️ in <br>BanklessDAO</small>
</li>
<!-- <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Transact
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Send</a>
<a class="dropdown-item" href="#">Recieve</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li> -->
<!-- <li class="nav-item">
<a class="nav-link" href="#">History</a>
</li> -->
</ul>
<!-- <form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form> -->
</div>
</nav>
</header>
<div class="row">
<div class="col" id="contentArea"> <!-- single column -->
<center><img src="https://tranmer.ca/img/tws-logo.png" align="bottom" style="max-width:250px;"> </center>
<p>... Loading ...</p>
<hr>
<div id="like_button_container"></div>
<p>The above Like Button is a React component</p>
</div> <!-- end row -->
</div> <!-- end col -->
<!-- Navigation bars here -->
<footer class="fixed-bottom">
<ul class="main-nav">
<li><img id="menuHome" src='img/Home.png' alt="Home" onclick="menuHome()" /><p>Home</p></li>
<li><img id="menuWallet" src='img/Wallet.png' alt="Wallet" onclick="menuWallet()" /><p>Wallet</p></li>
<li><img id="menuTransact" src='img/Transact.png' alt="Transact" onclick="menuTransact()" /><p>Transact</p></li>
<li><img id="menuHistory" src='img/History.png' alt="History" onclick="menuHistory()" /><p>History</p></li>
</ul>
</footer>
</div>
</div>
<!-- Load React. -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
<!-- this for JSX formatting UI -->
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> -->
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<!-- Load our React component. -->
<script src="like_button.js"></script>
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>
</body>
</html>