valitovgaziz/tp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: valitovgaziz/html/index.html

Browse Source 
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
This commit is contained in:
Газиз Валитов
2025-07-13 05:44:14 +05:00
parent 9bf1439825
commit 92faef15f9
4 changed files with 47 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
valitovgaziz/html/index.html
+2
View File
@@ -4,6 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<script src="scripts.js"></script>
<title>Валитов Газиз - Fullstack разработчик</title> <title>Валитов Газиз - Fullstack разработчик</title>
</head> </head>
<body> <body>
@@ -18,6 +19,7 @@
> >
<span id="city">Уфа, Россия</span> <span id="city">Уфа, Россия</span>
</div> </div>
<button id="saveContactBtn" onclick="saveContact()">Скачать контакты</button>
</header> </header>
<div class="section"> <div class="section">
valitovgaziz/html/saveContStyle.css
+14
View File
@@ -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;
}
valitovgaziz/html/scripts.js
+29
View File
@@ -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);
}
valitovgaziz/html/style.css
+2
View File
@@ -1,3 +1,5 @@
@import url("saveContStyle.css");
:root { :root {
--primary: #2c3e50; --primary: #2c3e50;
--secondary: #3498db; --secondary: #3498db;