Maks1mS/free-ozon-dpr
0
0
Fork 0
mirror of https://github.com/Maks1mS/free-ozon-dpr.git synced 2025-10-22 01:47:29 +03:00
Code Issues Activity

feat: add info popup (#2)

Browse Source 
* add info popup

* add wikimapia copyright
This commit is contained in:
Maxim Slipenko
2024-06-09 08:04:37 +03:00
committed by GitHub
parent 9215bc9522
commit d1085dfcba
7 changed files with 100 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/index.html
View File

@@ -31,9 +31,66 @@
.ol-overlay-container > #popup {
display: unset;
}
.info-popup {
display: none;
position: absolute;
top: 0;
z-index: 999;
left: 0;
right: 0;
bottom: 0;
background: white;
padding: 5rem;
font-size: 14pt;
}
.info-popup > footer {
display: flex;
flex-direction: column;
gap: 1rem;
border-top: 1px solid black;
padding: 20px;
}
.info-popup > footer > button {
font-size: 14pt;
padding: 10px;
max-width: 300px;
}
</style>
</head>
<body>
<div class="info-popup">
<h1>Важная информация перед использованием сайта</h1>
<h2>Пожалуйста, прочитайте внимательно</h2>
<p>
На сайте собраны данные о пунктах выдачи заказов (ПВЗ) от разных служб доставок, чтобы вам было удобнее выбирать. <b>Создатели сайта не несут ответственности за точность информации о пунктах выдачи.</b> Информация собирается из открытых источников. Для каждого ПВЗ указан источник, откуда была взята информация, чтобы вы смогли сами проверить.
</p>
<p>
<b>Как пользоваться?</b>
<ol>
<li>Найдите удобный для вас пункт выдачи заказов на карте.</li>
<li>Сканируйте QR-код или переходите по ссылке, чтобы добавить адрес пункта выдачи.</li>
<li>В приложении новый пункт выдачи отобразится как "обл. Ростовская, Пункт Партнёра XXXXXX". Не переживайте – это нормально. Просто сделайте заказ на этот адрес.</li>
<li>Когда получите уведомление о готовности заказа, приходите в выбранный вами пункт выдачи. Чтобы забрать заказ необходимо будет показать штрих-код из приложения.</li>
</ol>
</p>
<p>Сайт не является коммерческим и не связан ни с одной из служб доставки или с OZON.</p>
<p>Все товарные знаки, логотипы и обозначения, упомянутые на сайте, являются собственностью их соответствующих владельцев.</p>
<p>Проект является проектом с открытым исходным кодом. Если хотите посмотреть исходный код или поучаствовать в проекте - <a href="https://github.com/Maks1mS/free-ozon-dpr">вот ссылка</a>.</p>
<p>Нашли ошибку? Знаете как улучшить сайт? Хотите добавить пункт, который отсутствует? <a href="https://forms.yandex.ru/u/6654bafa90fa7b1b58c67eff/">Напишите нам</a> или создайте Issue на GitHub.</p>
<p>Для улучшения работы сайта и анализа трафика мы используем Яндекс Метрику.</p>
<p>Мы используем cookie-файлы. Вы можете прочитать подробнее о cookie-файлах или изменить настройки браузера. Продолжая пользоваться сайтом без изменения настроек, вы даёте согласие на использование ваших cookie-файлов.</p>
<footer>
<label>
<input type="checkbox" name="no-show">
Больше не показывать
</label>
<button>Я прочитал и понял прочитанное</button>
</footer>
</div>
<div id="map" class="map"></div>
<div id="popup" class="ol-popup">
<a href="#" id="popup-closer" class="ol-popup-closer">✖</a>