added division by tabs, validating nickname before registration, showing server responses using jquery

views/changepassword.pug

@@ -0,0 +1,26 @@
+html
+    head
+        meta(name="viewport" content="width=device-width, initial-scale=1.0") 
+        title Личный кабинет | Смена пароля
+        link(href="css/index.css" rel="stylesheet")
+    body
+        script(src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer")
+        script(type="text/javascript" src="js/changepassword.js")
+        
+        iframe(name="hiddenFrame" style="position:absolute; top:-1px; left:-1px; width:1px; height:1px;")
+        include header.pug
+        div(class="content-container")
+            div(class="content")
+                h1 Смена пароля
+                div(class="updateForm")
+                    form(target="hiddenFrame" id="passwordChangeForm")
+                        label(for="oldPassword") Старый пароль
+                        br()
+                        input(type="password", name="oldPassword", id="oldPassword")
+                        br()
+                        label(for="oldPassword") Новый пароль
+                        br()
+                        input(type="password", name="newPassword", id="newPassword")
+                        br()
+                        input(type="submit" value="Сменить")
+    

views/chat.pug

@@ -0,0 +1,16 @@
+html
+    head
+        meta(name="viewport" content="width=device-width, initial-scale=1.0") 
+        title Личный кабинет | Чат
+        link(href="css/index.css" rel="stylesheet")
+    body
+        iframe(name="hiddenFrame" style="position:absolute; top:-1px; left:-1px; width:1px; height:1px;")
+        include header.pug
+
+        div(class="content-container")
+            div(class="content")
+                h1 Чат
+                div(class="chat-container")
+                    p 1
+                    p 2
+                    p 3

views/header.pug

@@ -0,0 +1,11 @@
+script(type="text/javascript" src="js/index.js")
+
+div(class="action-tabs")
+    if (can_have_cloak)
+        button(class="actionTabButton" id="skinsTabButton" onclick="goToPage('/index')") Скин и Плащ
+    else 
+        button(class="actionTabButton" id="skinsTabButton" onclick="goToPage('/index')") Скин
+    button(class="actionTabButton" id="passwordChangeTabButton" onclick="goToPage('/changepassword')") Сменить пароль
+    button(class="actionTabButton" id="chatTabButton" onclick="goToPage('/chat')") Чат
+    button(class="actionTabButton" id="chatTabButton" onclick="goToPage('/worldmap')") Карта мира
+    button(class="actionTabButton logoutTabButton" id="logoutTabButton" onclick="window.location.href='/api/logout'") Выйти

views/skin.pug

@@ -1,16 +1,18 @@
 html
     head
         meta(name="viewport" content="width=device-width, initial-scale=1.0") 
-        title Личный кабинет
+        title Личный кабинет | Скин
         link(href="css/index.css" rel="stylesheet")
     script(type="module" src="js/skinview3d.bundle.js")
     script(type="module" src="js/skin3d.js")
     body
 
         iframe(name="hiddenFrame" style="position:absolute; top:-1px; left:-1px; width:1px; height:1px;")
+        include header.pug
+
         div(class="content-container")
             div(class="content")
-                h1 Личный кабинет
+                h1 Скин
                 canvas(id="skin_container")
                 if can_have_cloak
                     div(class="cape_type")
@@ -28,13 +30,4 @@ html
                     form(target="hiddenFrame" id="capeForm")
                         input(type="file" name="file" id="capeFile")
                         input(type="submit" value="Загрузить")
-                form(target="hiddenFrame" id="passwordChangeForm")
-                    input(type="password", name="oldPassword", id="oldPassword")
-                    label(for="oldPassword") Старый пароль
-                    br()
-                    input(type="password", name="newPassword", id="newPassword")
-                    label(for="oldPassword") Новый пароль
-                    br()
-                    input(type="submit" value="Сменить")
-                button(onclick="window.location.href='/api/logout'" value="Выйти" id="exitButton") Выйти