Александр Шемаханов

document.addEventListener('scroll', () => {
  let offset = window.scrollY;
  const start = 685; // начало стоп-зоны в px
  const stop = 1000; // конеч стоп-зоны
	if (offset >= start && offset < stop) {
    offset = start; // стоим на месте
  } else if (offset >= stop) {
    offset -= (stop - start); // продолжаем движение
  }
  content.style.top = `-${offset}px`; // позиционируем контент
});

<div class="person">
  <img class="person__photo" src="">
  <div class="person__wrapper">
    <div class="person__name">Имя фамилия</div>
    <div class="person__position">Должность</div>
  </div>
</div>

.person {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.person__photo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  flex-shrink: 0;
}
.person__wrapper {
  display: grid;
  gap: 0.25rem;
}
.person__name {}
.person__position {}

<?php if ( have_rows( 'slider', 'option' ) ): ?>
				<div class="index-slider">
					<?php while ( have_rows( 'slider', 'option' ) ): the_row();
						// vars
						$slider_img = get_sub_field( 'img' );
						$slider_title  = get_sub_field( 'title' );
						$slider_desc  = get_sub_field( 'desc' );
						$slider_link  = get_sub_field( 'link' );
						?>
						<div class="index-slide">
							<img src="<?php echo $slider_img; ?>" alt="img">
							<div class="slide-content">
								<?php if ( $slider_title ): ?>
									<div class="title"><?php echo $slider_title; ?></div>
								<?php endif; ?>
								<?php if ( $slider_desc ): ?>
									<div class="desc"><?php echo $slider_desc; ?></div>
								<?php endif; ?>
								<?php if ( $slider_link ): ?>
									<a href="<?php echo $slider_link; ?>" class="btn-green">подробнее</a>
								<?php endif; ?>
							</div>
						</div>
					<?php endwhile; ?>
				</div>
			<?php endif; ?>

Будут ли данные авторизации админов и пользователей доступны всем или это можно скрыть?

1) Пользователь выбирает вход через соц. сеть.
2) Происходит обращение к странице авторизации в этой соц. сети, если человек еще не авторизовывался там. После ввода данных, а если он ранее авторизовывался, происходит запрос на разрешение использования его данных.
3) Если человек отказывается, то на этом конец. Если дает согласие, то выполняется перенаправление на указанную в настройках Oauth страницу сайта.
4) У каждого пользователя в соц. сетях есть свой уникальный идентификатор, который можно запрашивать. Для своей таблицы 'users' нужно добавить пару дополнительных полей (например, вот такие): auth_via (enum('native, 'vk', 'mailru', '...')) - для обозначения типа регистрации пользователя, и social_id - здесь будет храниться уникальный идентификатор в соц. сети. Если нужно хранить какие-то специфические данные этого пользователя из соц. сетей, то можно создать доп. поля для этих данных.
5) После того, как пользователь дал разрешение на использование его данных, необходимо запросить нужные данные от соц. сети, в т.ч. и идентификатор пользователя в соц. сети. Вот здесь и начинается невидимый процесс регистрации. Нужно проверить есть ли в БД пользователь с таким social_id, если нет, то вставляем social_id, данные пользователя из соц. сети, по необходимости, в БД. Все, пользователь зарегистрирован.
Если же данные о пользователе есть, то необходимо запросить актуальные данные из соц. сети, сравнить их с теми, что в базе и если они изменились, то обновить их и в своей базе данных, если нет, то просто переходим к следующему шагу.
6) Создается сессия с данными пользователя.

document.addEventListener('click', function(e) {
  if (!e.target.closest('.tileset-showitems')) {
    tilesetShowListRemove();
  }
});

- .active {
+ .active .box {

const containerSelector = '.tileset-showitems';
const buttonSelector = `${containerSelector} .tileset-showitems-trigger`;
const activeClass = 'active';
const closeAllExcept = container => document
  .querySelectorAll(`${containerSelector}.${activeClass}`)
  .forEach(n => n !== container && n.classList.remove(activeClass));

document.addEventListener('click', ({ target: t }) => {
  const button = t.closest(buttonSelector);
  const container = t.closest(containerSelector);

  if (button) {
    container.classList.toggle(activeClass);
  }

  closeAllExcept(container);
});

window.addEventListener('keydown', e => e.key === 'Escape' && closeAllExcept());