commit 136ee790981717507a4f472846f5deca45e4ad10
Author: GuilhermeStrice <15857393+GuilhermeStrice@users.noreply.github.com>
Date: Thu Jun 26 02:32:02 2025 +0100
Initial commit
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..86ad942
--- /dev/null
+++ b/index.html
@@ -0,0 +1,17 @@
+!DOCTYPE html>
+
+
+
+
+ VCard Viewer
+
+
+
+ VCard Viewer
+
+
+
+
+
+
+
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..b49df3a
--- /dev/null
+++ b/script.js
@@ -0,0 +1,14 @@
+document.getElementById('vcardFile').addEventListener('change', function(event) {
+ const file = event.target.files[0];
+ if (file) {
+ const reader = new FileReader();
+ reader.onload = function(e) {
+ const content = e.target.result;
+ const vcardContentDiv = document.getElementById('vcardContent');
+ // For now, just display the raw content.
+ // We can implement more sophisticated parsing later.
+ vcardContentDiv.textContent = content;
+ };
+ reader.readAsText(file);
+ }
+});
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..3580336
--- /dev/null
+++ b/style.css
@@ -0,0 +1,23 @@
+body {
+ font-family: sans-serif;
+ margin: 20px;
+ background-color: #f4f4f4;
+ color: #333;
+}
+
+h1 {
+ color: #333;
+}
+
+input[type="file"] {
+ margin-bottom: 20px;
+}
+
+#vcardContent {
+ background-color: #fff;
+ border: 1px solid #ddd;
+ padding: 15px;
+ min-height: 100px;
+ white-space: pre-wrap; /* Preserve line breaks and spaces */
+ word-wrap: break-word; /* Break long lines */
+}