Basic/404.html at main · tc-card/Basic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="404 - Page Not Found">
    <link rel="icon" href="https://tccards.tn/Assets/150.png" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <title>404 - Page Not Found</title>
    <meta name="description" content="Create, manage, and share digital business cards using NFC technology.">
    <meta name="image" content="https://www.gstatic.com/identity/boq/accountsettingsmobile/contacts_card_scene_316x112_30b26c263ec7d6c2839b403059092259.png">
    <meta property="og:image" content="https://www.gstatic.com/identity/boq/accountsettingsmobile/contacts_card_scene_316x112_30b26c263ec7d6c2839b403059092259.png">
    <link rel="icon" href="https://tccards.tn/Assets/150.png" type="image/x-icon">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:title" content="Total Connect NFC - Profile">
    <meta property="og:description" content="Create, manage, and share digital business cards using NFC technology.">
    <meta property="og:url" content="https://tccards.tn/profile/">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Total Connect NFC">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Total Connect NFC - Profile">
    <meta name="twitter:description" content="Create, manage, and share digital business cards using NFC technology.">
    <meta name="twitter:image" content="https://www.gstatic.com/identity/boq/accountsettingsmobile/contacts_card_scene_316x112_30b26c263ec7d6c2839b403059092259.png">
    <meta name="twitter:site" content="@tccards_tn">
    <meta name="twitter:creator" content="@tccards_tn">
    <meta name="theme-color" content="#ffffff">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="viewport-fit" content="cover">
    <link rel="apple-touch-icon" sizes="180x180" href="https://tccards.tn/Assets/150.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://tccards.tn/Assets/150.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://tccards.tn/Assets/150.png">
    <link rel="manifest" href="https://tccards.tn/manifest.json">
    <link rel="mask-icon" href="https://tccards.tn/Assets/150.png" color="#5bbad5">
    <link rel="shortcut icon" href="https://tccards.tn/Assets/150.png">
    <meta name="apple-mobile-web-app-title" content="Total Connect NFC">
    <meta name="application-name" content="Total Connect NFC">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="msapplication-config" content="https://tccards.tn/browserconfig.xml">
    <meta name="msapplication-TileImage" content="https://tccards.tn/Assets/150.png">
    <meta name="msapplication-square70x70logo" content="https://tccards.tn/Assets/150.png">
    <meta name="msapplication-square150x150logo" content="https://tccards.tn/Assets/150.png">
    <meta name="msapplication-wide310x310logo" content="https://tccards.tn/Assets/150.png">
    <meta name="msapplication-square310x310logo" content="https://tccards.tn/Assets/150.png">
    <meta name="robots" content="index, follow">
    <meta name="googlebot" content="index, follow">
    <meta name="bingbot" content="index, follow">
    <meta name="revisit-after" content="7 days">
    <meta name="language" content="en-US">
    <meta name="author" content="Total Connect NFC">
    <meta name="copyright" content="Total Connect NFC">
    <meta name="rating" content="General">
    <meta name="distribution" content="Global">
    <meta name="format-detection" content="telephone=no, email=no, address=no">
    <meta name="HandheldFriendly" content="true">
    <meta name="mobileoptimized" content="width">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="Total Connect NFC">
    <meta name="viewport-fit" content="cover">
    <link rel="image_src" href="https://www.gstatic.com/identity/boq/accountsettingsmobile/contacts_card_scene_316x112_30b26c263ec7d6c2839b403059092259.png">
    <link rel="canonical" href="https://tccards.tn/profile/">
    <script>
        // Capture the 404 path and redirect
        const path = window.location.pathname;
        if (path.startsWith('/@')) {
            const username = path.substring(2);
            window.location.href = `/#${username}`;
        } else if (path.startsWith('/profile/')) {
            const username = path.substring(9); // Adjusted to capture the username correctly
            window.location.href = `/#${username}`;
        }
    </script>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            margin: 0;
            background-image: url('https://tccards.tn/Assets/bg.png');
            background-size: cover;
            background-color: black;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .error-container {
            padding: 2rem;
            background-color: #ffffff10;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            width: 400px;
            text-align: center;
        }
        h2 {
            color: rgb(226, 49, 49);
            font-size: 2rem;
            margin-bottom: 1rem;
        }
        p {
            color: #f0e2e2c4;
            margin-bottom: 1.5rem;
        }
        code {
            display: block;
            background-color: #f8f9fa;
            padding: 1rem;
            border-radius: 5px;
            color: #2c3e50;
            font-size: 0.9rem;
            margin: 1rem 0;
        }
        a {
            color: #3498db;
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
    </style>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>
<body>
    <div class="error-container">
        <h2>Invalid Profile Link</h2>
        <p>Ensure your NFC card contains<br> a properly formatted ID like:</p>
        <code>card.tccards.tn/@jack</code>
        <p>Please check your link and try again. <a id="info" href="#" title="if you acceded this page without a card please double check the link you are using"><i class="fas fa-info-circle"></i></a></p>
        <hr>
    </div>
    <script>
        document.getElementById('info').addEventListener('click', function() {
        Swal.fire({
            title: 'Attention!',
            iconColor: 'orange',
            html: `If you accessed this page without a card,<br> please double-check the link you are using.`,
            icon: 'info',
            imageUrl: 'https://tccards.tn/Assets/150.png',
            imageWidth: 100,
            background: '#000000',
            color: '#ffffff',
            confirmButtonText: 'Homepage',
            confirmButtonColor: '#3085d6',
        }).then((result) => {
            if (result.isConfirmed) {
                window.location.href = 'https://tccards.tn/';
            }
        });
        });
    </script>
</body>
</html>