From 136ee790981717507a4f472846f5deca45e4ad10 Mon Sep 17 00:00:00 2001
From: GuilhermeStrice <15857393+GuilhermeStrice@users.noreply.github.com>
Date: Thu, 26 Jun 2025 02:32:02 +0100
Subject: [PATCH] Initial commit
---
index.html | 17 +++++++++++++++++
script.js | 14 ++++++++++++++
style.css | 23 +++++++++++++++++++++++
3 files changed, 54 insertions(+)
create mode 100644 index.html
create mode 100644 script.js
create mode 100644 style.css
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 */
+}