Skip to content

Commit 480d94e

Browse files
Er3dalEr3dal
authored
Add files via upload
0 parents  commit 480d94e

4 files changed

Lines changed: 93 additions & 0 deletions

File tree

‎Spongebob_Squarepants/Spongebob_Squarepants_no_image.vcf‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
BEGIN:VCARD
2+
VERSION:3.0
3+
FN:Spongebob Squarepants
4+
N:Squarepants;Spongebob;;;
5+
ORG:KRUSTY KRAB
6+
TEL;TYPE=CELL:+123456789
7+
EMAIL:spongebob@krustykrab.com
8+
END:VCARD

‎Spongebob_Squarepants/Spongebob_Squarepants_with_image.vcf‎

Lines changed: 8 additions & 0 deletions
Large diffs are not rendered by default.

‎Spongebob_Squarepants/img.jpg‎

131 KB
Loading

‎Spongebob_Squarepants/profilo.html‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
<!DOCTYPE html>
2+
<html lang="it">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Spongebob Squarepants</title>
7+
<style>
8+
* { box-sizing: border-box; }
9+
body {
10+
font-family: Arial, sans-serif;
11+
background: #f4f4f4;
12+
text-align: center;
13+
padding: 40px;
14+
margin: 0;
15+
}
16+
.card {
17+
background: white;
18+
border-radius: 20px;
19+
padding: 30px;
20+
max-width: 400px;
21+
margin: auto;
22+
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
23+
}
24+
img {
25+
border-radius: 50%;
26+
width: 120px;
27+
height: 120px;
28+
object-fit: cover;
29+
margin-bottom: 20px;
30+
}
31+
h1 {
32+
margin: 10px 0 5px;
33+
}
34+
p {
35+
margin: 5px 0;
36+
color: #666;
37+
}
38+
a {
39+
color: #007BFF;
40+
text-decoration: none;
41+
}
42+
a.button {
43+
display: inline-block;
44+
margin-top: 20px;
45+
background: #007BFF;
46+
color: white;
47+
padding: 12px 20px;
48+
border-radius: 10px;
49+
text-decoration: none;
50+
font-weight: bold;
51+
}
52+
@media (max-width: 480px) {
53+
body { padding: 20px; }
54+
.card { padding: 20px; }
55+
img { width: 100px; height: 100px; }
56+
}
57+
</style>
58+
</head>
59+
<body>
60+
<div class="card">
61+
<img src="img.jpg" alt="Spongebob Squarepants">
62+
<h1>Spongebob Squarepants</h1>
63+
<p>cooker</p>
64+
<p>📞 <a href="tel:+123456789">+123456789</a></p>
65+
<p>✉️ <a href="mailto:spongebob@krustykrab.com">spongebob@krustykrab.com</a></p>
66+
<p>🌐 <a href="https://www.krustykrab.com" target="_blank">www.krustykrab.com</a></p>
67+
<a class="button" id="vcardLink" href="Spongebob_Squarepants_no_image.vcf" download>📇 Salva nei contatti</a>
68+
</div>
69+
70+
<script>
71+
// Check if the device is MacOS and update the vCard link accordingly
72+
if (navigator.platform.indexOf('Mac') !== -1) {
73+
document.getElementById('vcardLink').href = "Spongebob_Squarepants_with_image.vcf";
74+
}
75+
</script>
76+
</body>
77+
</html>

0 commit comments

Comments
 (0)