Spaces:
Running
Running
Upload index.html
Browse files- index.html +16 -120
index.html
CHANGED
|
@@ -838,109 +838,10 @@
|
|
| 838 |
<body>
|
| 839 |
<div class="currency-badge">50+ Currencies Supported</div>
|
| 840 |
|
| 841 |
-
|
| 842 |
-
<div class="container" id="auth">
|
| 843 |
-
<!-- Hero Welcome Section -->
|
| 844 |
-
<div class="hero">
|
| 845 |
-
<h1>π¦ TrustNet Bank</h1>
|
| 846 |
-
<p>Multi-Currency Banking with 50+ Currencies</p>
|
| 847 |
-
</div>
|
| 848 |
-
|
| 849 |
-
<!-- Features Section -->
|
| 850 |
-
<div class="features-grid">
|
| 851 |
-
<div class="feature-card">
|
| 852 |
-
<div class="feature-icon">πΈ</div>
|
| 853 |
-
<h4>Global Transfers</h4>
|
| 854 |
-
<p>Send money in 50+ currencies</p>
|
| 855 |
-
</div>
|
| 856 |
-
<div class="feature-card">
|
| 857 |
-
<div class="feature-icon">π§Ύ</div>
|
| 858 |
-
<h4>Transaction Receipts</h4>
|
| 859 |
-
<p>Generate sharp transaction records</p>
|
| 860 |
-
</div>
|
| 861 |
-
<div class="feature-card">
|
| 862 |
-
<div class="feature-icon">π§</div>
|
| 863 |
-
<h4>Email Alerts</h4>
|
| 864 |
-
<p>Real-time notifications</p>
|
| 865 |
-
</div>
|
| 866 |
-
<div class="feature-card">
|
| 867 |
-
<div class="feature-icon">π</div>
|
| 868 |
-
<h4>Korean Won & More</h4>
|
| 869 |
-
<p>Supports KRW and 50+ currencies</p>
|
| 870 |
-
</div>
|
| 871 |
-
</div>
|
| 872 |
-
|
| 873 |
-
<!-- Visual Elements -->
|
| 874 |
-
<div class="visual-section">
|
| 875 |
-
<div class="visual-element">
|
| 876 |
-
<div class="visual-icon">πΊπΈ</div>
|
| 877 |
-
<small>USD Support</small>
|
| 878 |
-
</div>
|
| 879 |
-
<div class="visual-element">
|
| 880 |
-
<div class="visual-icon">π°π·</div>
|
| 881 |
-
<small>KRW Support</small>
|
| 882 |
-
</div>
|
| 883 |
-
<div class="visual-element">
|
| 884 |
-
<div class="visual-icon">πͺπΊ</div>
|
| 885 |
-
<small>EUR Support</small>
|
| 886 |
-
</div>
|
| 887 |
-
</div>
|
| 888 |
-
|
| 889 |
-
<!-- Financial Tools Section -->
|
| 890 |
-
<div class="tools-section">
|
| 891 |
-
<h3>Financial Tools</h3>
|
| 892 |
-
<div class="tools-grid">
|
| 893 |
-
<div class="tool-card">
|
| 894 |
-
<div class="tool-icon">π</div>
|
| 895 |
-
<h4>Currency Converter</h4>
|
| 896 |
-
<p>Convert between 50+ currencies</p>
|
| 897 |
-
</div>
|
| 898 |
-
<div class="tool-card">
|
| 899 |
-
<div class="tool-icon">π</div>
|
| 900 |
-
<h4>Budget Planner</h4>
|
| 901 |
-
<p>Plan your expenses</p>
|
| 902 |
-
</div>
|
| 903 |
-
<div class="tool-card">
|
| 904 |
-
<div class="tool-icon">πΉ</div>
|
| 905 |
-
<h4>Investment Simulator</h4>
|
| 906 |
-
<p>Simulate investment growth</p>
|
| 907 |
-
</div>
|
| 908 |
-
</div>
|
| 909 |
-
</div>
|
| 910 |
-
|
| 911 |
-
<!-- Call to Action -->
|
| 912 |
-
<div style="text-align: center; margin: 25px 0;">
|
| 913 |
-
<h3>Global Banking Experience</h3>
|
| 914 |
-
<p>Join thousands enjoying multi-currency banking</p>
|
| 915 |
-
|
| 916 |
-
<div style="background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%); padding: 20px; border-radius: 12px; margin: 20px 0; border: 1px solid rgba(10, 62, 128, 0.1);">
|
| 917 |
-
<p><strong>For any issues or feature requests:</strong></p>
|
| 918 |
-
<a href="https://wa.me/17062481811" style="background: linear-gradient(135deg, #25D366 0%, #128C7E 100%); color: white; padding: 12px 24px; border-radius: 25px; text-decoration: none; display: inline-block; margin-top: 12px; font-weight: 600; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3); transition: all 0.3s ease;">
|
| 919 |
-
π± Contact CBL on WhatsApp
|
| 920 |
-
</a>
|
| 921 |
-
</div>
|
| 922 |
-
</div>
|
| 923 |
-
|
| 924 |
-
<!-- Footer WhatsApp Group -->
|
| 925 |
-
<div class="footer-whatsapp-group">
|
| 926 |
-
<h3>π± Join Our Exclusive WhatsApp Group</h3>
|
| 927 |
-
<p>Get access to premium tools, updates, and financial insights</p>
|
| 928 |
-
<a href="https://chat.whatsapp.com/ER9UwcNHhFRCaUSZgvXJx9" class="footer-whatsapp-group-btn" target="_blank">
|
| 929 |
-
Join Group Now
|
| 930 |
-
</a>
|
| 931 |
-
</div>
|
| 932 |
-
|
| 933 |
-
<!-- Auth Content -->
|
| 934 |
-
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='%23e2e8f0'/%3E%3Ctext x='50' y='55' text-anchor='middle' font-size='20' fill='%23666'%3Eπ€%3C/text%3E%3C/svg%3E" id="profile-pic-display" class="hidden" alt="Profile Picture">
|
| 935 |
-
<div class="welcome-msg"><p>Register or Login to access your dashboard.</p></div>
|
| 936 |
-
<input type="text" id="username" placeholder="Username">
|
| 937 |
-
<input type="password" id="password" placeholder="Password">
|
| 938 |
-
<button onclick="register()">Register</button>
|
| 939 |
-
<button onclick="login()">Login</button>
|
| 940 |
-
</div>
|
| 941 |
|
| 942 |
<!-- Dashboard Section -->
|
| 943 |
-
<div class="container
|
| 944 |
<h2>Welcome, <span id="user-name"></span> π</h2>
|
| 945 |
<img id="dashboard-pic" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='%23e2e8f0'/%3E%3Ctext x='50' y='55' text-anchor='middle' font-size='20' fill='%23666'%3Eπ€%3C/text%3E%3C/svg%3E" alt="Profile Picture" style="border-radius: 50%; width: 100px; height: 100px; margin-bottom: 10px;">
|
| 946 |
|
|
@@ -966,7 +867,7 @@
|
|
| 966 |
<button onclick="showTransfer()">πΈ Transfer</button>
|
| 967 |
<button onclick="showHistory()">π History</button>
|
| 968 |
<button onclick="showSettings()">βοΈ Settings</button>
|
| 969 |
-
|
| 970 |
</div>
|
| 971 |
|
| 972 |
<!-- Transfer Section -->
|
|
@@ -1229,18 +1130,18 @@
|
|
| 1229 |
});
|
| 1230 |
}
|
| 1231 |
|
| 1232 |
-
|
| 1233 |
-
|
| 1234 |
-
|
| 1235 |
-
|
| 1236 |
-
|
| 1237 |
-
|
| 1238 |
-
|
| 1239 |
-
|
| 1240 |
-
|
| 1241 |
-
|
| 1242 |
-
|
| 1243 |
-
|
| 1244 |
|
| 1245 |
// Populate currencies on page load
|
| 1246 |
document.addEventListener('DOMContentLoaded', function() {
|
|
@@ -1400,12 +1301,7 @@
|
|
| 1400 |
if (file) reader.readAsDataURL(file);
|
| 1401 |
}
|
| 1402 |
|
| 1403 |
-
|
| 1404 |
-
localStorage.removeItem('user');
|
| 1405 |
-
localStorage.removeItem('password');
|
| 1406 |
-
localStorage.removeItem('profilePic');
|
| 1407 |
-
location.reload();
|
| 1408 |
-
}
|
| 1409 |
|
| 1410 |
function showTransfer() {
|
| 1411 |
document.getElementById('transfer').classList.remove('hidden');
|
|
|
|
| 838 |
<body>
|
| 839 |
<div class="currency-badge">50+ Currencies Supported</div>
|
| 840 |
|
| 841 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 842 |
|
| 843 |
<!-- Dashboard Section -->
|
| 844 |
+
<div class="container" id="dashboard">
|
| 845 |
<h2>Welcome, <span id="user-name"></span> π</h2>
|
| 846 |
<img id="dashboard-pic" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='%23e2e8f0'/%3E%3Ctext x='50' y='55' text-anchor='middle' font-size='20' fill='%23666'%3Eπ€%3C/text%3E%3C/svg%3E" alt="Profile Picture" style="border-radius: 50%; width: 100px; height: 100px; margin-bottom: 10px;">
|
| 847 |
|
|
|
|
| 867 |
<button onclick="showTransfer()">πΈ Transfer</button>
|
| 868 |
<button onclick="showHistory()">π History</button>
|
| 869 |
<button onclick="showSettings()">βοΈ Settings</button>
|
| 870 |
+
|
| 871 |
</div>
|
| 872 |
|
| 873 |
<!-- Transfer Section -->
|
|
|
|
| 1130 |
});
|
| 1131 |
}
|
| 1132 |
|
| 1133 |
+
// Initialize with default user data
|
| 1134 |
+
if (!localStorage.getItem('user')) {
|
| 1135 |
+
localStorage.setItem('user', 'User');
|
| 1136 |
+
localStorage.setItem('balance', '1000');
|
| 1137 |
+
localStorage.setItem('defaultCurrency', '$');
|
| 1138 |
+
}
|
| 1139 |
+
|
| 1140 |
+
// Always show dashboard
|
| 1141 |
+
document.getElementById('user-name').innerText = localStorage.getItem('user');
|
| 1142 |
+
updateBalanceDisplay();
|
| 1143 |
+
generateSpendingChart();
|
| 1144 |
+
populateCurrencies();
|
| 1145 |
|
| 1146 |
// Populate currencies on page load
|
| 1147 |
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
| 1301 |
if (file) reader.readAsDataURL(file);
|
| 1302 |
}
|
| 1303 |
|
| 1304 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1305 |
|
| 1306 |
function showTransfer() {
|
| 1307 |
document.getElementById('transfer').classList.remove('hidden');
|