Заглавная страница

2026-09-12T20:05:27Z

Admin Gorod:

<div style="background: #f0f7ff; border-radius: 30px; padding: 20px;">

<div style="background: linear-gradient(135deg, #ff9a6e, #ff6b6b, #d9455f, #2c3e50); border-radius: 30px; padding: 40px 20px; margin-bottom: 35px; text-align: center; color: white; box-shadow: 0 4px 15px rgba(0,0,0,0.2); position: relative; overflow: hidden;">


<div style="position: absolute; top: 15px; right: 25px; width: 70px; height: 70px; background: radial-gradient(circle, #ffdd77, #ff8c33); border-radius: 50%; opacity: 0.9; box-shadow: 0 0 20px rgba(255,140,0,0.5);"></div>


<div style="position: absolute; top: 30px; left: 20px; width: 80px; height: 35px; background: rgba(255,255,255,0.3); border-radius: 40px;"></div>
<div style="position: absolute; top: 50px; left: 60px; width: 60px; height: 30px; background: rgba(255,255,255,0.25); border-radius: 30px;"></div>


<div style="position: absolute; bottom: 25px; left: 0; right: 0; height: 15px; background: repeating-linear-gradient(90deg, #1a1a2e 0px, #1a1a2e 15px, transparent 15px, transparent 25px);"></div>


<div style="position: absolute; bottom: 0; left: 0; right: 0; height: 35px; background: repeating-linear-gradient(90deg, rgba(255,255,255,0.25) 0px, rgba(255,255,255,0.25) 3px, transparent 3px, transparent 18px);"></div>
<div style="position: absolute; bottom: 8px; left: 0; right: 0; height: 20px; background: repeating-linear-gradient(90deg, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0.2) 2px, transparent 2px, transparent 25px);"></div>

<div style="position: relative; z-index: 1;">
<div style="margin-bottom: 10px;">
[[Файл:Logo Gorod na ladoshkah bezfona.png|220px|центр|Город на ладошках]]
</div>
<div style="font-size: 2.2em; font-weight: bold;">Город на ладошках</div>
<div style="font-size: 1.4em; margin-top: 10px;">Санкт-Петербург глазами детей — твоими глазами!</div>
<div style="margin-top: 15px; max-width: 600px; margin-left: auto; margin-right: auto;">Здесь школьники делятся своими историями, фотографиями и маршрутами по самому красивому городу мира.</div>
</div>

</div>


<div style="display: flex; justify-content: center; gap: 25px; margin: 20px 0; flex-wrap: wrap; font-size: 15px;">
<span>[[Регистрационная форма|<span style="color: #2e7d32; text-decoration: none;">📝 Регистрация</span>]]</span>
<span>[[Помощь:Как добавить место на карту|<span style="color: #1565c0; text-decoration: none;">🗺️ Добавить место</span>]]</span>
<span>[[Помощь:Как создать статью|<span style="color: #ff8c00; text-decoration: none;">✍️ Написать статью</span>]]</span>
<span>[[Служебная:Моя страница/Достижения|<span style="color: #9c27b0; text-decoration: none;">🏅 Мои достижения</span>]]</span>
</div>


<div style="margin-bottom: 20px; text-align: center;">
<div style="font-size: 1.8em; margin-bottom: 10px;">🗺️ Карта детских открытий</div>
<div style="font-size: 1.1em;">Здесь отмечены места, которые добавили дети. Нажми на маркер, чтобы прочитать историю и посмотреть фото.</div>
<div style="font-size: 0.95em; color: #555; margin-top: 5px;">📍 Каждое место связано с рассказами, картами достопримечательностей, кумиров и событий</div>
</div>


<div style="margin-bottom: 20px;">{{#widget:KidsMap}}</div>


<div style="margin-bottom: 30px; text-align: center;">
✨ '''Хочешь, чтобы твоё место появилось на этой карте?'''<br>
📸 Добавь его через форму — и после проверки оно появится здесь, а также на тематических картах (Достопримечательности, Кумиры, События).<br><br>
<span style="background: #2e7d32; padding: 10px 30px; border-radius: 30px; display: inline-block; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">[[Помощь:Как добавить место на карту|<span style="color: white; font-weight: bold; text-decoration: none;">➕ Добавить своё место на карту</span>]]</span>
</div>


<div style="background: linear-gradient(135deg, #ffb3ba, #ff8fa3); border-radius: 20px; padding: 20px; margin-bottom: 35px; text-align: center; color: #4a2a1a;">
<div style="font-size: 1.5em; margin-bottom: 15px;">🌟 Хочешь стать автором? Это просто! 🌟</div>
<div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin-bottom: 20px;">
<div style="background: rgba(255,255,255,0.5); padding: 10px 20px; border-radius: 40px; color: #4a2a1a;">✏️ Заполни заявку</div>
<div style="background: rgba(255,255,255,0.5); padding: 10px 20px; border-radius: 40px; color: #4a2a1a;">📧 Получи письмо</div>
<div style="background: rgba(255,255,255,0.5); padding: 10px 20px; border-radius: 40px; color: #4a2a1a;">🔓 Публикуй статьи!</div>
</div>
<div>
[[Регистрационная форма|<span style="background: white; color: #ff8fa3; padding: 10px 30px; border-radius: 40px; font-weight: bold; display: inline-block;">📝 Отправить заявку →</span>]]
</div>
<div style="font-size: 12px; margin-top: 15px; opacity: 0.8;">(Администратор создаст учётную запись, пароль придёт на email родителя)</div>
</div>


<div style="background: linear-gradient(135deg, #b3e0ff, #8fcbff); border-radius: 20px; padding: 20px; margin-bottom: 35px; color: #1a3a5a;">
<div style="font-size: 1.3em; font-weight: bold; text-align: center; margin-bottom: 15px;">🎭 Выбери жанр (как писать)</div>
<div class="genre-grid" style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
<div style="background: rgba(255,255,255,0.7); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 110px; flex: 1 0 auto;">
<div style="font-size: 24px;">📖</div>
<div style="font-weight: bold; font-size: 13px;">Придумай тайну</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория: Легенды_мест|<span style="color: #1a3a5a;">Легенда места</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.7); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 110px; flex: 1 0 auto;">
<div style="font-size: 24px;">⏱️</div>
<div style="font-weight: bold; font-size: 13px;">Быстрая прогулка</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория: Маршруты|<span style="color: #1a3a5a;">Маршрут за 30 мин</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.7); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 110px; flex: 1 0 auto;">
<div style="font-size: 24px;">🤣</div>
<div style="font-weight: bold; font-size: 13px;">С юмором о неудачах</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория: Уноси ноги|<span style="color: #1a3a5a;">Уноси ноги!</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.7); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 110px; flex: 1 0 auto;">
<div style="font-size: 24px;">🎒</div>
<div style="font-weight: bold; font-size: 13px;">Личный опыт и фото</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория: Проверено_на_себе|<span style="color: #1a3a5a;">Проверено на себе</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.7); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 110px; flex: 1 0 auto;">
<div style="font-size: 24px;">❤️</div>
<div style="font-weight: bold; font-size: 13px;">Душевный рассказ</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория: Моё_любимое|<span style="color: #1a3a5a;">Моё любимое место</span>]]</div>
</div>
</div>
<div style="text-align: center; margin-top: 15px; font-size: 12px;">📌 [[Помощь:Как выбрать жанр|<span style="color: #1a3a5a;">Что значит каждый жанр?</span>]] | [[Рубрики|<span style="color: #1a3a5a;">Все рубрики</span>]]</div>
</div>


<div style="background: linear-gradient(135deg, #d9b8ff, #c49fff); border-radius: 20px; padding: 20px; margin-bottom: 35px; color: #3a2a5a;">
<div style="font-size: 1.3em; font-weight: bold; text-align: center; margin-bottom: 15px;">🏷️ Выбери тему (о чём писать)</div>
<div class="theme-grid" style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">🏡</div>
<div style="font-weight: bold; font-size: 13px;">Адреса семьи</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Адреса_семьи|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">🏙️</div>
<div style="font-weight: bold; font-size: 13px;">Мой Петербург</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Мой_Петербург|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">🏛️</div>
<div style="font-weight: bold; font-size: 13px;">Утраченное</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Утраченное_наследие|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">🎨</div>
<div style="font-weight: bold; font-size: 13px;">Искусство</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Искусство|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">🎭</div>
<div style="font-weight: bold; font-size: 13px;">Творчество</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Творческие проекты|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">📚</div>
<div style="font-weight: bold; font-size: 13px;">Шпаргалки</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Шпаргалки|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
</div>
<div style="text-align: center; margin-top: 15px; font-size: 12px;">📌 [[Помощь:Как выбрать тему|<span style="color: #3a2a5a;">Подробнее о темах</span>]] | [[Рубрики|<span style="color: #3a2a5a;">Все рубрики</span>]]</div>
</div>


<div style="margin-bottom: 35px;">
<div style="display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 10px;">


<div style="flex: 1; min-width: 180px; background: linear-gradient(135deg, #f5a623, #f5d020); border-radius: 18px; padding: 12px; display: flex; align-items: center; gap: 10px;">
<div style="font-size: 32px;">🦁</div>
<div style="flex: 1;"><div style="font-size: 12px; opacity: 0.8;">Постоянный</div><div style="font-weight: bold;">Львиный глаз</div></div>
<div>→ [[Квест_Львиный_глаз|<span style="color: #333;">Участвовать</span>]]</div>
</div>


<div style="flex: 1; min-width: 180px; background: linear-gradient(135deg, #43e97b, #38f9d7); border-radius: 18px; padding: 12px; display: flex; align-items: center; gap: 10px; border: 3px solid #ff6b6b; box-shadow: 0 0 15px rgba(255,107,107,0.5); position: relative;">

<div style="position: absolute; top: -12px; right: 10px; background: #ff6b6b; color: white; font-size: 11px; font-weight: bold; padding: 2px 10px; border-radius: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.2);">🔥 ИДЁТ СЕЙЧАС!</div>
<div style="font-size: 32px;">🌸</div>
<div style="flex: 1;"><div style="font-size: 12px; opacity: 0.8;">Весна 2025</div><div style="font-weight: bold;">Петербург цветёт</div></div>
<div>→ [[Квест_Петербург_цветёт|<span style="color: #2e7d32;">Участвовать</span>]]</div>
</div>


<div style="flex: 1; min-width: 180px; background: linear-gradient(135deg, #00b4db, #0083b0); border-radius: 18px; padding: 12px; display: flex; align-items: center; gap: 10px;">
<div style="font-size: 32px;">🌉</div>
<div style="flex: 1;"><div style="font-size: 12px; opacity: 0.8;">Лето 2025</div><div style="font-weight: bold;">Белые ночи</div></div>
<div>→ [[Квест_Белые_ночи|<span style="color: white;">Скоро</span>]]</div>
</div>

</div>
<div style="text-align: center; margin-top: 5px;">→ [[Квесты|<span style="font-weight: bold;">Все квесты проекта</span>]] ←</div>
</div>


<div style="margin-bottom: 30px;">
<div style="font-size: 1.5em; text-align: center; margin-bottom: 15px; color: #2a4b7a;">📚 Разделы проекта</div>
<div style="display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: 15px;">
<div style="background: #ffe6f0; padding: 8px 18px; border-radius: 30px;">🏡 [[:Категория:Адреса_семьи|Адреса моей семьи]]</div>
<div style="background: #e6f4ea; padding: 8px 18px; border-radius: 30px;">🏙️ [[:Категория:Мой_Петербург|Мой Петербург]]</div>
<div style="background: #f0e6ff; padding: 8px 18px; border-radius: 30px;">🏛️ [[:Категория:Утраченное_наследие|Утраченное наследие]]</div>
<div style="background: #f0f0ff; padding: 8px 18px; border-radius: 30px;">🎨 [[:Категория:Искусство|Петербург в искусстве]]</div>
<div style="background: #f9eec1; padding: 8px 18px; border-radius: 30px;">🎭 [[Творческие проекты|Творческие проекты]]</div>
<div style="background: #d9f0ec; padding: 8px 18px; border-radius: 30px;">📚 [[:Категория:Шпаргалки|Секретные шпаргалки]]</div>
</div>
<div style="text-align: center;">
<span style="background: #1565c0; padding: 8px 20px; border-radius: 30px; display: inline-block;">[[Все разделы|<span style="color: white; font-weight: bold;">🧭 Смотреть все разделы →</span>]]</span>
</div>
</div>


<div style="margin-top: 25px; text-align: center; font-size: 0.9em; border-top: 1px solid #ddd; padding-top: 12px;">
[[Помощь:Родителям|👪 Информация для родителей]] |
[[Связь с нами|📬 Написать нам]] |
[[Помощь:Организаторам|👥 Помощь организаторам]] |
[[Карта города|🗺️ Карты города]] |
[[Карта помощи|📖 Карта помощи]]
</div>

Заглавная страница

2026-09-12T20:00:35Z

Admin Gorod:

<div style="background: #f0f7ff; border-radius: 30px; padding: 20px;">

<div style="background: linear-gradient(135deg, #ff9a6e, #ff6b6b, #d9455f, #2c3e50); border-radius: 30px; padding: 40px 20px; margin-bottom: 35px; text-align: center; color: white; box-shadow: 0 4px 15px rgba(0,0,0,0.2); position: relative; overflow: hidden;">


<div style="position: absolute; top: 15px; right: 25px; width: 70px; height: 70px; background: radial-gradient(circle, #ffdd77, #ff8c33); border-radius: 50%; opacity: 0.9; box-shadow: 0 0 20px rgba(255,140,0,0.5);"></div>


<div style="position: absolute; top: 30px; left: 20px; width: 80px; height: 35px; background: rgba(255,255,255,0.3); border-radius: 40px;"></div>
<div style="position: absolute; top: 50px; left: 60px; width: 60px; height: 30px; background: rgba(255,255,255,0.25); border-radius: 30px;"></div>


<div style="position: absolute; bottom: 25px; left: 0; right: 0; height: 15px; background: repeating-linear-gradient(90deg, #1a1a2e 0px, #1a1a2e 15px, transparent 15px, transparent 25px);"></div>


<div style="position: absolute; bottom: 0; left: 0; right: 0; height: 35px; background: repeating-linear-gradient(90deg, rgba(255,255,255,0.25) 0px, rgba(255,255,255,0.25) 3px, transparent 3px, transparent 18px);"></div>
<div style="position: absolute; bottom: 8px; left: 0; right: 0; height: 20px; background: repeating-linear-gradient(90deg, rgba(255,255,255,0.2) 0px, rgba(255,255,255,0.2) 2px, transparent 2px, transparent 25px);"></div>

<div style="position: relative; z-index: 1;">
<div style="font-size: 3em;">👋 🏙️ ⛵</div>
<div style="font-size: 2.2em; font-weight: bold;">Город на ладошках</div>
<div style="font-size: 1.4em; margin-top: 10px;">Санкт-Петербург глазами детей — твоими глазами!</div>
<div style="margin-top: 15px; max-width: 600px; margin-left: auto; margin-right: auto;">Здесь школьники делятся своими историями, фотографиями и маршрутами по самому красивому городу мира.</div>
</div>

</div>


<div style="display: flex; justify-content: center; gap: 25px; margin: 20px 0; flex-wrap: wrap; font-size: 15px;">
<span>[[Регистрационная форма|<span style="color: #2e7d32; text-decoration: none;">📝 Регистрация</span>]]</span>
<span>[[Помощь:Как добавить место на карту|<span style="color: #1565c0; text-decoration: none;">🗺️ Добавить место</span>]]</span>
<span>[[Помощь:Как создать статью|<span style="color: #ff8c00; text-decoration: none;">✍️ Написать статью</span>]]</span>
<span>[[Служебная:Моя страница/Достижения|<span style="color: #9c27b0; text-decoration: none;">🏅 Мои достижения</span>]]</span>
</div>


<div style="margin-bottom: 20px; text-align: center;">
<div style="font-size: 1.8em; margin-bottom: 10px;">🗺️ Карта детских открытий</div>
<div style="font-size: 1.1em;">Здесь отмечены места, которые добавили дети. Нажми на маркер, чтобы прочитать историю и посмотреть фото.</div>
<div style="font-size: 0.95em; color: #555; margin-top: 5px;">📍 Каждое место связано с рассказами, картами достопримечательностей, кумиров и событий</div>
</div>


<div style="margin-bottom: 20px;">{{#widget:KidsMap}}</div>


<div style="margin-bottom: 30px; text-align: center;">
✨ '''Хочешь, чтобы твоё место появилось на этой карте?'''<br>
📸 Добавь его через форму — и после проверки оно появится здесь, а также на тематических картах (Достопримечательности, Кумиры, События).<br><br>
<span style="background: #2e7d32; padding: 10px 30px; border-radius: 30px; display: inline-block; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">[[Помощь:Как добавить место на карту|<span style="color: white; font-weight: bold; text-decoration: none;">➕ Добавить своё место на карту</span>]]</span>
</div>


<div style="background: linear-gradient(135deg, #ffb3ba, #ff8fa3); border-radius: 20px; padding: 20px; margin-bottom: 35px; text-align: center; color: #4a2a1a;">
<div style="font-size: 1.5em; margin-bottom: 15px;">🌟 Хочешь стать автором? Это просто! 🌟</div>
<div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin-bottom: 20px;">
<div style="background: rgba(255,255,255,0.5); padding: 10px 20px; border-radius: 40px; color: #4a2a1a;">✏️ Заполни заявку</div>
<div style="background: rgba(255,255,255,0.5); padding: 10px 20px; border-radius: 40px; color: #4a2a1a;">📧 Получи письмо</div>
<div style="background: rgba(255,255,255,0.5); padding: 10px 20px; border-radius: 40px; color: #4a2a1a;">🔓 Публикуй статьи!</div>
</div>
<div>
[[Регистрационная форма|<span style="background: white; color: #ff8fa3; padding: 10px 30px; border-radius: 40px; font-weight: bold; display: inline-block;">📝 Отправить заявку →</span>]]
</div>
<div style="font-size: 12px; margin-top: 15px; opacity: 0.8;">(Администратор создаст учётную запись, пароль придёт на email родителя)</div>
</div>


<div style="background: linear-gradient(135deg, #b3e0ff, #8fcbff); border-radius: 20px; padding: 20px; margin-bottom: 35px; color: #1a3a5a;">
<div style="font-size: 1.3em; font-weight: bold; text-align: center; margin-bottom: 15px;">🎭 Выбери жанр (как писать)</div>
<div class="genre-grid" style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
<div style="background: rgba(255,255,255,0.7); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 110px; flex: 1 0 auto;">
<div style="font-size: 24px;">📖</div>
<div style="font-weight: bold; font-size: 13px;">Придумай тайну</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория: Легенды_мест|<span style="color: #1a3a5a;">Легенда места</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.7); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 110px; flex: 1 0 auto;">
<div style="font-size: 24px;">⏱️</div>
<div style="font-weight: bold; font-size: 13px;">Быстрая прогулка</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория: Маршруты|<span style="color: #1a3a5a;">Маршрут за 30 мин</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.7); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 110px; flex: 1 0 auto;">
<div style="font-size: 24px;">🤣</div>
<div style="font-weight: bold; font-size: 13px;">С юмором о неудачах</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория: Уноси ноги|<span style="color: #1a3a5a;">Уноси ноги!</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.7); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 110px; flex: 1 0 auto;">
<div style="font-size: 24px;">🎒</div>
<div style="font-weight: bold; font-size: 13px;">Личный опыт и фото</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория: Проверено_на_себе|<span style="color: #1a3a5a;">Проверено на себе</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.7); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 110px; flex: 1 0 auto;">
<div style="font-size: 24px;">❤️</div>
<div style="font-weight: bold; font-size: 13px;">Душевный рассказ</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория: Моё_любимое|<span style="color: #1a3a5a;">Моё любимое место</span>]]</div>
</div>
</div>
<div style="text-align: center; margin-top: 15px; font-size: 12px;">📌 [[Помощь:Как выбрать жанр|<span style="color: #1a3a5a;">Что значит каждый жанр?</span>]] | [[Рубрики|<span style="color: #1a3a5a;">Все рубрики</span>]]</div>
</div>


<div style="background: linear-gradient(135deg, #d9b8ff, #c49fff); border-radius: 20px; padding: 20px; margin-bottom: 35px; color: #3a2a5a;">
<div style="font-size: 1.3em; font-weight: bold; text-align: center; margin-bottom: 15px;">🏷️ Выбери тему (о чём писать)</div>
<div class="theme-grid" style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">🏡</div>
<div style="font-weight: bold; font-size: 13px;">Адреса семьи</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Адреса_семьи|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">🏙️</div>
<div style="font-weight: bold; font-size: 13px;">Мой Петербург</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Мой_Петербург|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">🏛️</div>
<div style="font-weight: bold; font-size: 13px;">Утраченное</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Утраченное_наследие|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">🎨</div>
<div style="font-weight: bold; font-size: 13px;">Искусство</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Искусство|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">🎭</div>
<div style="font-weight: bold; font-size: 13px;">Творчество</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Творческие проекты|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
<div style="background: rgba(255,255,255,0.6); border-radius: 16px; padding: 8px 12px; text-align: center; min-width: 100px; flex: 1 0 auto;">
<div style="font-size: 24px;">📚</div>
<div style="font-weight: bold; font-size: 13px;">Шпаргалки</div>
<div style="margin-top: 6px; font-size: 12px;">→ [[:Категория:Шпаргалки|<span style="color: #3a2a5a;">Выбрать</span>]]</div>
</div>
</div>
<div style="text-align: center; margin-top: 15px; font-size: 12px;">📌 [[Помощь:Как выбрать тему|<span style="color: #3a2a5a;">Подробнее о темах</span>]] | [[Рубрики|<span style="color: #3a2a5a;">Все рубрики</span>]]</div>
</div>


<div style="margin-bottom: 35px;">
<div style="display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 10px;">


<div style="flex: 1; min-width: 180px; background: linear-gradient(135deg, #f5a623, #f5d020); border-radius: 18px; padding: 12px; display: flex; align-items: center; gap: 10px;">
<div style="font-size: 32px;">🦁</div>
<div style="flex: 1;"><div style="font-size: 12px; opacity: 0.8;">Постоянный</div><div style="font-weight: bold;">Львиный глаз</div></div>
<div>→ [[Квест_Львиный_глаз|<span style="color: #333;">Участвовать</span>]]</div>
</div>


<div style="flex: 1; min-width: 180px; background: linear-gradient(135deg, #43e97b, #38f9d7); border-radius: 18px; padding: 12px; display: flex; align-items: center; gap: 10px; border: 3px solid #ff6b6b; box-shadow: 0 0 15px rgba(255,107,107,0.5); position: relative;">

<div style="position: absolute; top: -12px; right: 10px; background: #ff6b6b; color: white; font-size: 11px; font-weight: bold; padding: 2px 10px; border-radius: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.2);">🔥 ИДЁТ СЕЙЧАС!</div>
<div style="font-size: 32px;">🌸</div>
<div style="flex: 1;"><div style="font-size: 12px; opacity: 0.8;">Весна 2025</div><div style="font-weight: bold;">Петербург цветёт</div></div>
<div>→ [[Квест_Петербург_цветёт|<span style="color: #2e7d32;">Участвовать</span>]]</div>
</div>


<div style="flex: 1; min-width: 180px; background: linear-gradient(135deg, #00b4db, #0083b0); border-radius: 18px; padding: 12px; display: flex; align-items: center; gap: 10px;">
<div style="font-size: 32px;">🌉</div>
<div style="flex: 1;"><div style="font-size: 12px; opacity: 0.8;">Лето 2025</div><div style="font-weight: bold;">Белые ночи</div></div>
<div>→ [[Квест_Белые_ночи|<span style="color: white;">Скоро</span>]]</div>
</div>

</div>
<div style="text-align: center; margin-top: 5px;">→ [[Квесты|<span style="font-weight: bold;">Все квесты проекта</span>]] ←</div>
</div>


<div style="margin-bottom: 30px;">
<div style="font-size: 1.5em; text-align: center; margin-bottom: 15px; color: #2a4b7a;">📚 Разделы проекта</div>
<div style="display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: 15px;">
<div style="background: #ffe6f0; padding: 8px 18px; border-radius: 30px;">🏡 [[:Категория:Адреса_семьи|Адреса моей семьи]]</div>
<div style="background: #e6f4ea; padding: 8px 18px; border-radius: 30px;">🏙️ [[:Категория:Мой_Петербург|Мой Петербург]]</div>
<div style="background: #f0e6ff; padding: 8px 18px; border-radius: 30px;">🏛️ [[:Категория:Утраченное_наследие|Утраченное наследие]]</div>
<div style="background: #f0f0ff; padding: 8px 18px; border-radius: 30px;">🎨 [[:Категория:Искусство|Петербург в искусстве]]</div>
<div style="background: #f9eec1; padding: 8px 18px; border-radius: 30px;">🎭 [[Творческие проекты|Творческие проекты]]</div>
<div style="background: #d9f0ec; padding: 8px 18px; border-radius: 30px;">📚 [[:Категория:Шпаргалки|Секретные шпаргалки]]</div>
</div>
<div style="text-align: center;">
<span style="background: #1565c0; padding: 8px 20px; border-radius: 30px; display: inline-block;">[[Все разделы|<span style="color: white; font-weight: bold;">🧭 Смотреть все разделы →</span>]]</span>
</div>
</div>


<div style="margin-top: 25px; text-align: center; font-size: 0.9em; border-top: 1px solid #ddd; padding-top: 12px;">
[[Помощь:Родителям|👪 Информация для родителей]] |
[[Связь с нами|📬 Написать нам]] |
[[Помощь:Организаторам|👥 Помощь организаторам]] |
[[Карта города|🗺️ Карты города]] |
[[Карта помощи|📖 Карта помощи]]
</div>

Заглавная страница

2026-09-12T19:59:07Z

2026-09-06T17:55:47Z

Admin Gorod:

<noinclude>
{{#forminput:form=Добавить место (ребёнок) v2}}
</noinclude>
<includeonly>
{{{for template|Объект_en}}}

<div style="margin-bottom: 15px;">
<strong>🏷️ Название места:</strong><br>
{{{field|name|mandatory|size=60}}}
</div>

<div style="margin-bottom: 15px;">
<strong>📍 Адрес (улица, дом):</strong><br>
{{{field|address|mandatory|size=60|placeholder=например: Невский пр., д. 1}}}
{{#widget:GeocodeButton}}
</div>

<div style="margin-bottom: 15px;">
<strong>🌐 Широта:</strong><br>
{{{field|lat|size=20}}}
</div>

<div style="margin-bottom: 15px;">
<strong>🌐 Долгота:</strong><br>
{{{field|lon|size=20}}}
</div>

<div style="margin-bottom: 15px;">
<strong>🏷️ Тип места:</strong><br>
{{{field|type|input type=dropdown|values=Парк,Памятник,Музей,Церковь,Школа,Кафе,Мост,Фонтан,Театр,Библиотека,Стадион,Аквапарк,Зоопарк,Кинотеатр,Торговый центр,Вокзал,Гостиница,Ресторан,Набережная,Сад,Сквер,Дворец,Собор,Часовня,Монастырь,Улица,Переулок,Река,Канал,Остров,Метро,Скульптура,Галерея,Выставка,Концертный зал,Спорткомплекс,Клуб,Рынок,Аптека,Больница,Университет,Архив,Детский центр,Парк аттракционов,Океанариум,Дельфинарий,Планетарий,Причал,Смотровая площадка,Арка,Детская площадка,Спортплощадка,Беговая дорожка,Велодорожка,Скейт-парк,Пляж,Пруд,Озеро,Лес,Карьер,Крепость,Форт,Подземелье,Тоннель,Бизнес-центр,Хостел,Дом,Завод,Фабрика,Маяк,Башня,Стенд,Скамейка,Другое}}}
</div>

<div style="margin-bottom: 15px; background: #f9f9f9; padding: 15px; border-radius: 15px; border-left: 4px solid #ff9800;">
<strong>🖼️ Фото места:</strong><br>
{{{field|image|size=60|placeholder=Вставь прямую ссылку на фото (например, https://onpiterpalms.ru/images/...jpg)}}}

<div style="font-size: 0.9em; color: #555; margin-top: 8px; background: #fff3e0; padding: 10px; border-radius: 10px;">
<div style="font-weight: bold;">📸 Как добавить фото:</div>
<ol style="margin-top: 8px; margin-bottom: 0;">
<li>Загрузи своё изображение через <b>{{#widget:UploadLink}}</b> <span style="color: #888; font-size: 0.9em;">(откроется в новой вкладке)</span>.</li>
<li>После загрузки откроется страница твоего файла.</li>
<li>Найди под картинкой надпись или ссылку <b>«Исходный файл»</b> и щёлкни по ней.</li>
<li>Откроется только картинка — <b>скопируй ссылку из адресной строки браузера</b> (она начинается с <code>https://onpiterpalms.ru/images/...</code> и заканчивается на <code>.jpg</code>, <code>.png</code> или <code>.gif</code>).</li>
<li>Вставь эту ссылку в поле выше.</li>
</ol>
<div style="margin-top: 10px; font-size: 0.9em; color: #888; background: #f0f7ff; padding: 6px 10px; border-radius: 8px;">
💡 <u>Важно:</u> Только такая ссылка (настоящий адрес файла) позволит фото появиться на твоём месте на карте.
</div>
</div>
</div>

<div style="margin-bottom: 15px;">
<strong>🎯 Квест:</strong><br>
{{{field|quest|input type=dropdown|values=,Львиный глаз,Петербург цветёт,Белые ночи,Другое}}}
</div>

<div style="margin-bottom: 15px;">
<strong>📝 Описание:</strong><br>
{{{field|description|input type=textarea|rows=5|cols=60}}}
</div>

{{{end template}}}
<div style="margin-top: 20px;">
{{{standard input|save|label=Сохранить место}}}
{{{standard input|cancel|label=Отмена}}}
</div>
</includeonly>

Помощь:Как добавить место на карту

2026-09-06T16:44:46Z

Admin Gorod:

<div style="background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%); padding: 30px; border-radius: 30px; margin-bottom: 30px;">
<div style="text-align: center;">
<div style="font-size: 3em;">🗺️</div>
<div style="font-size: 2em; font-weight: bold; color: #2e7d32;">Как добавить своё место на карту</div>
<div style="font-size: 1.2em; color: #555; margin-top: 10px;">Расскажи всем о любимом уголке Петербурга!</div>
</div>
</div>

<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px;">
<div style="flex: 1; min-width: 200px; background: white; padding: 20px; border-radius: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); text-align: center;">
<div style="font-size: 2.5em;">1️⃣</div>
<div style="font-weight: bold; font-size: 1.2em;">Нажми на кнопку</div>
<div style="color: #666;">Зелёная кнопка<br>«Добавь место на карту»</div>
</div>
<div style="flex: 1; min-width: 200px; background: white; padding: 20px; border-radius: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); text-align: center;">
<div style="font-size: 2.5em;">2️⃣</div>
<div style="font-weight: bold; font-size: 1.2em;">Придумай название</div>
<div style="color: #666;">Коротко и ясно:<br>«Мой любимый парк»</div>
</div>
<div style="flex: 1; min-width: 200px; background: white; padding: 20px; border-radius: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); text-align: center;">
<div style="font-size: 2.5em;">3️⃣</div>
<div style="font-weight: bold; font-size: 1.2em;">Заполни форму</div>
<div style="color: #666;">Адрес, координаты (автоматически),<br>тип, квест, фото и описание</div>
</div>
<div style="flex: 1; min-width: 200px; background: white; padding: 20px; border-radius: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); text-align: center;">
<div style="font-size: 2.5em;">4️⃣</div>
<div style="font-weight: bold; font-size: 1.2em;">Сохрани</div>
<div style="color: #666;">Нажми синюю кнопку<br>«Сохранить место»</div>
</div>
</div>

<div style="background: #fff3e0; padding: 25px; border-radius: 20px; margin-bottom: 30px;">
<div style="font-size: 1.8em; margin-bottom: 15px;">🧭 Как узнать координаты (широту и долготу)</div>
<div style="display: flex; flex-wrap: wrap; gap: 20px;">
<div style="flex: 1;">
<div style="font-weight: bold;">Шаг 1.</div>
<div>Введи адрес в поле «Адрес»</div>
</div>
<div style="flex: 1;">
<div style="font-weight: bold;">Шаг 2.</div>
<div>Нажми кнопку '''«Найти координаты»'''</div>
</div>
<div style="flex: 1;">
<div style="font-weight: bold;">Шаг 3.</div>
<div>Координаты появятся автоматически</div>
</div>
<div style="flex: 1;">
<div style="font-weight: bold;">Шаг 4.</div>
<div>Если адрес не найден — введи координаты вручную (их можно узнать, например, в сервисе Карта Яндекса)</div>
</div>
</div>
<div style="background: #f9f9f9; padding: 15px; border-radius: 15px; margin-top: 15px; text-align: center;">
<div>📌 '''Пример:'''</div>
<div>Введи «Елагин остров, 4» → нажми «Найти координаты» → координаты появятся сами!</div>
<div style="font-family: monospace; font-size: 1.2em; margin-top: 10px;">Широта: 59.9783   |   Долгота: 30.2592</div>
</div>
</div>

<div style="background: #e3f2fd; padding: 25px; border-radius: 20px; margin-bottom: 30px;">
<div style="font-size: 1.8em; margin-bottom: 15px;">🏷️ Выбери тип места</div>
<div style="display: flex; flex-wrap: wrap; gap: 10px;">
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🌳 Парк</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🗿 Памятник</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🏛️ Музей</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">⛪ Церковь</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🏫 Школа</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">☕ Кафе</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🌉 Мост</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">⛲ Фонтан</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🎭 Театр</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">📚 Библиотека</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">⚽ Стадион</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">💦 Аквапарк</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🐘 Зоопарк</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🎬 Кинотеатр</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🛍️ Торговый центр</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🚂 Вокзал</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🏨 Гостиница</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">🍽️ Ресторан</div>
<div style="background: white; padding: 8px 16px; border-radius: 30px;">📍 Другое</div>
</div>
</div>


<div style="background: #e8f0fe; border-radius: 20px; padding: 20px; margin-bottom: 30px; border-left: 5px solid #ff9800;">
<div style="display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
<div style="font-size: 3em;">🎯</div>
<div style="flex: 1;">
<div style="font-size: 1.5em; font-weight: bold;">Участвуешь в квесте?</div>
<div style="margin-top: 5px;">В форме есть специальное поле '''«Квест»'''. Выбери название квеста из списка (или оставь пустым, если не участвуешь).</div>
<div style="margin-top: 10px; font-size: 14px;">🌼 Пример: выбери «Петербург цветёт» из выпадающего списка</div>
</div>
</div>
<div style="margin-top: 15px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
<span style="background: #fff; padding: 5px 12px; border-radius: 20px;">🦁 Квест «Львиный глаз»</span>
<span style="background: #fff; padding: 5px 12px; border-radius: 20px;">🌸 Квест «Петербург цветёт»</span>
<span style="background: #fff; padding: 5px 12px; border-radius: 20px;">🌉 Квест «Белые ночи»</span>
</div>
</div>


<div style="background: #e0f2f1; border-radius: 20px; padding: 20px; margin-bottom: 30px; border-left: 5px solid #00796b;">
<div style="display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
<div style="font-size: 3em;">📸</div>
<div style="flex: 1;">
<div style="font-size: 1.5em; font-weight: bold;">Как добавить фото?</div>
<div style="margin-top: 5px;">В поле «Фото места» нужно вставить <strong>прямую ссылку</strong> на изображение.</div>
<div style="margin-top: 10px; font-size: 0.95em;">
<strong>Вариант 1 (легче всего):</strong><br>
Загрузи фото через [[Служебная:Загрузка|страницу загрузки]] (откроется в новой вкладке).<br>
После загрузки скопируй ссылку на файл из адресной строки и вставь в поле.
</div>
<div style="margin-top: 8px; font-size: 0.9em; color: #555; background: #f0f7ff; padding: 6px 10px; border-radius: 8px;">
💡 Ссылка должна вести на сам файл — заканчиваться на <code>.jpg</code>, <code>.png</code> или <code>.gif</code>.
</div>
</div>
</div>
</div>

<div style="background: #fce4ec; padding: 25px; border-radius: 20px; margin-bottom: 30px;">
<div style="font-size: 1.8em; margin-bottom: 15px;">📝 Пример описания</div>
<div style="background: white; padding: 15px; border-radius: 15px; font-style: italic;">
«Этот парк находится недалеко от моей школы. Здесь мы гуляем с друзьями после уроков, а летом здесь цветут удивительные клумбы. Зимой я люблю приходить сюда смотреть на белок.»
</div>
<div style="margin-top: 15px; background: #fff3e0; padding: 10px; border-radius: 15px;">
<div style="font-weight: bold;">🌟 А если участвуешь в квесте:</div>
<div style="font-style: italic;">«В этом парке каждую весну распускаются тысячи тюльпанов. Я прихожу сюда с бабушкой уже третий год!» (квест выбран в специальном поле)</div>
</div>
</div>

<div style="background: #e8eaf6; padding: 25px; border-radius: 20px; margin-bottom: 30px;">
<div style="font-size: 1.8em; margin-bottom: 15px;">❓ А если я ошибся(лась)?</div>
<div style="background: white; padding: 15px; border-radius: 15px;">
<div>Не переживай! Ошибку можно исправить самому:</div>
<ol>
<li>Открой '''свою страницу''' с местом (например, «Мой любимый парк»).</li>
<li>Вверху страницы найди кнопку '''«Править»''' (или «Править код»).</li>
<li>Исправь то, что нужно: адрес, координаты, описание, тип места или квест.</li>
<li>Нажми синюю кнопку '''«Сохранить страницу»'''.</li>
</ol>
<div>💡 '''Важно:''' Кнопка «Править» есть только у тех, кто вошёл в свой аккаунт.</div>
</div>
</div>


<div style="background: #d1c4e9; padding: 25px; border-radius: 20px; margin-bottom: 30px;">
<div style="font-size: 1.8em; margin-bottom: 15px;">⏳ А когда моё место появится на карте?</div>
<div style="background: white; padding: 15px; border-radius: 15px;">
<div>Твоё место появится на карте <strong>сразу после сохранения</strong>! 🎉</div>
<div style="margin-top: 10px;">✅ Найди его на главной странице в разделе «Карта детских открытий».</div>
<div style="margin-top: 10px;">📌 Если что-то пошло не так (например, не отображается фото), администратор поможет поправить.</div>
<div style="margin-top: 15px; text-align: center; font-size: 1.1em;">✨ Твой маркер появится на карте со своим значком! ✨</div>
</div>
</div>

<div style="background: linear-gradient(135deg, #4CAF50, #2E7D32); padding: 30px; border-radius: 30px; text-align: center; color: white;">
<div style="font-size: 2em;">🎉</div>
<div style="font-size: 1.5em; font-weight: bold;">Ты — картограф «Города на ладошках»!</div>
<div style="margin-top: 10px;">Спасибо, что помогаешь делать карту города интереснее</div>
<div style="margin-top: 20px;">
<div style="background: white; display: inline-block; padding: 12px 24px; border-radius: 40px;">
[[Добавить место (ребёнок) v2|<span style="color: #2e7d32; font-weight: bold; text-decoration: none;">📌 Добавить место на карту</span>]]
</div>
</div>
</div>