# Редактирование «подвала» в footer.js

Скрипт в файле footer.js проверяет, на какой странице школы находится пользователь. Если это страница тренинга или урока — выводит подвал. Сделано это для того, чтобы не выводить футер на административных страницах.

Сам код разметки подвала выглядит так:

<figure><img src="/files/sk42lFjiaajtIq7FbfAl" alt=""><figcaption></figcaption></figure>

В строке 14 вы можете изменить копирайт, заменив мои имя и фамилию на свои или на название школы.

Далее идёт меню с классом `footer-nav`. После него — меню с иконками социальных сетей. В самом конце — кнопка «Наверх» с идентификатором `scrollToTopBtn`.

### Редактирование навигационного меню

Чтобы изменить пункты меню — просто замените ссылку и текст:

Ссылка, которая будет открываться при нажатии, указывается в параметре `href=""`.

```
<li><a href="ВАША_ССЫЛКА" target="_blank">ВАШ ТЕКСТ ССЫЛКИ</a></li>
```

Если вам нужен дополнительный пункт меню, просто скопируйте строку со ссылкой и вставьте дополнительную. Если, наоборот, какой-то пункт лишний — удалите соответствующую строку.

Пример:

```
<p>© ВАШ КОПИРАЙТ</p>
<nav class="footer-nav">
    <ul>
        <li><a href="ВАША_ССЫЛКА_1" target="_blank">ТЕКСТ ССЫЛКИ 1</a></li>
        <li><a href="ВАША_ССЫЛКА_2" target="_blank">ТЕКСТ ССЫЛКИ 2</a></li>
        <li><a href="ВАША_ССЫЛКА_3" target="_blank">ТЕСКТ ССЫЛКИ 3</a></li>
        <li><a href="ВАША_ССЫЛКА_4" target="_blank">ТЕСКТ ССЫЛКИ 4</a></li>
    </ul>
</nav>
```

Если вы хотите полностью скрыть меню, добавьте класс `hidden` к тегу `<nav>`:

```
<nav class="footer-nav hidden">
    <ul>
        <li><a href="ВАША_ССЫЛКА_1" target="_blank">ТЕКСТ ССЫЛКИ 1</a></li>
        <li><a href="ВАША_ССЫЛКА_2" target="_blank">ТЕКСТ ССЫЛКИ 2</a></li>
        <li><a href="ВАША_ССЫЛКА_3" target="_blank">ТЕСКТ ССЫЛКИ 3</a></li>
        <li><a href="ВАША_ССЫЛКА_4" target="_blank">ТЕСКТ ССЫЛКИ 4</a></li>
    </ul>
</nav>
```

С помощью класса `hidden` вы можете скрыть и меню со ссылками на соцсети, и отдельные его пункты. Или можете просто удалить меню целиком.

### Редактирование ссылок на социальные сети

Я сразу добавил в шаблон несколько социальных сетей. Иконки для них подставляются из набора [FontAwesome](https://fontawesome.io), который подключен в GetCourse по умолчанию.

Часть ссылок в футере сразу скрыта с помощью класса hidden. Если вам нужна та или иная кнопка, просто удалите класс, и кнопка появится в футере.

Определить соцсеть можно по классам: `fa-telegram`, `fa-whatsapp`, `fa-vk` и т. д.

Вы можете удалить лишние пункты, если не планируете их использовать. Или скройте классом `hidden`.

Пример, как может выглядеть ваше меню соцсетей:

<pre><code>&#x3C;nav class="footer-nav social-icons">
    &#x3C;ul>
        &#x3C;li>&#x3C;a href="ССЫЛКА_НА_ВАШ_ТЕЛЕГРАМ" target="_blank">&#x3C;i class="fa-brands fa-telegram">&#x3C;/i>&#x3C;/a>&#x3C;/li>
        &#x3C;li>&#x3C;a href="ССЫЛКА_НА_ВАШ_WHATSAPP" target="_blank">&#x3C;i class="fa-brands fa-whatsapp">&#x3C;/i>&#x3C;/a>&#x3C;/li>
        &#x3C;li>&#x3C;a href="ССЫЛКА_НА_ВАШУ_ГРУППУ_VK" target="_blank">&#x3C;i class="fa-brands fa-vk">&#x3C;/i>&#x3C;/a>&#x3C;/li>
<strong>        &#x3C;li class="hidden">&#x3C;a href="#" target="_blank">&#x3C;i class="fa-brands fa-instagram">&#x3C;/i>&#x3C;/a>&#x3C;/li>
</strong>        &#x3C;li class="hidden">&#x3C;a href="#" target="_blank">&#x3C;i class="fa-brands fa-youtube">&#x3C;/i>&#x3C;/a>&#x3C;/li>
        &#x3C;li class="hidden">&#x3C;a href="#" target="_blank">&#x3C;i class="fa-brands fa-square-x-twitter">&#x3C;/i>&#x3C;/a>&#x3C;/li>
        &#x3C;li class="hidden">&#x3C;a href="#" target="_blank">&#x3C;i class="fa-brands fa-tiktok">&#x3C;/i>&#x3C;/a>&#x3C;/li>
        &#x3C;li class="hidden">&#x3C;a href="#" target="_blank">&#x3C;i class="fa-brands fa-linkedin">&#x3C;/i>&#x3C;/a>&#x3C;/li>
        &#x3C;li>&#x3C;a href="ССЫЛКА_НА_ВАШ_САЙТ" target="_blank">&#x3C;i class="fa-solid fa-link">&#x3C;/i>&#x3C;/a>&#x3C;/li>
        &#x3C;li>&#x3C;a href="ССЫЛКА_НА_ВАШУ_ПОЧТУ" target="_blank">&#x3C;i class="fa-solid fa-envelope">&#x3C;/i>&#x3C;/a>&#x3C;/li>
    &#x3C;/ul>
&#x3C;/nav>
</code></pre>

В примере выше будут выведены иконки Телеграма, Ватсапа, ВК, сайта и почты. Остальные — скрыты классом `hidden`.

Если хотите полностью скрыть меню с кнопками соцсетей, просто добавьте класс `hidden` к тегу `<nav>`:

```
<nav class="footer-nav social-icons hidden">
```

Или удалите весь блок от `<nav>` до `</nav>`.

### Кнопка «Наверх»

Код кнопки «Наверх» расположен сразу под меню социальных сетей. Выглядит вот так:

```
<a href="#" id="scrollToTopBtn" class="scroll-to-top">↑</a>
```

Изменять в ней ничего не нужно. Если вы хотите оставить только эту кнопку и вам не нужен ни копирайт, ни меню, удалите всё лишнее, чтобы в блоке кода после `//Добавляем содержимое футера` получилось так:

<figure><img src="/files/AwhPGxIWITu3NbKEfYm7" alt=""><figcaption></figcaption></figure>

После кнопки «Наверх» идёт завершение функции добавления подвала и скрипт самой кнопки. Изменять в них что-то, если вы не понимаете, что делаете, не рекомендую.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tiil.ru/nabor-bazovykh-stilei-dlya-getcourse/ustanovka-nabora-stilei/redaktirovanie-podvala-v-footer.js.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
