Skip to content

Commit f8fce2e

Browse files
lothartjlothartj
committed
first commit
0 parents  commit f8fce2e

File tree

3 files changed

+910
-0
lines changed

3 files changed

+910
-0
lines changed

‎index.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
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+
<title>Online CSV Editor and Viewer</title>
7+
<link rel="stylesheet" href="styles.css">
8+
<script src="https://unpkg.com/papaparse@5.4.1/papaparse.min.js"></script>
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
10+
</head>
11+
<body>
12+
<div class="container">
13+
<div class="upload-area" id="dropZone">
14+
<div class="social-links">
15+
<a href="https://github.com/lothartj" target="_blank" class="social-link">
16+
<i class="fab fa-github"></i>
17+
</a>
18+
<a href="https://www.linkedin.com/in/lothar-tjipueja-a19697276" target="_blank" class="social-link">
19+
<i class="fab fa-linkedin"></i>
20+
</a>
21+
<a href="https://lotharsportfolio.onrender.com/" target="_blank" class="social-link">
22+
<i class="fas fa-globe"></i>
23+
</a>
24+
</div>
25+
<div class="upload-content">
26+
<i class="fas fa-file-csv"></i>
27+
<h2>Drop your CSV file here</h2>
28+
<p>or</p>
29+
<label class="upload-button" for="fileInput">
30+
Choose File
31+
<input type="file" id="fileInput" accept=".csv,.xlsx,.xls" hidden>
32+
</label>
33+
</div>
34+
</div>
35+
36+
<div class="table-container" id="tableContainer" style="display: none;">
37+
<div class="excel-toolbar">
38+
<div class="toolbar-left">
39+
<button class="toolbar-button" id="deleteRowBtn">
40+
<i class="fas fa-minus"></i> Delete Row
41+
</button>
42+
<button class="toolbar-button" id="deleteColumnBtn">
43+
<i class="fas fa-minus"></i> Delete Column
44+
</button>
45+
<div class="toolbar-separator"></div>
46+
<button class="toolbar-button" id="newFileBtn">
47+
<i class="fas fa-file"></i> New
48+
</button>
49+
<button class="toolbar-button" id="downloadBtn">
50+
<i class="fas fa-download"></i> Download
51+
</button>
52+
</div>
53+
<div class="toolbar-right">
54+
<a href="https://github.com/lothartj" target="_blank" class="social-link">
55+
<i class="fab fa-github"></i>
56+
</a>
57+
<a href="https://www.linkedin.com/in/lothar-tjipueja-a19697276" target="_blank" class="social-link">
58+
<i class="fab fa-linkedin"></i>
59+
</a>
60+
<a href="https://lotharsportfolio.onrender.com/" target="_blank" class="social-link">
61+
<i class="fas fa-globe"></i>
62+
</a>
63+
</div>
64+
</div>
65+
<div class="table-wrapper">
66+
<table id="csvTable"></table>
67+
</div>
68+
</div>
69+
</div>
70+
<script src="script.js"></script>
71+
</body>
72+
</html>

0 commit comments

Comments
 (0)