-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (82 loc) · 4.56 KB
/
index.html
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
<!-- Root index.html (Redirects users based on browser language) -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Redirecting to Khalil Charfi's Multilingual Portfolio</title>
<!-- Favicon Links -->
<link rel="apple-touch-icon" sizes="180x180" href="/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicons/favicon-16x16.png">
<link rel="manifest" href="/img/favicons/site.webmanifest">
<link rel="mask-icon" href="/img/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/img/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- SEO Meta Tags -->
<meta name="description" content="Khalil Charfi's multilingual portfolio showcasing expertise in Vue.js, Angular, Laravel, and full-stack development. Redirecting to your preferred language version.">
<meta name="keywords" content="Software Engineer, Full-Stack Developer, Vue.js, Angular, Laravel, PHP, JavaScript, Multilingual Portfolio">
<meta name="author" content="Khalil Charfi">
<meta name="robots" content="index, follow">
<!-- Open Graph Tags (for social media sharing) -->
<meta property="og:title" content="Khalil Charfi - Multilingual Full-Stack Developer">
<meta property="og:description" content="Redirecting to Khalil Charfi's multilingual portfolio showcasing expertise in Vue.js, Angular, Laravel, and full-stack development.">
<meta property="og:image" content="https://khalilcharfi.github.io/img/og-image.jpg">
<meta property="og:url" content="https://khalilcharfi.github.io/">
<meta property="og:type" content="website">
<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@khalilcharfi8">
<meta name="twitter:title" content="Khalil Charfi - Multilingual Full-Stack Developer">
<meta name="twitter:description" content="Redirecting to Khalil Charfi's multilingual portfolio showcasing expertise in Vue.js, Angular, Laravel, and full-stack development.">
<meta name="twitter:image" content="https://khalilcharfi.github.io/img/og-image.jpg">
<!-- Canonical URL -->
<link rel="canonical" href="https://khalilcharfi.github.io/">
<!-- Hreflang Tags (for multilingual SEO) -->
<link rel="alternate" hreflang="en" href="https://khalilcharfi.github.io/en/" />
<link rel="alternate" hreflang="fr" href="https://khalilcharfi.github.io/fr/" />
<link rel="alternate" hreflang="ar" href="https://khalilcharfi.github.io/ar/" />
<link rel="alternate" hreflang="de" href="https://khalilcharfi.github.io/de/" />
<!-- Schema Markup -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Khalil Charfi - Multilingual Full-Stack Developer",
"url": "https://khalilcharfi.github.io/",
"potentialAction": {
"@type": "SearchAction",
"target": "https://khalilcharfi.github.io/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"inLanguage": ["en", "fr", "ar", "de"],
"description": "Redirecting to Khalil Charfi's multilingual portfolio showcasing expertise in Vue.js, Angular, Laravel, and full-stack development."
}
</script>
<!-- Redirection Script -->
<script>
// Redirect based on browser language
const lang = navigator.language || navigator.userLanguage || 'en';
let redirectUrl = '/en/';
if (lang.startsWith('fr')) redirectUrl = '/fr/';
else if (lang.startsWith('ar')) redirectUrl = '/ar/';
else if (lang.startsWith('de')) redirectUrl = '/de/';
window.location.href = redirectUrl;
</script>
</head>
<body>
<div style="text-align: center; margin-top: 50px;">
<h1>Redirecting...</h1>
<p>If you are not redirected automatically, please select your preferred language:</p>
<!-- Fallback Language Links -->
<ul style="list-style: none; padding: 0;">
<li><a href="/en/">English</a></li>
<li><a href="/fr/">Français</a></li>
<li><a href="/ar/">العربية</a></li>
<li><a href="/de/">Deutsch</a></li>
</ul>
</div>
</body>
</html>