modified: valitovgaziz/html/index.html

new file: valitovgaziz/html/saveContStyle.css new file: valitovgaziz/html/scripts.js modified: valitovgaziz/html/style.css Add button for save valitovgaziz's contacts by download vCard file
2025-07-13 05:44:14 +05:00
parent 9bf1439825
commit 92faef15f9
4 changed files with 47 additions and 0 deletions
@@ -4,6 +4,7 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
+    <script src="scripts.js"></script>
    <title>Валитов Газиз - Fullstack разработчик</title>
  </head>
  <body>
@@ -18,6 +19,7 @@
        >
        <span id="city">Уфа, Россия</span>
      </div>
+      <button id="saveContactBtn" onclick="saveContact()">Скачать контакты</button>
    </header>

    <div class="section">
@@ -0,0 +1,14 @@
+#saveContactBtn {
+  padding: 10px 20px;
+  background: white;
+  color: #2541b2;
+  border: 2px solid #2541b2;
+  border-radius: 6px;
+  font-size: 15px;
+  transition: all 0.2s;
+}
+
+#saveContactBtn:hover {
+  background: #2541b2;
+  color: white;
+}
@@ -0,0 +1,29 @@
+function saveContact() {
+    // Создаем содержимое vCard (VCF)
+    const vCardData = `BEGIN:VCARD
+VERSION:3.0
+FN:Валитов Газиз Камилевич
+mob:89279238823
+tel:89044513441
+TEL:89625439243
+email:valitovgaziz@gmail.com
+EMAIL:valitovgaziz@yandex.ru
+URL:https://valitovgaziz.ru
+NOTE:Telegram: @valitovgaziz
+END:VCARD`;
+
+    // Создаем Blob (бинарный объект) с данными vCard
+    const blob = new Blob([vCardData], { type: 'text/vcard' });
+
+    // Создаем URL для скачивания
+    const url = URL.createObjectURL(blob);
+
+    // Создаем временную ссылку для скачивания
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = 'valitovgaziz.vcf'; // Имя файла
+    link.click();
+
+    // Освобождаем память
+    URL.revokeObjectURL(url);
+}
@@ -1,3 +1,5 @@
+@import url("saveContStyle.css");
+
 :root {
  --primary: #2c3e50;
  --secondary: #3498db;