index.html

@@ -39,7 +39,7 @@
                         <a class="nav-link" href="https://weryskok.space">Блог</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" href="https://t.me/WerySkok">Telegram</a>
+                        <a class="nav-link" href="https://t.me/WerySkok"><i class="fab fa-telegram-plane"></i></a>
                     </li>
                 </ul>
             </div>
@@ -50,7 +50,7 @@
             <!-- на этот блок ушло много слёз, помогите -->
             <div class="row justify-content-center me-0">
                 <div class="col-8 col-md-6">
-                    <img src="imgs/avatar.jpg" alt="Фотография Александра Минкина" class="rounded float-md-end"
+                    <img src="imgs/avatar.jpg" alt="Аватар, под которым я сижу в интернете" class="rounded float-md-end"
                         height="300px">
                 </div>
                 <div class="col-8 col-md-6">
@@ -64,13 +64,39 @@
                 </div>
             </div>
         </section>
+        <section class="container overflow-hidden">
+            <h1 class="display-5">Кто я?</h1>
+            <img src="imgs/me_web.jpg" class="img-thumbnail float-end" width="300" alt="Фотография меня">
+            <p>Не знаю, зависит от того, что у нас общего. Меня зовут Александр Минкин. Я — семнадцатилетний школьник из
+                Москвы. Чаще всего известен под ником <a href="#" data-bs-toggle="tooltip"
+                    title="ВериСкок">WerySkok</a>.</p>
+        </section>
+        <section class="container overflow-hidden">
+            <h1 class="display-5">Смотришь аниме?</h1>
+            <p>Да, <a href="https://shikimori.one/WerySkok" target="_blank" rel="noopener noreferrer">больше 120-ти</a>, в основном это исекаи, но иногда смотрю и популярные. Хочу увидеть больше реверс-исекаев (если знаете такие, то скидывайте).</p>
+        </section>
     </main>
-    <footer>
-
+    <footer class="bg-dark text-light py-2 mt-5">
+        <div class="container py-2">
+            <div class="btn-group float-end">
+                <a class="btn btn-primary" href="https://t.me/werychan"><i class="fab fa-telegram-plane"></i></a>
+                <a class="btn btn-primary" href="https://vk.com/weryskok"><i class="fab fa-vk"></i></a>
+                <a rel="me" class="btn btn-primary" href="https://mastodon.ml/@WerySkok"><i
+                        class="fab fa-mastodon"></i></a>
+            </div>
+            <p>WerySkok</p>
+        </div>
     </footer>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
         crossorigin="anonymous"></script>
+    <script>
+        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+            return new bootstrap.Tooltip(tooltipTriggerEl)
+        })
+
+    </script>
 </body>
 
 </html>