diff --git a/main_dc/stubSite/index.html b/main_dc/stubSite/index.html index 3315a38..6ff0df3 100644 --- a/main_dc/stubSite/index.html +++ b/main_dc/stubSite/index.html @@ -1,36 +1,134 @@ - + - Технические работы - + Технические работы | ValitovGaziz + -
-

Идут технические работы

-

Сайт временно недоступен. Мы работаем над улучшением сервиса.

-

Попробуйте зайти позже.

-

С уважением, команда ValitovGaziz

-

telegram: @valitovgaziz

-

email: valitovgaziz@yandex.ru

+
+ + +
🔧
+ +

Идут плановые технические работы

+ +
+ Сайт временно недоступен. Мы работаем над улучшением сервиса и скоро вернемся! +
+ +
+ Примерное время восстановления: 60:00 +
+ +
+
Прогресс обновлений:
+
+
+
+
+ +
+

Что происходит сейчас?

+

Мы обновляем инфраструктуру, улучшаем производительность и добавляем новые функции для лучшего пользовательского опыта.

+
+ +
+

Мой главный проект: Yalarba.ru

+

Платформа для планирования путешествий нового поколения, которая меняет подход к путешествиям по Башкортостану.

+

Технологии: Nuxt.js 4, Vue3.js, Golang, PostgreSQL, Docker

+
+ +
+
Golang
+
Vue3.js
+
Nuxt.js
+
PostgreSQL
+
Docker
+
JavaScript
+
+ +
+
+

📱 Telegram

+

@valitovgaziz

+
+
+

📧 Email

+

valitovgaziz@yandex.ru

+
+
+

🌐 Сайт

+

valitovgaziz.ru

+
+
+ + + +
+

Ищем талантливых людей!

+

В данный момент формируем команду для развития проектов. Нужны программисты, дизайнеры и аналитики.

+ Присоединиться к команде +
+ +
+ + \ No newline at end of file diff --git a/main_dc/stubSite/style.css b/main_dc/stubSite/style.css new file mode 100644 index 0000000..ce8e878 --- /dev/null +++ b/main_dc/stubSite/style.css @@ -0,0 +1,292 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + color: #333; + min-height: 100vh; + display: flex; + justify-content: center; + align-items: center; + padding: 20px; + line-height: 1.6; +} + +.maintenance-container { + background: rgba(255, 255, 255, 0.95); + border-radius: 20px; + padding: 40px; + max-width: 800px; + width: 100%; + box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); + text-align: center; + position: relative; + overflow: hidden; +} + +.maintenance-container::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 5px; + background: linear-gradient(90deg, #667eea, #764ba2, #f093fb); +} + +.logo { + margin-bottom: 30px; +} + +.logo h1 { + color: #333; + font-size: 2.5em; + margin-bottom: 5px; + background: linear-gradient(90deg, #667eea, #764ba2); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-weight: 800; +} + +.logo .subtitle { + color: #666; + font-size: 1.2em; + font-weight: 300; +} + +.status-icon { + font-size: 80px; + margin: 20px 0; + color: #667eea; + animation: pulse 2s infinite; +} + +@keyframes pulse { + + 0%, + 100% { + transform: scale(1); + } + + 50% { + transform: scale(1.1); + } +} + +h2 { + color: #333; + margin-bottom: 20px; + font-size: 2em; +} + +.status-message { + background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); + color: white; + padding: 15px; + border-radius: 10px; + margin: 25px 0; + font-weight: 600; + font-size: 1.1em; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); +} + +.info-box { + background: #f8f9fa; + border-left: 4px solid #667eea; + padding: 20px; + margin: 25px 0; + text-align: left; + border-radius: 0 10px 10px 0; +} + +.info-box h3 { + color: #333; + margin-bottom: 10px; + display: flex; + align-items: center; + gap: 10px; +} + +.info-box h3::before { + content: "💡"; +} + +.project-highlight { + background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); + color: white; + padding: 20px; + border-radius: 15px; + margin: 25px 0; + text-align: left; +} + +.project-highlight h3 { + display: flex; + align-items: center; + gap: 10px; + margin-bottom: 15px; +} + +.project-highlight h3::before { + content: "🚀"; +} + +.contact-info { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 20px; + margin: 30px 0; + text-align: left; +} + +.contact-card { + background: white; + padding: 20px; + border-radius: 10px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); + transition: transform 0.3s; +} + +.contact-card:hover { + transform: translateY(-5px); +} + +.contact-card h4 { + color: #667eea; + margin-bottom: 10px; + display: flex; + align-items: center; + gap: 8px; +} + +.social-links { + display: flex; + justify-content: center; + gap: 20px; + margin: 30px 0; +} + +.social-link { + display: inline-flex; + align-items: center; + gap: 8px; + background: #667eea; + color: white; + padding: 12px 25px; + border-radius: 50px; + text-decoration: none; + font-weight: 600; + transition: all 0.3s; +} + +.social-link:hover { + background: #764ba2; + transform: translateY(-3px); +} + +.progress-container { + margin: 30px 0; +} + +.progress-bar { + height: 8px; + background: #e9ecef; + border-radius: 4px; + overflow: hidden; + margin-top: 10px; +} + +.progress { + height: 100%; + background: linear-gradient(90deg, #667eea, #764ba2); + width: 75%; + border-radius: 4px; + animation: loading 2s ease-in-out infinite; +} + +@keyframes loading { + + 0%, + 100% { + width: 70%; + } + + 50% { + width: 80%; + } +} + +.countdown { + font-size: 1.5em; + color: #333; + font-weight: 700; + margin: 20px 0; + font-family: monospace; +} + +.skills-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + gap: 15px; + margin: 25px 0; +} + +.skill-tag { + background: #f1f3ff; + color: #667eea; + padding: 10px 15px; + border-radius: 25px; + font-size: 0.9em; + font-weight: 600; + border: 2px solid #667eea; +} + +.footer-note { + margin-top: 40px; + padding-top: 20px; + border-top: 1px solid #eee; + color: #666; + font-size: 0.9em; +} + +.btn { + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + color: white; + border: none; + padding: 15px 35px; + border-radius: 50px; + font-size: 1em; + font-weight: 600; + cursor: pointer; + transition: all 0.3s; + margin: 10px; + display: inline-block; + text-decoration: none; +} + +.btn:hover { + transform: translateY(-3px); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); +} + +@media (max-width: 768px) { + .maintenance-container { + padding: 25px; + } + + .logo h1 { + font-size: 2em; + } + + .contact-info { + grid-template-columns: 1fr; + } + + .skills-grid { + grid-template-columns: repeat(2, 1fr); + } +} \ No newline at end of file