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

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

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

<figure><img src="https://3883666857-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRlJKxvj4FCaidnHvYAzl%2Fuploads%2FL8BgBYxahIrnvZnzgk41%2Fimage.png?alt=media&#x26;token=9d3c3fe4-8855-40fc-8b06-0a6b0bf17869" 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="https://3883666857-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRlJKxvj4FCaidnHvYAzl%2Fuploads%2FxCkelSdFSTiCTlSHN76w%2Fimage.png?alt=media&#x26;token=27eab56f-5b8c-4417-b1c5-cc2ed37886f8" alt=""><figcaption></figcaption></figure>

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