lbp/index.htm at master · bothness/lbp · GitHub

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
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no">
<meta property="og:title" content="Lebanese Lira Converter" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://bothness.github.io/lbp/" />
<meta property="og:image" content="https://bothness.github.io/lbp/img/og.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:description" content="A currency conversion app based on the unofficial/parallel market rate for Lebanese Lira (LBP)" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="description" content="A currency conversion app based on the unofficial/parallel market rate for Lebanese Lira (LBP)">
<title>Lebanese Lira Converter</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha256-L/W5Wfqfa0sdBNIKN9cG6QA5F2qx4qICmU2VgLruv9Y=" crossorigin="anonymous" />
<style>
.linkdiv { cursor: pointer; }
</style>
</head>
<body class="d-flex flex-column h-100">

<main role="main" class="flex-shrink-0">
<div class="container">
<div class="row pb-4 pt-2">
<div class="col-lg-6 pt-2">
<h2 class="font-weight-bold">Lebanese Lira Converter</h2>

<div>This app is based on the unofficial/parallel market rate for Lebanese Lira (LBP) currency exchange. It uses "black market" LBP/USD exchange rates reported by <a href="http://lebaneselira.org/" target="_blank" class="text-info">LebaneseLira.org</a>, and foreign exchange rates from <a href="https://support.google.com/docs/answer/3093281?hl=en" target="_blank" class="text-info">Google Finance API</a>.</div>

</div>
<div class="col-lg-6 pt-4">
<div class="row pl-2 pr-2">
<div class="col-2 text-center p-0 linkdiv" onclick="select('USD')"><img src="img/USD.png"><br>USD<br><span class="h5" id="USD"></span><br><small class="text-muted" id="USDo"></small></div>
<div class="col-2 text-center p-0 linkdiv" onclick="select('EUR')"><img src="img/EUR.png"><br>EUR<br><span class="h5" id="EUR"></span><br><small class="text-muted" id="EURo"></small></div>
<div class="col-2 text-center p-0 linkdiv" onclick="select('GBP')"><img src="img/GBP.png"><br>GBP<br><span class="h5" id="GBP"></span><br><small class="text-muted" id="GBPo"></small></div>
<div class="col-2 text-center p-0 linkdiv" onclick="select('TRY')"><img src="img/TRY.png"><br>TRY<br><span class="h5" id="TRY"></span><br><small class="text-muted" id="TRYo"></small></div>
<div class="col-2 text-center p-0 linkdiv" onclick="select('AED')"><img src="img/AED.png"><br>AED<br><span class="h5" id="AED"></span><br><small class="text-muted" id="AEDo"></small></div>
<div class="col-2 text-center p-0 linkdiv" onclick="select('CAD')"><img src="img/CAD.png"><br>CAD<br><span class="h5" id="CAD"></span><br><small class="text-muted" id="CADo"></small></div>
</div>
</div>
</div>

<div class="row mb-4">

<div class="card col-lg-6 bg-light">
<div class="card-body">

<p>1 <span id="fcname">US Dollar</span> =<br>
<span class="h4"><span id="fcrate"></span> Lebanese Lira</span><br>
<small class="text-muted">(<span id="fcrateo"></span> official rate)</small></p>

<form name="converter">
<div class="form-group row">
<div class="col-6 pr-2">
<input type="text" id="fc" value="1.00" class="form-control">
</div>
<div class="col-6 pl-2">
<select id="dropdown" class="form-control">
   <option value="AUD">Australian Dollar</option>
   <option value="BHD">Bahrain Dinar</option>
   <option value="BRL">Brazilian Real</option>
   <option value="CAD">Canadian Dollar</option>
   <option value="CLP">Chilean Peso</option>
   <option value="CNY">Chinese Yuan</option>
   <option value="COP">Colombian Peso</option>
   <option value="CZK">Czech Koruna</option>
   <option value="EGP">Egyptian Pound</option>
   <option value="EUR">Euro</option>
   <option value="HKD">Hong Kong Dollar</option>
   <option value="HUF">Hungarian Forint</option>
   <option value="INR">Indian Rupee</option>
   <option value="IDR">Indonesian Rupiah</option>
   <option value="JPY">Japanese Yen</option>
   <option value="JOD">Jordanian Dinar</option>
   <option value="MYR">Malaysian Ringgit</option>
   <option value="MXN">Mexican Peso</option>
   <option value="MAD">Moroccan Dirham</option>
   <option value="NZD">New Zealand Dollar</option>
   <option value="NOK">Norwegian Krone</option>
   <option value="OMR">Omani Rial</option>
   <option value="PHP">Philipine Peso</option>
   <option value="PLN">Polish Zloty</option>
   <option value="QAR">Qatari Riyal</option>
   <option value="RON">Romanian Leu</option>
   <option value="RUB">Russian Ruble</option>
   <option value="SAR">Saudi Real</option>
   <option value="SGD">Singapore Dollar</option>
   <option value="ZAR">South African Rand</option>
   <option value="KRW">South Korean Won</option>
   <option value="SEK">Swedish Kroner</option>
   <option value="CHF">Swiss Franc</option>
   <option value="TWD">Taiwan Dollar</option>
   <option value="THB">Thai Baht</option>
   <option value="TND">Tunisian Dinar</option>
   <option value="TRY">Turkish Lira</option>
   <option value="AED">UAE Dirham</option>
   <option value="GBP">UK Pound Sterling</option>
   <option value="USD" selected="selected">US Dollar</option>
</select>
</div>
</div>


<div class="form-group row">
<div class="col-6 pr-2">
<input type="text" id="lbp" value="" class="form-control">
<small class="text-muted">(<span id="lbpo"></span> at official rate)</small>
</div>
<label for="lbp" class="col-6 pl-2 col-form-label">Lebanese Lira</label>
</div>
</form>

<small class="text-muted">Based on rates from LebaneseLira.org (last update <span id="lltime"></span> on <span id="lldate"></span>) and Google (last update <span id="gotime"></span> on <span id="godate"></span>). The data is provided 'as is' and solely for informational purposes, not for trading or advice.</small>

</div>
</div>

<div id="myDiv" class="col-lg-6">
<div id="loader" class="d-flex justify-content-center">
<div class="spinner-grow text-dark" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
</div>

</div>
</div>
</main>

<footer class="footer mt-auto py-2 bg-secondary">
<div class="container">
<small class="text-light mb-2"><nobr>Coded by <a href="https://twitter.com/bothness" target="_blank" class="text-info">Ahmad Barclay</a>.</nobr> <nobr>No rights reserved (Unlicense).</nobr> <nobr><a href="https://github.com/bothness/lbp" target="_blank" class="text-info">Get the code</a>.</nobr></small>
</div>
</footer>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/1.0.8/jquery.csv.min.js" integrity="sha256-zGo0JbZ5Sn6wU76MyVL0TrUZUq5GLXaFnMQCe/hSwVI=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/plotly.js/1.51.1/plotly-finance.min.js" integrity="sha256-NBYAjkVn0EEVVQln0VRYaMEWm/pTd6XCqtac0NbvDMc=" crossorigin="anonymous"></script>
<script src="js/app.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-156277660-1"></script>
<script>
// Google analytics
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-156277660-1');
</script>
</body>
</html>