diff --git a/assets/discord.svg b/assets/discord.svg
new file mode 100644
index 0000000..6fd9e78
--- /dev/null
+++ b/assets/discord.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/github-mark-white.svg b/assets/github-mark-white.svg
new file mode 100644
index 0000000..d5e6491
--- /dev/null
+++ b/assets/github-mark-white.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/github-mark.svg b/assets/github-mark.svg
new file mode 100644
index 0000000..37fa923
--- /dev/null
+++ b/assets/github-mark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/style.css b/assets/style.css
index 006fb6b..d5b7bd9 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -27,6 +27,33 @@ body {
color: white;
}
+/* Верхняя панель */
+.panel {
+ background-color: #161819;
+ margin: -8px;
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+}
+
+/* Иконка + текст слева в панели */
+.img_text_panel {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ flex: 1;
+}
+
+/* Кнопки социалок */
+.soc_buttons {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ flex: 1;
+ justify-content: center;
+ gap: 10px;
+}
+
/* Div для социалок */
.socials {
@@ -35,11 +62,14 @@ body {
display: flex;
flex-direction: row;
padding-left: 1%;
- padding-right: 1%;
+ padding-right: 4%;
+ align-items: center;
+ height: 60%;
}
/* Текст социалок */
-.socials_text {
+.soc_text {
color: white;
text-decoration: auto;
padding-left: 8%;
+ font-size: 1rem;
}
diff --git a/assets/telegram.svg b/assets/telegram.svg
new file mode 100644
index 0000000..80317a6
--- /dev/null
+++ b/assets/telegram.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/site.py b/site.py
index 84dad9b..7250135 100644
--- a/site.py
+++ b/site.py
@@ -21,7 +21,32 @@ app.index_string = '''
+
+
+
+
SS14 Tools
+
+
+
+
+
+
+
+ 
+
+