diff --git a/site/index.html b/site/index.html
new file mode 100644
index 0000000..b257978
--- /dev/null
+++ b/site/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>PixelBoard</title>
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Nunito:wght@300&display=swap" rel="stylesheet">
+        <script>
+            setInterval(function() {
+                var image = document.getElementById('PBImage');
+                image.src = 'http://pb.gulyaipole.fun/' + new Date().getTime();
+            }, 2000);
+        </script>
+    </head>
+    <body bgcolor="#DAA06D"> <!--Old color - #1c5ca6-->
+        <button onclick="window.location.href='live_black.html';"  style='background-color:#7e4a12; border-radius: 1000px'>
+        <img src="https://cdn.icon-icons.com/icons2/1674/PNG/32/moon_111148.png">
+        </button>
+        <p align = "center"><b><font face="Montserrat" size='5' width="500">Пиксельная доска</font></b></p>
+        <p align = "center">
+        <img id="PBImage" src="https://pb.gulyaipole.fun" onclick="window.location.href='https://pb.gulyaipole.fun'" height=640 style="border: 8px solid #dbac83">
+        <br>
+        <button onclick="window.location.href='https://gitea.gulyaipole.fun/justuser/pxl_oboard';" style="background-color: #c5792d; border-radius: 1000px">
+        <font face="Montserrat" width="400">Репозиторий проекта</font>
+        </button>
+        <button onclick="window.location.href='https://docs.google.com/document/d/1hEccpHxwDQrpTW7RMmf3lqYtJIDh1Fwb';" style="background-color: #c5792d; border-radius: 1000px">
+        <font face="Montserrat" width="400">Как рисовать на доске?</font>
+        </button>
+        <button onclick="window.location.href='https://t.me/pxl_oboard';" style="background-color: #c5792d; border-radius: 1000px">
+        <font face="Montserrat" width="400">Telegram проекта</font>
+        </button>
+        <br><br>
+        <b><font face="Montserrat" width="300">Правила проекта:</font></b>
+        <font face="Nunito"><br>1. Уважать других - не перекрывать/закрашивать чужие рисунки<br>2. Рисунки не должны представлять из себя 18+ контент или пропаганду LGBT.<br>3. Рисунки не должны нарушать законы Российской Федерации.</font>
+    </body>
+</html>
\ No newline at end of file
diff --git a/site/live_black.html b/site/live_black.html
new file mode 100644
index 0000000..51ebe47
--- /dev/null
+++ b/site/live_black.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>PixelBoard</title>
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Nunito:wght@300&display=swap" rel="stylesheet">
+        <script>
+            setInterval(function() {
+                var image = document.getElementById('PBImage');
+                image.src = 'http://pb.gulyaipole.fun/' + new Date().getTime();
+            }, 2000);
+        </script>
+    </head>
+    <body bgcolor="#06111f">
+        <button onclick="window.location.href='index.html';"  style='background-color:#0484da; border-radius: 1000px'>
+        <img src="https://cdn.icon-icons.com/icons2/1325/PNG/32/fun4x_86984.png">
+        </button>
+        <p align = "center"><b><font face="Montserrat" size='5' width="500" color='white'>Пиксельная доска</font></b></p>
+        <p align = "center">
+        <img id="PBImage" src="https://pb.gulyaipole.fun" onclick="window.location.href='https://pb.gulyaipole.fun'" height=640 style="border: 8px solid #101655">
+        <br>
+        <button onclick="window.location.href='https://gitea.gulyaipole.fun/justuser/pxl_oboard';" style="background-color: #112f4d; border-radius: 1000px">
+        <font face="Montserrat" color='white' width="400">Репозиторий проекта</font>
+        </button>
+        <button onclick="window.location.href='https://docs.google.com/document/d/1hEccpHxwDQrpTW7RMmf3lqYtJIDh1Fwb';" style="background-color: #112f4d; border-radius: 1000px">
+        <font face="Montserrat" color='white' width="400">Как рисовать на доске?</font>
+        </button>
+        <button onclick="window.location.href='https://t.me/pxl_oboard';" style="background-color: #112f4d; border-radius: 1000px">
+        <font face="Montserrat" color='white' width="400">Telegram проекта</font>
+        </button>
+        <br><br>
+        <b><font face="Montserrat" color='white' width="300">Правила проекта:</font></b>
+        <font face="Nunito" color='white'><br>1. Уважать других - не перекрывать/закрашивать чужие рисунки<br>2. Рисунки не должны представлять из себя 18+ контент или пропаганду LGBT.<br>3. Рисунки не должны нарушать законы Российской Федерации.</font>
+    </body>
+</html>
\ No newline at end of file
