<style>
:root {
—pp-primary: #2563eb;
—pp-primary-hover: #1d4ed8;
—pp-text: #1f2937;
—pp-text-light: #6b7280;
—pp-bg: #ffffff;
—pp-bg-alt: #f8fafc;
—pp-border: #e5e7eb;
—pp-radius: 12px;
—pp-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
—pp-spacing-sm: 0.75rem;
—pp-spacing-md: 1.25rem;
—pp-spacing-lg: 2rem;
—pp-font-base: 16px;
}
.pp-wrapper {
font-family: -apple-system, BlinkMacSystemFont, «Segoe UI», Roboto, «Helvetica Neue», Arial, sans-serif;
font-size: var(—pp-font-base);
line-height: 1.7;
color: var(—pp-text);
background: var(—pp-bg);
max-width: 800px;
margin: 0 auto;
padding: var(—pp-spacing-lg);
}
.pp-section {
margin-bottom: var(—pp-spacing-lg);
padding-bottom: var(—pp-spacing-lg);
border-bottom: 1px solid var(—pp-border);
}
.pp-section:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.pp-heading {
font-size: clamp(1.25rem, 2.5vw, 1.5rem);
font-weight: 700;
color: var(—pp-text);
margin: 0 0 var(—pp-spacing-md) 0;
padding-bottom: var(—pp-spacing-sm);
border-bottom: 2px solid var(—pp-primary);
display: inline-block;
}
.pp-paragraph {
margin: 0 0 var(—pp-spacing-md) 0;
color: var(—pp-text);
}
.pp-paragraph:last-child {
margin-bottom: 0;
}
.pp-highlight {
background: var(—pp-bg-alt);
border-left: 4px solid var(—pp-primary);
padding: var(—pp-spacing-md);
border-radius: 0 var(—pp-radius) var(—pp-radius) 0;
margin: var(—pp-spacing-md) 0;
font-size: 0.95em;
}
.pp-link {
color: var(—pp-primary);
text-decoration: none;
font-weight: 500;
transition: color 0.2s ease;
border-bottom: 1px dashed transparent;
}
.pp-link:hover {
color: var(—pp-primary-hover);
border-bottom-color: var(—pp-primary-hover);
}
.pp-badge {
display: inline-block;
background: var(—pp-primary);
color: white;
font-size: 0.75rem;
font-weight: 600;
padding: 0.25rem 0.6rem;
border-radius: 20px;
vertical-align: middle;
margin-left: 0.5rem;
}
.pp-url {
word-break: break-all;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
background: var(—pp-bg-alt);
padding: 0.2rem 0.4rem;
border-radius: 4px;
font-size: 0.9em;
}
/* Адаптивность */
@media (max-width: 768px) {
.pp-wrapper {
padding: var(—pp-spacing-md);
}
.pp-heading {
font-size: 1.35rem;
}
.pp-highlight {
padding: var(—pp-spacing-sm) var(—pp-spacing-md);
}
}
@media (max-width: 480px) {
:root {
—pp-font-base: 15px;
—pp-spacing-lg: 1.5rem;
—pp-spacing-md: 1rem;
}
.pp-wrapper {
padding: 1rem;
}
.pp-heading {
font-size: 1.25rem;
border-bottom-width: 1.5px;
}
}
/* Тёмная тема (опционально) */
@media (prefers-color-scheme: dark) {
:root {
—pp-text: #f1f5f9;
—pp-text-light: #94a3b8;
—pp-bg: #0f172a;
—pp-bg-alt: #1e293b;
—pp-border: #334155;
—pp-primary: #60a5fa;
—pp-primary-hover: #93c5fd;
}
}
</style>
<div class=»pp-wrapper»>
<section class=»pp-section»>
<h2 class=»pp-heading»>Кто мы</h2>
<p class=»pp-paragraph»>
<strong>Наш адрес сайта:</strong> <span class=»pp-url»>http://localhost:8888/in-shkola</span>
</p>
</section>
<section class=»pp-section»>
<h2 class=»pp-heading»>Комментарии</h2>
<p class=»pp-paragraph»>
Если посетитель оставляет комментарий на сайте, мы собираем данные, указанные в форме комментария, а также IP-адрес посетителя и данные user-agent браузера с целью определения спама.
</p>
<div class=»pp-highlight»>
Анонимизированная строка, создаваемая из вашего адреса email («хеш»), может предоставляться сервису Gravatar для определения, используете ли вы его.
<a href=»https://automattic.com/privacy/» class=»pp-link» target=»_blank» rel=»noopener»>Политика конфиденциальности Gravatar</a>.
После одобрения комментария ваше изображение профиля будет видимым публично в контексте вашего комментария.
</div>
</section>
<section class=»pp-section»>
<h2 class=»pp-heading»>Медиафайлы</h2>
<p class=»pp-paragraph»>
Если вы зарегистрированный пользователь и загружаете фотографии на сайт, рекомендуем избегать загрузки изображений с метаданными EXIF, так как они могут содержать данные вашего месторасположения по GPS. Посетители могут извлечь эту информацию, скачав изображения с сайта.
</p>
</section>
<section class=»pp-section»>
<h2 class=»pp-heading»>Куки</h2>
<div class=»pp-highlight»>
<strong>Комментарии:</strong> Если вы оставляете комментарий, вы можете включить сохранение имени, email и веб-сайта в куки. Это для вашего удобства — чтобы не заполнять данные повторно. Срок хранения: 1 год.
</div>
<p class=»pp-paragraph»>
<strong>Временные куки:</strong> При входе в аккаунт мы устанавливаем временный куки для проверки поддержки браузером. Он не содержит личных данных и удаляется при закрытии браузера.
</p>
<p class=»pp-paragraph»>
<strong>Куки входа:</strong> При авторизации устанавливаются куки с данными входа (2 дня) и настройками экрана (1 год). При выборе «Запомнить меня» — данные входа хранятся 2 недели. При выходе куки удаляются.
</p>
<p class=»pp-paragraph»>
<strong>Редактирование:</strong> При публикации или редактировании статьи сохраняется куки с ID записи (без персональных данных), срок действия — 1 день.
</p>
</section>
<section class=»pp-section»>
<h2 class=»pp-heading»>Встраиваемое содержимое</h2>
<p class=»pp-paragraph»>
Статьи на этом сайте могут включать встраиваемое содержимое (видео, изображения, статьи и др.). Такое содержимое ведёт себя так, как если бы посетитель перешёл на сторонний сайт.
</p>
<div class=»pp-highlight»>
Эти сайты могут собирать данные о вас, использовать куки, внедрять отслеживание третьей стороной и мониторить ваше взаимодействие с контентом — включая случаи, когда у вас есть аккаунт на том сайте.
</div>
</section>
<section class=»pp-section»>
<h2 class=»pp-heading»>С кем мы делимся данными</h2>
<p class=»pp-paragraph»>
При запросе сброса пароля ваш IP-адрес будет указан в письме о восстановлении доступа.
</p>
</section>
<section class=»pp-section»>
<h2 class=»pp-heading»>Сроки хранения данных</h2>
<p class=»pp-paragraph»>
<strong>Комментарии:</strong> Сам комментарий и его метаданные хранятся бессрочно — для автоматического распознавания и одобрения последующих комментариев.
</p>
<p class=»pp-paragraph»>
<strong>Профили пользователей:</strong> Мы храним личную информацию, указанную в профиле. Все пользователи могут просматривать, редактировать или удалять свои данные (кроме имени пользователя). Администрация также имеет доступ к редактированию.
</p>
</section>
<section class=»pp-section»>
<h2 class=»pp-heading»>Ваши права</h2>
<div class=»pp-highlight»>
При наличии учётной записи или оставленных комментариев вы можете:
<ul style=»margin: 0.5rem 0 0 1.25rem; padding: 0;»>
<li>Запросить экспорт ваших персональных данных;</li>
<li>Запросить удаление этих данных.</li>
</ul>
<em style=»display: block; margin-top: 0.5rem; color: var(—pp-text-light);»>
Это не включает данные, которые мы обязаны хранить в административных, юридических или целях безопасности.
</em>
</div>
</section>
<section class=»pp-section»>
<h2 class=»pp-heading»>Куда отправляются данные</h2>
<p class=»pp-paragraph»>
Комментарии могут проверяться автоматизированной службой обнаружения спама.
</p>
</section>
</div>