From 23881cd83b864bf740980655b9b86ad425163fa2 Mon Sep 17 00:00:00 2001
From: Lisoveliy <1986developer@gmail.com>
Date: Sat, 17 May 2025 14:16:07 +0300
Subject: [PATCH] feat: added development notify

---
 front-end/src/assets/main.scss          |  1 +
 front-end/src/components/HomeHeader.vue |  6 +++---
 front-end/src/views/HomeView.vue        | 14 ++++++++++++++
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/front-end/src/assets/main.scss b/front-end/src/assets/main.scss
index 07e32fb..070f744 100644
--- a/front-end/src/assets/main.scss
+++ b/front-end/src/assets/main.scss
@@ -17,6 +17,7 @@ html, body, #app, .app {
 * {
     font-family: 'Fira Code', monospace;
     box-sizing: border-box;
+    color: #fff;
 }
 
 a{
diff --git a/front-end/src/components/HomeHeader.vue b/front-end/src/components/HomeHeader.vue
index fbb3c43..cdde798 100644
--- a/front-end/src/components/HomeHeader.vue
+++ b/front-end/src/components/HomeHeader.vue
@@ -3,9 +3,9 @@
 
 <template>
         <div class="home-header">
-                <a href="#">Главная</a>
-                <a href="#">Обо мне</a>
-                <a href="#">Контакты</a>
+                <a href="/">Главная</a>
+                <a href="https://git.lisoveliy.su/Lisoveliy">Git</a>
+                <a href="https://t.me/lisoveliy">Telegram</a>
         </div>
 </template>
 
diff --git a/front-end/src/views/HomeView.vue b/front-end/src/views/HomeView.vue
index 1527d51..25a9660 100644
--- a/front-end/src/views/HomeView.vue
+++ b/front-end/src/views/HomeView.vue
@@ -10,6 +10,9 @@ import HomeHeader from '../components/HomeHeader.vue'
                 <TypewriterText text="lisoveliy.su" :speed="75" :delay="300" :fontSize="'2.5rem'" />
                 <HomeHeader />
             </div>
+            <div class="maintenance-notify">
+                <span>Сайт в разработке</span>
+            </div>
         </div>
     </div>
 </template>
@@ -19,6 +22,17 @@ body {
     animation: body-spectrum 4s 2.5s infinite;
 }
 
+.maintenance-notify{
+    position: absolute;
+    border: dashed 1px;
+    border-width: 3px;
+    right: 0;
+    bottom: 0;
+    padding: 20px;
+    background-color: #000000;
+    max-width: 600px;
+}
+
 @keyframes body-spectrum {
     0% {
         background-color: #b25116;