-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (114 loc) · 6.65 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
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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<title>PROlab Agency - Сайт находится на техническом обслуживании</title>
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, minimum-scale=1" />
<!-- Мета-теги для SEO -->
<meta name="description" content="PROlab Agency - Разработка веб-сайтов, мобильных приложений, курсы программирования, IT-услуги в Оше и Бишкеке. Сайт находится на техническом обслуживании." />
<meta name="keywords" content="PROlab Agency, разработка сайтов, мобильные приложения, IT-курсы, программирование Ош, PROlab Academy" />
<!-- Open Graph для соцсетей -->
<meta property="og:site_name" content="PROlab Agency" />
<meta property="og:title" content="Сайт находится на техническом обслуживании" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://prolabagency.com" />
<meta property="og:description" content="Сайт будет доступен в ближайшее время. Спасибо за ваше терпение!" />
<meta property="og:image" content="https://prolabagency.com/images/logo.png" />
<!-- Hreflang для разных языков -->
<link rel="alternate" href="https://prolabagency.com" hreflang="ru" />
<link rel="alternate" href="https://prolabagency.com/en" hreflang="en" />
<link rel="alternate" href="https://prolabagency.com/kg" hreflang="kg" />
<!-- Стили -->
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="./fonts.css" />
<link rel="stylesheet" href="./my.css" />
<script>
// Определение языка браузера и установка текста в зависимости от языка
const messages = {
ru: {
lang: "ru",
title: "PROlab Agency",
heading: "Сайт находится на техническом обслуживании",
keywords: "PROlab Agency, разработка сайтов, мобильные приложения, IT-курсы, программирование Ош, PROlab Academy",
description: "Сайт будет доступен в ближайшее время. Спасибо за ваше терпение!",
linkText: "Перейти на prolabagency.com",
},
en: {
lang: "en",
title: "PROlab Agency",
heading: "Maintenance Mode Active",
keywords: "PROlab Agency, web development, mobile apps, IT courses, programming Osh, PROlab Academy",
description: "The site will be available soon. Thank you for your patience!",
linkText: "Visit prolabagency.com",
},
kg: {
lang: "kg",
title: "PROlab Agency",
heading: "Техникалык тейлөө режими активдүү",
keywords: "PROlab Agency, сайт иштеп чыгуу, мобилдик тиркемелер, IT-курстар, программалоо Ош, PROlab Academy",
description: "Сайт жакында жеткиликтүү болот. Сиздин чыдамкайлыгыңыз үчүн рахмат!",
linkText: "prolabagency.com сайтына өтүңүз",
},
};
function setLanguage() {
const userLang = navigator.language || navigator.userLanguage;
const lang = userLang.includes('kg') ? 'kg' : userLang.includes('ru') ? 'ru' : 'en';
// Устанавливаем язык страницы
document.documentElement.lang = messages[lang].lang;
// Динамическое изменение мета-тегов и title
document.title = messages[lang].title;
document.querySelector('meta[name="description"]').setAttribute("content", messages[lang].description);
document.querySelector('meta[name="keywords"]').setAttribute("content", messages[lang].keywords);
document.querySelector('meta[property="og:description"]').setAttribute("content", messages[lang].description);
// Обновление контента
document.getElementById('site-title').textContent = messages[lang].title;
document.getElementById('heading').textContent = messages[lang].heading;
document.getElementById('description').textContent = messages[lang].description;
document.getElementById('prolab-link').textContent = messages[lang].linkText;
// Получаем текущий домен и добавляем его в качестве параметра к ссылке
const currentDomain = window.location.hostname;
const prolabLink = document.getElementById('prolab-link');
prolabLink.href = `https://prolabagency.com?referrer=${currentDomain}`;
}
window.onload = setLanguage;
</script>
</head>
<body class="maintenance">
<div class="main-container">
<div id="wrapper" style="visibility: visible">
<div class="center logotype">
<header>
<div class="logo-box istext" rel="home">
<h1 class="site-title" id="site-title">PROlab Agency</h1>
</div>
</header>
</div>
<div id="content" class="site-content">
<div class="center">
<h2 class="heading font-center" id="heading" style="font-weight: 300; font-style: normal">
Сайт будет доступен в ближайшее время. Спасибо за ваше терпение!
</h2>
<div class="description" style="font-weight: 300; font-style: normal">
<p id="description">Сайт будет доступен в ближайшее время. Спасибо за ваше терпение!</p>
<p>
<a href="https://prolabagency.com" id="prolab-link" style="font-weight: 500;">
Перейти на prolabagency.com
</a>
</p>
</div>
</div>
</div>
</div>
<footer>
<div class="center">
<div style="font-weight: 300; font-style: normal" id="copyright">
© PROlab <script>document.write(new Date().getFullYear())</script>
</div>
</div>
</footer>
<picture class="bg-img">
<img src="./background.jpeg" alt="background image" />
</picture>
</div>
</body>
</html>