lerafoxqueen/templates/index.html

2161 lines
90 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru-RU" data-bs-theme="auto">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="Найди свою любовь вместе с LeraFoxQueen"
/>
<meta name="author" content="LeraFoxQueen" />
<meta name="generator" content="LeraFoxQueen" />
<title>LeraFoxQueen : Найдём свою любовь вместе</title>
<link rel="canonical" href="https://LeraFoxQueen.ru" />
<script src="/static/assets/js/color-modes.js"></script>
<link
href="/static/node_modules/bootstrap/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<link
href="/static/node_modules/@fortawesome/fontawesome-free/css/fontawesome.css"
rel="stylesheet"
/>
<link
href="/static/node_modules/@fortawesome/fontawesome-free/css/brands.css"
rel="stylesheet"
/>
<link
href="/static/node_modules/@fortawesome/fontawesome-free/css/solid.css"
rel="stylesheet"
/>
<link
rel="apple-touch-icon"
href="/static/assets/img/favicons/apple-touch-icon.png"
sizes="180x180"
/>
<link
rel="icon"
href="/static/assets/img/favicons/favicon-32x32.png"
sizes="32x32"
type="image/png"
/>
<link
rel="icon"
href="/static/assets/img/favicons/favicon-16x16.png"
sizes="16x16"
type="image/png"
/>
<link rel="manifest" href="/static/assets/img/favicons/manifest.json" />
<link
rel="mask-icon"
href="/static/assets/img/favicons/safari-pinned-tab.svg"
color="#712cf9"
/>
<link rel="icon" href="/static/assets/img/favicons/favicon.ico" />
<meta name="theme-color" content="#712cf9" />
<!-- <link href="/static/assets/css/pricing.css" rel="stylesheet" /> -->
<style>
body {
width: 100%;
height: 100%;
background: linear-gradient(
135deg,
rgba(163, 0, 204, 0.5) 0%,
rgba(0, 51, 204, 0.5),
rgba(77, 13, 0, 0.5) 100%
);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.b-example-divider {
width: 100%;
height: 3rem;
background-color: #0000001a;
border: solid rgba(0, 0, 0, 0.15);
border-width: 1px 0;
box-shadow: inset 0 0.5em 1.5em #0000001a,
inset 0 0.125em 0.5em #00000026;
}
.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}
.bi {
vertical-align: -0.125em;
fill: currentColor;
}
.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}
.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.btn-bd-primary {
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {
z-index: 1500;
}
.bd-mode-toggle .bi {
width: 1em;
height: 1em;
}
.bd-mode-toggle .dropdown-menu .active .bi {
display: block !important;
}
.card-min-height {
min-height: 28rem;
}
.center {
text-align: center;
}
.w-100 {
width: 100%;
}
</style>
<!-- Modal -->
<div
class="modal fade"
id="AboutMeModal"
tabindex="-1"
aria-labelledby="AboutMeModalLabel"
aria-hidden="true"
>
<div
class="modal-dialog modal-fullscreen modal-dialog-centered modal-dialog-scrollable"
>
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="AboutMeModalLabel">Обо мне</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<div class="mb-3">
<p class="p-3">Меня зовут Валерия Фадеева, мне 35+ лет.</p>
<h4>Значение имени</h4>
<p class="p-3">
Имя Валерия это женская форма мужского имени Валерий, которое
является римским родовым именем. В переводе с латинского "valeo"
имеет несколько вариантов перевода и значений. Чаще
употребляемыми являются переводы "быть сильной, крепкой", а
также "здравствовать", "быть здоровой". Но у этого латинского
слова существуют ещё и иные варианты перевода, например, "быть
могущественной, сильной", "иметь перевес", "быть влиятельной,
пользоваться влиянием", "иметь смысл, иметь значение".
</p>
<h4>Значение фамилии</h4>
<p class="p-3">
Фамилия происходит от древнерусского церковного (крестильного)
имени «Фадей» или «Фаддей», которое имеет древнегреческий корень
Theos, что означает «бог». Имя Фадей можно перевести как
«богатый», «богоподобный», «достойный похвалы».
</p>
<p class="p-3">
Thadeus — мужское имя греческого происхождения. Является
вариантом написания Thaddeus, которое происходит от арамейского
термина «thaddai» и означает «сердце» или «смелый».
<br />
Также существует версия, что имя связано с именем Theodorus и
означает «подарок Бога» (от греческого theos — Бог и doron —
подарок).
</p>
<p class="p-3">
В персидском языке «фада» означает «приятный» или «милый».
Следовательно, можно предположить, что фамилия Фадеева
обозначает приветливость или дружелюбие предков, происходящих из
Персии.
</p>
<p class="p-3">
В финно-угорских языках слово «фаде» означает «точно», «прямо».
Следовательно, возможно, что носители этой фамилии были известны
как люди прямых взглядов или прямолинейных действий.
</p>
<h4>Введение</h4>
<p class="p-3">
Училась в школе в Юридическом классе, после чего поступила в
Университет на Педагога Юриспруденции, 3,5 года изучала
Психологию в ВУЗе и самостоятельно после ВУЗа, проходила
практику в Следственном Отделе и колледже, в Спорт-Зале
тренировалась со Штангой: жим, тяга, присяд (Пауэрлифтинг - это
на Силу, не на объем, как у бодибилдеров, не надо путать),
сейчас занимаюсь Пилатесом.
</p>
<p class="p-3">
Пила́тес — система физических упражнений, разработанная Йозефом
Пилатесом в начале XX века для реабилитации после травм. Автор
назвал свою систему "контрологией", определив её как полную
координацию между телом, умом и духом, но в настоящее время она
широко известна как "метод Пилатеса" или просто "Пилатес". И
люди занимаются им потому что движение - это жизнь, а
неподвижность - это смерть.
</p>
<p class="p-3">
В школе закончила с отличием курс Прикладной Экономики, а также
курс Информатики, проработала более 15 лет в отделе
Информационных Технологий в одной организации, решала
разнообразные задачи, была на разных позициях.
</p>
<h4>Работа</h4>
<p class="p-3">
В процессе работы познакомилась с миром Открытого, Свободного
Программного Обеспечения: Операционной Системой Unix, Linux и
Прикладным Программным Обеспечением; выполняла задачи Системного
Администратора Windows Server и Linux Server; Программиста на
разных языках: PHP, Python, Rust, JavaScript; DevOps; создавала
и администрировала Систему Виртуализации Серверов: KVM.
</p>
<h4>Хобби</h4>
<p class="p-3">
В качестве Хобби я выбрала Программирование и Разработку
Дериватива Операционной Системы Linux при работе над которым
использовала языки программирования Python, Rust, JavaScript, а
также QML, Bash.
</p>
<p class="p-3">
Дериватив операционной системы Linux — это дистрибутив, который
основан на ядре Linux и включает в себя различные программные
компоненты, утилиты и интерфейсы, которые делают его удобным для
пользователей.
</p>
<p class="p-3">
Дистрибутив операционной системы Linux — это комплект
программного обеспечения, который включает в себя ядро Linux,
системные утилиты, библиотеки, а также набор приложений и
инструментов, необходимых для работы операционной системы.
</p>
<p class="p-3">
Деривативы и Дистрибутивы могут различаться по целям,
функциональности и пользовательскому интерфейсу.
</p>
<p class="p-3">Основные компоненты дистрибутива Linux:</p>
<ol>
<li>
Ядро Linux: Основная часть операционной системы, отвечающая за
управление аппаратными ресурсами и взаимодействие с
программным обеспечением.
</li>
<li>
Системные утилиты: Набор программ, которые обеспечивают
базовые функции операционной системы, такие как управление
файлами, настройка сети и другие системные задачи.
</li>
<li>
Библиотеки: Набор программных библиотек, которые предоставляют
функции и API для приложений.
</li>
<li>
Приложения: Различные программы, которые могут включаться в
дистрибутив, такие как текстовые редакторы, браузеры, офисные
приложения и другие.
</li>
<li>
Установщик: Инструмент, который позволяет пользователю
установить дистрибутив на компьютер.
</li>
</ol>
<p class="p-3">
Дистрибутивы Linux могут быть ориентированы на разные категории
пользователей, например, на начинающих, опытных пользователей
или серверные решения. Некоторые из самых популярных
дистрибутивов включают Ubuntu, Fedora, Debian, Arch Linux и
CentOS. Каждый из них имеет свои особенности и предназначен для
различных задач.
</p>
<p class="p-3">
В данный момент я изучаю Разработку Мобильных Приложений,
интересуюсь языками и технологиями: Kotlin, KMM, Compose; Dart,
Flutter. Будущая профессия - Разработчик Мобильных Приложений.
</p>
<p class="p-3">
В свободное время успешно окончила курсы визажа, работала с
другими выпускницами на платных фотосессиях.
</p>
<p class="p-3">
У меня есть домашние животные: два кота и кошка, Мэйнкуны.
</p>
<h4>Отдых</h4>
<p class="p-3">
В свободное время гуляю, встречаюсь, общаюсь с людьми, учусь,
смотрю Китайские, Корейские, Турецкие Дорамы, Аниме, Фильмы,
играю в игры, в основном компьютерные: MMORPG: Lost Ark;
Стрелялки: Ghost Recon Breakpoint, Ghost Recon Wildlands, The
Division, The Division 2, Rainbow Six Siege, Warframe;
Стратегии: Серия WH40k DoW; но могу и в настольные. Состою в
двух игровых сообществах, в одном 80 человек, в другом 220, а
также в сообществах Программистов и Linux разработчиков,
администраторов и пользователей, проявляю интерес к гражданскому
нарезному полуавтомтическому Оружию, Автомобилям и Мотоциклам.
</p>
<h4>Взаимодействие с другими людьми</h4>
<p class="p-3">
Общаюсь с родителями, есть очень близкая подруга. Не пью, не
курю, не употребляю наркотики, не имею татуировки, лишние
проколы на теле, не состою на учёте у психиатра, нарколога, не
имею судимостей действующих и погашеных, имею Водительское
Удостоверение. Имею Высокий Интеллект, Эмпатию и Устойчивую
Психику. Занимаюсь самодиагностикой, а также периодически
посещаю психолога.
</p>
<p class="p-3">
Есть прошлые серьёзные отношения 2 раза по 9 лет. Не прыгаю по
ху*м, ищу одного единственного Верного, Ответственного,
Надёжного, Сильного, Зрелого партнёра для Серьёзных Отношений, а
не развлечения.
</p>
<p class="p-3">
Люблю людей, которые знают слово Ответственность, умеют её
нести, не трусят, проработали свои травмы, могут упасть,
отряхнуться, встать и пойти дальше.
</p>
<h4>Религия</h4>
<p class="p-3">
Также я верю что бога нет, а то, что называют богом, это
природа, достаточно в уместных моментах заменить слово бог
везде, где он употребляется, как всё становится на свои места.
</p>
<h4>Ценности</h4>
<p class="p-3">
Не сужу людей по полу, гендеру, сексуальной ориентации, расе,
национальности, цвету кожи, росту, весу, религиозным,
политеческим убеждениям и тд. Придерживаюсь принципа - "говори
по делу, живи по совести, суди по справедливости".
</p>
<p class="p-3">
Право справедливости — название набора правовых принципов,
действующих в рамках традиции английского общего права, дополняя
строгие правила там, где требование их формального исполнения
могло бы быть слишком жёстким. В правовых системах цивильного
права подобные «общие оговорки» позволяют судьям более свободно
применять нормы законов.
</p>
<h4>Мои цели:</h4>
<ul class="p-3">
<li>
главная - найти партнёра, с которым мы построим семью, поможем
друг другу развиваться, создадим детей любым способом и
передадим им свои знания о мире и вырастим достойных членов
общества
</li>
<li>
промежуточная - найти партнёра, с которым мы создадим союз, в
котором мы поможем друг-другу развиваться.
</li>
</ul>
<h4>Заключение</h4>
<p class="p-3">
Призываю быть адекватным человеком, здраво оценивать свои
возможности и соотносить их со своими желаниями. А также решать
задачи, вопросы, проблемы "словами через рот", а именно в
личном, устном диалоге между личностями (людьми).
</p>
</div>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-secondary"
data-bs-dismiss="modal"
>
Закрыть
</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div
class="modal fade"
id="TermModal"
tabindex="-1"
aria-labelledby="TermModalLabel"
aria-hidden="true"
>
<div
class="modal-dialog modal-fullscreen modal-dialog-centered modal-dialog-scrollable"
>
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="TermModalLabel">О сайте</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<div class="mb-3">
<h4>Добро пожаловать сайт знакомства со мной</h4>
<p class="p-3">
Идея этого сайта родилась после того, как стало понятно, что на
сайтах знакомств мужчины в основном ищут секс (развлечение /
удовольствие), а женщины - серьёзные отношения, то есть такие
отношения, которые приведут к заключению брачного союза и
рождению детей, планированию совместной жизни.
</p>
<p class="p-3">
А также в связи с тем, что на сайтах знакомств у людей
складывается неправильное отношение к поиску самих отношений. То
есть: мужчины стремятся пропустить период дружбы, узнавания
партнёра, ухаживания, и хотят сразу приступить к сексу
(халявщики / тунеядцы) на 1, 2, 3 свидании (по результатам
опросов мужчин, проведённых лично мною). А женщины ожидают что
этот малознакомый мужчина будет вкладывать свои ресурсы (нести
ответственность), а мужчины хотят уйти от ответственности и
называют таких женщин тарелочницами.
</p>
<p class="p-3">
Таким образом я хочу найти парнтёров для дружбы любого пола, а
также одного единственного верного, ответственного, надёжного,
сильного, зрелого партнёра любого пола для серьёзных отношений,
а не развлечения.
</p>
<p class="p-3">
Информация на данном сайте не является рекламой товаров или
услуг, прямым предложением, публичной оферой или акцептом.
</p>
<p class="p-3">
Любая цена, указанная в на сайте является просто информацией, не
призывающей к действию, она необходима для того, чтобы оценить
на что Вы способны.
</p>
<p class="p-3">
Сбор ответов осуществляется с целью получения статистических
данных о спросе на "рынке" отношений, а также для поиска
отношений.
</p>
<p class="p-3">
Анкеты доступны только мне, без передачи третиим лицам.
</p>
<p class="p-3">
Сервер на котором размещено данное программное обеспечение
находится в моей собственности и моём распоряжении.
</p>
<p class="p-3">
Так как вся необходимая информация обо мне здесь уже
представлена, считаю справедливым, что всё общение по существу в
телеграме будет происходить только после запонения и отправки
анкеты.
</p>
<p class="p-3">
Продолжая оставаться на данном сайте Вы соглашаетесь с данными
условиями. Иначе Вы обязаны незамедлительно покинуть данный сайт
и удалить чат между нами в телегрмаме (и для меня тоже), чтобы
избавить меня от бессмысленной траты времени и ожидания.
</p>
<h4>СПАСИБО ЗА ПОНИМАНИЕ!</h4>
</div>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-secondary"
data-bs-dismiss="modal"
>
Закрыть
</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<!-- data-bs-backdrop="static" data-bs-keyboard="false" -->
<div
class="modal fade"
id="exampleModal"
tabindex="-1"
aria-labelledby="exampleModalLabel"
aria-hidden="true"
>
<div
class="modal-dialog modal-fullscreen modal-dialog-centered modal-dialog-scrollable"
style="min-height: 100%; height: auto; overflow-y: scroll"
>
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">
Новое сообщение
</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<form
name="profile_send"
id="profile_send"
action="/datings/add"
method="post"
class="needs-validation"
>
<div class="modal-body">
<input
type="hidden"
class="form-control"
id="theme_name"
name="theme_name"
pattern="[а-яА-ЯЁёa-zA-Z0-9\s]+"
required
/>
<input
type="hidden"
class="form-control"
id="sender_looking_relationship"
name="sender_looking_relationship"
pattern="[a-z_]+"
required
/>
<input
type="hidden"
class="form-control"
id="sessionkey"
name="sessionkey"
pattern="[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}"
required
/>
<div class="row">
<div class="form-floating mb-3 col">
<input
type="text"
class="form-control"
id="sender_name"
name="sender_name"
pattern="[а-яА-ЯЁёa-zA-Z\s]+"
required
/>
<label for="sender_name">Имя:</label>
<small>Русские, английские буквы и пробел</small>
</div>
<div class="form-floating mb-3 col">
<select
id="sender_sex"
name="sender_sex"
class="form-control"
pattern="[a-z]+"
required
>
<option value="" selected disabled></option>
<option value="male">Мужской</option>
<option value="female">Женский</option>
<option value="other">Другой</option>
</select>
<label for="sender_sex">Пол:</label>
</div>
<div class="form-floating mb-3 col">
<input
type="number"
class="form-control"
id="sender_age"
name="sender_age"
min="0"
max="100"
value="0"
step="1"
pattern="[0-9]+"
required
/>
<label for="sender_age">Возраст:</label>
</div>
<div class="form-floating mb-3 col">
<input
type="text"
class="form-control"
id="sender_city"
name="sender_city"
pattern="[а-яА-ЯЁёa-zA-Z0-9\-\s]+"
required
/>
<label for="sender_city">Город:</label>
<small>Русские, английские буквы, цифры, тире и пробел</small>
</div>
<div class="form-floating mb-3 col">
<input
type="text"
class="form-control"
id="telegram_name"
name="telegram_name"
pattern="[a-zA-Z0-9\-_]+"
required
/>
<label for="telegram_name">Telegram:</label>
<small>Английские буквы, цифры, тире, подчёркивание</small>
</div>
</div>
<div class="row">
<div class="form-floating mb-3 col">
<select
id="sender_relationship"
name="sender_relationship"
class="form-control"
pattern="[a-z_]+"
required
>
<option value="" selected disabled></option>
<option value="single">Один/одна</option>
<option value="married">Состою в браке</option>
<option value="open_relationship">
В свободных/открытых отношениях
</option>
<option value="relationship_without_commitment">
В отношениях без обязательств
</option>
</select>
<label for="sender_relationship">Мой статус:</label>
</div>
<div class="form-floating mb-3 col">
<select
id="sender_having_kids"
name="sender_having_kids"
class="form-control"
pattern="[a-z]+"
required
>
<option value="" selected disabled></option>
<option value="no">Нет</option>
<option value="yes">Есть</option>
</select>
<label for="sender_having_kids">Наличие детей:</label>
</div>
<!-- <div class="form-floating mb-3 col">
<select
id="sender_looking_relationship"
name="sender_looking_relationship"
class="form-control"
pattern="[a-z_]+"
required
>
<option
value=""
selected
disabled
></option>
<option value="friendship">
Дружбу
</option>
<option value="marriage">Брак</option>
<option value="open_relationship">
Свободные/открытые отношения
</option>
<option
value="relationship_without_commitment"
>
Отношения без обязательств
</option>
<option value="relationships_for_money">
Отношения за деньги
</option>
</select>
<label for="sender_looking_relationship"
>Ищу:</label
>
</div> -->
<div class="form-floating mb-3 col">
<select
id="sender_want_to_have_kids"
name="sender_want_to_have_kids"
class="form-control"
pattern="[a-z]+"
required
>
<option value="" selected disabled></option>
<option value="yes">Да</option>
<option value="maybe">Возможно</option>
<option value="no">Нет</option>
</select>
<label for="sender_want_to_have_kids"
>Хочешь иметь детей?:</label
>
</div>
</div>
<div class="row">
<div class="form-floating mb-3 col">
<textarea
type="text"
class="form-control"
style="height: 10rem"
id="interests_in_school_university"
name="interests_in_school_university"
pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+"
required
></textarea>
<label for="interests_in_school_university"
>Интересы в школе, вузе:</label
>
</div>
<div class="form-floating mb-3 col">
<textarea
type="text"
class="form-control"
style="height: 10rem"
id="interests_in_sports"
name="interests_in_sports"
pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+"
required
></textarea>
<label for="interests_in_sports">Интересы в спорте:</label>
</div>
</div>
<div class="row">
<div class="form-floating mb-3 col">
<textarea
type="text"
class="form-control"
style="height: 10rem"
id="interests_in_work"
name="interests_in_work"
pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+"
required
></textarea>
<label for="interests_in_work">Интересы в работе:</label>
</div>
<div class="form-floating mb-3 col">
<textarea
type="text"
class="form-control"
style="height: 10rem"
id="interests_in_your_free_time"
name="interests_in_your_free_time"
pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+"
required
></textarea>
<label for="interests_in_your_free_time"
>Интересы в свободное время:</label
>
</div>
</div>
<div class="row">
<div class="form-floating mb-3 col">
<textarea
type="text"
class="form-control"
style="height: 10rem"
id="pets_plants_fish"
name="pets_plants_fish"
pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+"
required
></textarea>
<label for="pets_plants_fish"
>Домашние животные, растения, рыбки:</label
>
</div>
<div class="form-floating mb-3 col">
<textarea
type="text"
class="form-control"
style="height: 10rem"
id="relationships_with_relatives_and_friends"
name="relationships_with_relatives_and_friends"
pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+"
required
></textarea>
<label for="relationships_with_relatives_and_friends"
>Отношения с родственниками и друзьями:</label
>
</div>
</div>
<div class="row">
<div class="form-floating mb-3 col">
<textarea
type="text"
class="form-control"
style="height: 10rem"
id="past_relationships"
name="past_relationships"
pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+"
required
></textarea>
<label for="past_relationships">Прошлые отношения:</label>
</div>
<div class="form-floating mb-3 col">
<textarea
type="text"
class="form-control"
style="height: 10rem"
id="life_principles_values"
name="life_principles_values"
pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+"
required
></textarea>
<label for="life_principles_values"
>Жизненные принципы, ценности:</label
>
</div>
</div>
<div class="row">
<div class="form-floating mb-3 col">
<textarea
type="text"
class="form-control"
style="height: 10rem"
id="goals_in_life"
name="goals_in_life"
pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+"
required
></textarea>
<label for="goals_in_life">Цели в жизни:</label>
</div>
<div class="form-floating mb-3 col">
<textarea
class="form-control"
id="message_text"
style="height: 10rem"
name="message_text"
pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+"
required
></textarea>
<label for="message_text">Сообщение:</label>
</div>
</div>
<div class="mb-3" id="offer_block">
<mark
><output id="offer" name="offer" class="center w-100"></output
></mark>
</div>
<div class="mb-3">
<input
type="checkbox"
class="btn-check"
id="privacy_accept"
name="privacy_accept"
required
autocomplete="off"
/>
<label class="btn btn-outline-primary" for="privacy_accept"
>Даю согласие на обработку персональных данных</label
>
</div>
<!-- <small style="color: var(--bs-warning-text-emphasis);">Допускаются только буквы русского и английского алфавита, и цифры</small> -->
</div>
<div class="modal-footer">
<div class="btn-group" role="group">
<button
type="button"
class="btn btn-outline-primary"
data-bs-dismiss="modal"
>
Закрыть
</button>
<button type="reset" class="btn btn-outline-primary">
Очистить
</button>
<button type="submit" class="btn btn-outline-primary">
Отправить
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" class="d-none">
<symbol id="check2" viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"
></path>
</symbol>
<symbol id="circle-half" viewBox="0 0 16 16">
<path
d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"
></path>
</symbol>
<symbol id="moon-stars-fill" viewBox="0 0 16 16">
<path
d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"
></path>
<path
d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"
></path>
</symbol>
<symbol id="sun-fill" viewBox="0 0 16 16">
<path
d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"
></path>
</symbol>
</svg>
<div
class="dropdown position-fixed bottom-0 start-0 mb-3 me-3 bd-mode-toggle"
>
<button
class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
id="bd-theme"
type="button"
aria-expanded="false"
data-bs-toggle="dropdown"
aria-label="Toggle theme (auto)"
>
<svg class="bi my-1 theme-icon-active" aria-hidden="true">
<use href="#circle-half"></use>
</svg>
<span class="visually-hidden" id="bd-theme-text">Toggle theme </span>
</button>
<ul
class="dropdown-menu dropdown-menu-end shadow"
aria-labelledby="bd-theme-text"
>
<li>
<button
type="button"
class="dropdown-item d-flex align-items-center"
data-bs-theme-value="light"
aria-pressed="false"
>
<svg class="bi me-2 opacity-50" aria-hidden="true">
<use href="#sun-fill"></use>
</svg>
Light
<svg class="bi ms-auto d-none" aria-hidden="true">
<use href="#check2"></use>
</svg>
</button>
</li>
<li>
<button
type="button"
class="dropdown-item d-flex align-items-center"
data-bs-theme-value="dark"
aria-pressed="false"
>
<svg class="bi me-2 opacity-50" aria-hidden="true">
<use href="#moon-stars-fill"></use>
</svg>
Dark
<svg class="bi ms-auto d-none" aria-hidden="true">
<use href="#check2"></use>
</svg>
</button>
</li>
<li>
<button
type="button"
class="dropdown-item d-flex align-items-center active"
data-bs-theme-value="auto"
aria-pressed="true"
>
<svg class="bi me-2 opacity-50" aria-hidden="true">
<use href="#circle-half"></use>
</svg>
Auto
<svg class="bi ms-auto d-none" aria-hidden="true">
<use href="#check2"></use>
</svg>
</button>
</li>
</ul>
</div>
<svg xmlns="http://www.w3.org/2000/svg" class="d-none">
<symbol id="check" viewBox="0 0 16 16">
<title>Check</title>
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"
></path>
</symbol>
</svg>
<div class="container py-3">
<header>
<div
class="d-flex flex-column flex-md-row align-items-center pb-3 mb-4 border-bottom"
>
<a
href="/"
class="d-flex align-items-center link-body-emphasis text-decoration-none"
>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="32"
height="32"
viewBox="0 0 32 32"
>
<path
fill-rule="nonzero"
fill="rgb(89.019608%, 87.058824%, 85.882353%)"
fill-opacity="1"
d="M 17.554688 12.542969 C 17.554688 17.15625 13.8125 20.894531 9.199219 20.894531 C 4.585938 20.894531 0.847656 17.15625 0.847656 12.542969 C 0.847656 7.929688 4.585938 4.191406 9.199219 4.191406 C 13.8125 4.191406 17.554688 7.929688 17.554688 12.542969 Z M 17.554688 12.542969 "
/>
<path
fill-rule="nonzero"
fill="rgb(89.019608%, 87.058824%, 85.882353%)"
fill-opacity="1"
d="M 24.480469 16.519531 C 24.480469 21.132812 20.742188 24.871094 16.128906 24.871094 C 11.515625 24.871094 7.773438 21.132812 7.773438 16.519531 C 7.773438 11.90625 11.515625 8.167969 16.128906 8.167969 C 20.742188 8.167969 24.480469 11.90625 24.480469 16.519531 Z M 24.480469 16.519531 "
/>
<path
fill-rule="nonzero"
fill="rgb(89.019608%, 87.058824%, 85.882353%)"
fill-opacity="1"
d="M 31.097656 12.691406 C 31.097656 17.304688 27.359375 21.042969 22.746094 21.042969 C 18.132812 21.042969 14.394531 17.304688 14.394531 12.691406 C 14.394531 8.078125 18.132812 4.339844 22.746094 4.339844 C 27.359375 4.339844 31.097656 8.078125 31.097656 12.691406 Z M 31.097656 12.691406 "
/>
<path
fill-rule="nonzero"
fill="rgb(83.137255%, 0%, 0%)"
fill-opacity="1"
d="M 9.277344 2.328125 C 7.226562 2.335938 5.175781 3.121094 3.578125 4.703125 C 1.757812 6.503906 0.730469 9.40625 0.820312 12.320312 C 0.828125 12.632812 0.851562 12.945312 0.886719 13.257812 C 2.207031 13.714844 3.574219 14.25 5.246094 13.890625 C 5.648438 10.855469 7.0625 6.617188 9.273438 6.507812 C 9.300781 6.503906 9.328125 6.503906 9.355469 6.503906 C 9.738281 6.5 10.042969 6.609375 10.265625 6.816406 C 10.523438 7.042969 10.640625 7.375 10.640625 7.800781 C 10.617188 10.074219 8.6875 13.042969 7.109375 13.957031 C 6.917969 14.914062 6.824219 15.785156 6.824219 16.386719 C 6.824219 17.4375 6.871094 18.707031 7.25 19.042969 C 7.320312 19.085938 7.390625 19.109375 7.484375 19.109375 C 8.402344 19.042969 9.792969 15.292969 10.40625 13.332031 C 10.421875 13.285156 10.464844 13.25 10.519531 13.222656 C 10.597656 13.074219 10.671875 12.980469 10.738281 12.953125 C 10.949219 12.839844 11.140625 12.820312 11.304688 12.820312 C 11.351562 12.371094 11.515625 11.835938 11.871094 11.414062 C 12.199219 11.035156 12.621094 10.8125 13.140625 10.789062 L 13.1875 10.789062 C 14.742188 10.789062 15.074219 12.839844 15.121094 13.0625 C 15.214844 13.777344 15.214844 14.535156 15.097656 15.292969 C 15.582031 14.921875 15.925781 14.328125 16.140625 13.855469 C 16.136719 13.601562 16.121094 13.375 16.089844 13.199219 C 16.066406 13.085938 16.136719 12.976562 16.230469 12.953125 C 16.628906 12.839844 17.101562 12.90625 17.429688 13.109375 C 17.644531 13.242188 17.761719 13.441406 17.785156 13.667969 C 17.855469 14.515625 17.832031 15.5625 17.808594 16.453125 C 17.808594 17.078125 17.785156 17.660156 17.808594 18.105469 C 17.808594 18.195312 17.832031 18.371094 17.878906 18.441406 C 17.902344 18.460938 17.925781 18.460938 17.949219 18.460938 C 18.515625 18.105469 19.199219 16.902344 19.738281 15.316406 C 19.738281 15.273438 19.761719 15.25 19.761719 15.207031 C 19.007812 14.714844 18.539062 13.441406 18.46875 12.195312 C 18.445312 12.082031 18.300781 9.339844 19.785156 9.160156 C 20.046875 9.136719 20.800781 9.050781 21.011719 10.34375 C 21.199219 11.503906 21.011719 13.199219 20.515625 14.9375 C 20.585938 14.960938 20.660156 14.960938 20.730469 14.960938 C 21.25 14.925781 21.785156 14.273438 22.078125 13.816406 C 22.21875 13.304688 22.429688 12.785156 22.707031 12.304688 C 23.390625 11.191406 24.308594 10.5 25.296875 10.363281 C 26.121094 10.253906 26.523438 10.5 26.6875 10.722656 C 26.96875 11.054688 26.992188 11.570312 26.78125 12.082031 C 26.121094 13.734375 24.753906 14.671875 23.8125 14.960938 C 23.789062 15.226562 23.765625 15.472656 23.789062 15.742188 C 23.953125 17.457031 24.566406 17.769531 25.085938 17.816406 C 27.15625 18.015625 28.808594 14.222656 30.902344 14.023438 C 30.9375 14.019531 30.96875 14.015625 31.003906 14.015625 C 31.105469 13.453125 31.164062 12.886719 31.179688 12.324219 C 31.269531 9.410156 30.242188 6.507812 28.421875 4.707031 C 26.601562 2.90625 23.988281 2.210938 21.925781 2.355469 C 19.863281 2.5 18.355469 3.488281 17.386719 4.726562 C 16.671875 5.640625 16.253906 6.695312 16 7.691406 C 15.75 6.691406 15.328125 5.640625 14.613281 4.722656 C 13.644531 3.484375 11.4375 2.394531 9.582031 2.332031 C 9.480469 2.328125 9.378906 2.328125 9.277344 2.328125 Z M 9.933594 7.242188 C 9.273438 7.242188 8.496094 8.601562 7.816406 10.945312 C 7.601562 11.613281 7.4375 12.351562 7.273438 13.042969 C 7.367188 12.976562 7.460938 12.886719 7.554688 12.796875 C 8.828125 11.570312 10.148438 9.316406 10.125 7.644531 C 10.125 7.578125 10.101562 7.488281 10.078125 7.398438 C 10.027344 7.242188 9.957031 7.242188 9.933594 7.242188 Z M 20.164062 9.808594 C 20.117188 9.808594 19.953125 10.054688 19.859375 11.078125 C 19.785156 11.816406 19.761719 12.683594 19.808594 13.289062 C 19.832031 13.753906 19.929688 14.113281 20.023438 14.359375 C 20.375 13.0625 20.539062 11.792969 20.46875 10.855469 C 20.421875 10.121094 20.304688 9.898438 20.210938 9.828125 C 20.210938 9.808594 20.1875 9.808594 20.164062 9.808594 Z M 25.957031 11.054688 C 25.769531 11.054688 25.53125 11.167969 25.296875 11.367188 C 24.730469 11.859375 24.167969 12.953125 23.90625 14.222656 C 24.636719 13.910156 25.179688 13.355469 25.722656 12.417969 C 25.957031 12.015625 26.167969 11.28125 26.050781 11.101562 C 26.050781 11.054688 26.027344 11.054688 26.027344 11.054688 Z M 13.449219 11.367188 C 13.234375 11.390625 13.023438 11.503906 12.859375 11.703125 C 12.480469 12.171875 12.363281 12.996094 12.503906 13.867188 C 12.648438 14.601562 12.976562 15.605469 14.105469 15.628906 L 14.296875 15.628906 C 14.484375 14.714844 14.53125 13.734375 14.390625 12.929688 C 14.152344 11.480469 13.636719 11.367188 13.472656 11.367188 Z M 0.980469 13.921875 C 1.394531 16.304688 2.601562 18.691406 4.808594 21.0625 C 7.507812 23.96875 11.710938 26.851562 13.832031 28.300781 C 15.34375 29.328125 15.808594 29.617188 15.96875 29.667969 C 16.078125 29.703125 16.398438 29.507812 18.167969 28.304688 C 20.289062 26.855469 24.492188 23.972656 27.191406 21.066406 C 29.03125 19.089844 30.175781 17.101562 30.746094 15.113281 C 30.714844 15.105469 30.679688 15.097656 30.644531 15.09375 C 29.371094 14.914062 27.179688 18.953125 24.332031 18.527344 C 23.363281 18.371094 22.023438 17.414062 21.90625 15.339844 C 21.890625 15.171875 21.890625 14.992188 21.902344 14.808594 C 21.550781 15.140625 21.101562 15.410156 20.5625 15.429688 C 20.492188 15.429688 20.445312 15.429688 20.375 15.40625 C 20.328125 15.539062 20.304688 15.675781 20.257812 15.808594 C 19.527344 17.90625 18.632812 19.265625 17.808594 19.464844 C 17.714844 19.488281 17.644531 19.488281 17.546875 19.488281 C 17.335938 19.488281 17.125 19.421875 16.9375 19.289062 C 16.582031 19.0625 16.160156 18.507812 16.089844 17.234375 C 16.066406 16.765625 16.089844 16.140625 16.113281 15.496094 C 16.117188 15.332031 16.121094 15.175781 16.125 15.015625 C 15.867188 15.390625 15.46875 15.808594 14.957031 16.054688 C 14.859375 16.433594 14.742188 16.789062 14.601562 17.144531 C 14.128906 18.285156 13.449219 19.0625 12.8125 19.199219 C 12.648438 19.21875 12.503906 19.242188 12.363281 19.242188 C 11.964844 19.242188 11.609375 19.132812 11.304688 18.929688 C 10.550781 18.441406 10.148438 17.390625 10.03125 16.609375 C 10.011719 16.492188 9.996094 16.367188 9.988281 16.246094 C 9.308594 17.980469 8.34375 19.707031 7.203125 19.777344 C 6.425781 19.777344 5.222656 18.683594 5.128906 15.652344 C 5.128906 15.292969 5.152344 14.871094 5.199219 14.425781 C 3.570312 14.691406 2.191406 14.3125 0.980469 13.921875 Z M 12.058594 15.207031 C 11.941406 15.851562 11.820312 16.542969 11.917969 17.347656 C 11.988281 17.835938 12.105469 18.171875 12.292969 18.304688 C 12.410156 18.394531 12.527344 18.371094 12.625 18.351562 L 12.671875 18.351562 C 12.929688 18.328125 13.164062 18.171875 13.398438 17.882812 C 13.730469 17.503906 13.988281 16.902344 14.179688 16.210938 L 13.964844 16.210938 C 13.070312 16.121094 12.457031 15.695312 12.058594 15.207031 Z M 12.058594 15.207031 "
/>
</svg>
<span class="fs-4">Найдём свою любовь вместе</span>
</a>
<nav class="d-inline-flex mt-2 mt-md-0 ms-md-auto">
<a
class="me-3 py-2 link-body-emphasis text-decoration-none"
href=""
data-bs-toggle="modal"
data-bs-target="#AboutMeModal"
><i class="fa-solid fa-user"></i> Обо мне</a
>
<a
class="me-3 py-2 link-body-emphasis text-decoration-none"
href=""
data-bs-toggle="modal"
data-bs-target="#TermModal"
><i class="fa-solid fa-newspaper"></i> О сайте</a
>
<a
class="me-3 py-2 link-body-emphasis text-decoration-none"
href="https://www.tinkoff.ru/cf/7OmVoFjdFNI"
target="_blank"
><i class="fa-solid fa-hand-holding-heart"></i> Поддержать</a
>
</nav>
</div>
<div class="pricing-header p-3 pb-md-4 mx-auto text-center">
<h1 class="display-4 fw-normal text-body-emphasis">
Выбери какие отношения ты хочешь со мной
</h1>
<p class="fs-5 text-body-secondary">
Ты выбираешь, мы обсуждаем и делаем или не делаем.
</p>
</div>
</header>
<main>
<div class="row row-cols-1 row-cols-md-4 mb-3 text-center">
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm card-min-height">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Секс за деньги</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">Только секс</h1>
<h2>
<small class="text-body-secondary fw-light"
>Ничего больше</small
>
</h2>
<p>Деньги</p>
</div>
<div class="card-footer">
<!-- Button trigger modal -->
<button
type="button"
class="w-100 btn btn-lg btn-outline-primary"
data-bs-toggle="modal"
data-bs-target="#exampleModal"
data-bs-theme="Секс за деньги"
>
Просто начни
</button>
</div>
</div>
</div>
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm card-min-height">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Секс без обязательств</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">Только секс</h1>
<h2>
<small class="text-body-secondary fw-light"
>Ничего больше</small
>
</h2>
<p>Чем же ты сможешь меня заинтеревовать?</p>
</div>
<div class="card-footer">
<!-- Button trigger modal -->
<button
type="button"
class="w-100 btn btn-lg btn-outline-primary"
data-bs-toggle="modal"
data-bs-target="#exampleModal"
data-bs-theme="Секс без обязательств"
>
Просто начни
</button>
</div>
</div>
</div>
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm card-min-height">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Дружба</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">
Никто никому ничего не должен
</h1>
<h2>
<small class="text-body-secondary fw-light"
>Вообще ничего</small
>
</h2>
<p>Бесплатно</p>
</div>
<div class="card-footer">
<!-- Button trigger modal -->
<button
type="button"
class="w-100 btn btn-lg btn-outline-primary"
data-bs-toggle="modal"
data-bs-target="#exampleModal"
data-bs-theme="Дружба"
>
Просто начни
</button>
</div>
</div>
</div>
<div class="col">
<div
class="card mb-4 rounded-3 shadow-sm border-primary card-min-height"
>
<div class="card-header py-3 text-bg-primary border-primary">
<h4 class="my-0 fw-normal">Серьёзные отношения</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">
Всё как у взрослых
</h1>
<h2>
<small class="text-body-secondary fw-light"
>Ты же уже вырос, правда?</small
>
</h2>
<p>Обо всём можно договориться словами через рот</p>
</div>
<div class="card-footer">
<!-- Button trigger modal -->
<button
type="button"
class="w-100 btn btn-lg btn-primary"
data-bs-toggle="modal"
data-bs-target="#exampleModal"
data-bs-theme="Серьёзные отношения"
>
Просто начни
</button>
</div>
</div>
</div>
</div>
<h2 class="display-6 text-center mb-4">Сравнение возможностей</h2>
<div class="table-responsive">
<table class="table text-center">
<thead>
<tr>
<th style="width: 34%"></th>
<th style="width: 16, 5%">Секс за деньги</th>
<th style="width: 16, 5%">Секс без обязательств</th>
<th style="width: 16, 5%">Дружба</th>
<th style="width: 16, 5%">Серьёзные отношения</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" class="text-start">Встречи</th>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Прогулки</th>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Дружеские объятия</th>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">
Психологическая необременительная поддержка
</th>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">
Нематериальная необременительная помощь
</th>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Цветы</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Подарки</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Оплата такси</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Оплата кафе, ресторанов</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Оплата кино</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Держаться за руки</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Объятия возлюбленных</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Поцелуи</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">
Планирование совместной жизни, развития, доходов, расходов
</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Секс</th>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Планирование детей</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">
Покупка туристических путёвок
</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Покупка машины</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">Покупка квартиры</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
<tr>
<th scope="row" class="text-start">
Покупка земельного участка и дома
</th>
<td></td>
<td></td>
<td></td>
<td>
<svg
class="bi"
width="24"
height="24"
role="img"
aria-label="Included"
>
<use xlink:href="#check"></use>
</svg>
</td>
</tr>
</tbody>
</table>
</div>
</main>
<footer class="pt-4 my-md-5 pt-md-5 border-top">
<div class="row">
<div class="col-12 col-md">
<img
class="mb-2"
src="/static/assets/brand/lerafoxqueen-logo.svg"
alt=""
width="24"
height="19"
/>
<small class="d-block mb-3 text-body-secondary"
>&copy; LeraFoxQueen 2025
</small>
</div>
<!--
<div class="col-6 col-md">
<h5>Features</h5>
<ul class="list-unstyled text-small">
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Cool stuff
</a>
</li>
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Random feature
</a>
</li>
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Team feature
</a>
</li>
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Stuff for developers
</a>
</li>
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Another one
</a>
</li>
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Last time
</a>
</li>
</ul>
</div>
<div class="col-6 col-md">
<h5>Resources</h5>
<ul class="list-unstyled text-small">
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Resource
</a>
</li>
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Resource name
</a>
</li>
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Another resource
</a>
</li>
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Final resource
</a>
</li>
</ul>
</div>
<div class="col-6 col-md">
<h5>About</h5>
<ul class="list-unstyled text-small">
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Team
</a>
</li>
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Locations
</a>
</li>
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Privacy
</a>
</li>
<li class="mb-1">
<a class="link-secondary text-decoration-none" href="#"
>Terms
</a>
</li>
</ul>
</div>
-->
</div>
<div class="toast-container position-fixed bottom-0 end-0 p-3">
<div
id="liveToast"
class="toast"
role="alert"
aria-live="assertive"
aria-atomic="true"
>
<div class="toast-header">
<img
src="/static/assets/brand/lerafoxqueen-logo_32.svg"
class="rounded me-2"
alt="LeraFoxQueen"
/>
<strong class="me-auto">LeraFoxQueen</strong>
<small>Сейчас</small>
<button
type="button"
class="btn-close"
data-bs-dismiss="toast"
aria-label="Close"
></button>
</div>
<div class="toast-body">Сообщение отправлено</div>
</div>
<div
id="liveToastUUID"
class="toast"
role="alert"
aria-live="assertive"
aria-atomic="true"
>
<div class="toast-header">
<img
src="/static/assets/brand/lerafoxqueen-logo_32.svg"
class="rounded me-2"
alt="LeraFoxQueen"
/>
<strong class="me-auto">LeraFoxQueen</strong>
<small>Сейчас</small>
<button
type="button"
class="btn-close"
data-bs-dismiss="toast"
aria-label="Close"
></button>
</div>
<div class="toast-body"></div>
</div>
</div>
</footer>
</div>
<script
src="/static/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
class="astro-vvvwv3sm"
></script>
<!-- <script src="/static/node_modules/bootstrap-autocomplete/dist/latest/bootstrap-autocomplete.js"></script> -->
<script>
document.addEventListener("DOMContentLoaded", function () {
const exampleModal = document.getElementById("exampleModal");
const exampleModal_js = new bootstrap.Modal(exampleModal);
const toastLive = document.getElementById("liveToast");
const toastLive_js = new bootstrap.Toast(toastLive, {
autohide: false,
});
const toastLive_body = toastLive.querySelector(".toast-body");
const toastLiveUUID = document.getElementById("liveToastUUID");
const toastLiveUUID_js = new bootstrap.Toast(toastLiveUUID);
const toastLiveUUID_body = toastLiveUUID.querySelector(".toast-body");
if (exampleModal) {
exampleModal.addEventListener("show.bs.modal", (event) => {
// Button that triggered the modal
const button = event.relatedTarget;
// Extract info from data-bs-* attributes
const theme = button.getAttribute("data-bs-theme");
// If necessary, you could initiate an Ajax request here
// and then do the updating in a callback.
const offer_block = document.getElementById("offer_block");
const offer_field = document.getElementById("offer");
if (theme === "Секс за деньги") {
offer_block.style.display = "block";
offer_field.value =
"В сообщении укажи сколько ты готов потратить своих денег за час моего дневного времени, учитывая, что ночью я сплю.";
} else if (theme === "Секс без обязательств") {
offer_block.style.display = "block";
offer_field.value =
"Чем же ты сможешь меня заинтеревовать? Напиши в сообщении";
} else {
offer_block.style.display = "none";
offer_field.value = "";
}
// Update the modal's content.
const modalTitle = exampleModal.querySelector(".modal-title");
modalTitle.textContent = `${theme}`;
const theme_field = document.getElementById("theme_name");
theme_field.value = theme;
const sender_looking_relationship_field = document.getElementById(
"sender_looking_relationship"
);
switch (theme) {
case "Секс за деньги":
sender_looking_relationship_field.value =
"relationships_for_money";
break;
case "Секс без обязательств":
sender_looking_relationship_field.value =
"relationship_without_commitment";
break;
case "Дружба":
sender_looking_relationship_field.value = "friendship";
break;
case "Серьёзные отношения":
sender_looking_relationship_field.value = "marriage";
break;
}
//const modalBodyInput = exampleModal.querySelector('.modal-body input')
//modalBodyInput.value = theme
});
}
// возвращает куки с указанным name,
// или undefined, если ничего не найдено
function getCookie(name) {
let matches = document.cookie.match(
new RegExp(
"(?:^|; )" +
name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, "\\$1") +
"=([^;]*)"
)
);
return matches ? decodeURIComponent(matches[1]) : undefined;
}
var sessionkey = getCookie("sessionkey");
if (sessionkey !== undefined) {
toastLiveUUID_body.textContent = "session key = " + sessionkey;
document.getElementById("sessionkey").value = sessionkey;
//toastLiveUUID_js.show();
}
/**
* Helper function for POSTing data as JSON with fetch.
*
* @param {Object} options
* @param {string} options.url - URL to POST data to
* @param {FormData} options.formData - `FormData` instance
* @return {Object} - Response body from URL that was POSTed to
*/
var postFormDataAsJson = async ({ url, formData }) => {
const plainFormData = Object.fromEntries(formData.entries());
const formDataJsonString = JSON.stringify(plainFormData);
const fetchOptions = {
method: "POST",
headers: {
Accept: "application/json",
"Content-Type": "application/json",
// "Content-Type": "application/x-www-form-urlencoded",
},
body: formDataJsonString,
};
//alert("about to post" + formDataJsonString);
console.log(url);
console.log(formDataJsonString);
const response = await fetch(url, fetchOptions);
if (!response.ok) {
const errorMessage = await response.text();
const message =
'Ошибка отправления. Свяжитесь с разработчиком <a href="https://t.me/LeraFoxQueen" target="_blank">LeraFoxQueen</a>';
exampleModal_js.toggle();
toastLive_body.innerHTML = message;
toastLive_js.show();
throw new Error(errorMessage);
}
return response.json();
};
/**
* Event handler for a form submit event.
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event
* @example const exampleForm = document.getElementById("example-form");
* exampleForm.addEventListener("submit", handleFormSubmit);
* @param {SubmitEvent} event
*/
var handleFormSubmit = async (event) => {
event.preventDefault();
const form = event.currentTarget;
const url = form.action;
try {
const formData = new FormData(form);
const responseData = await postFormDataAsJson({
url,
formData,
});
console.log({
responseData,
});
let telegram_name = document.getElementById("telegram_name").value;
var message = "";
if (responseData.id === null) {
message =
'Ошибка отправления. Возможно что была попытка отпавить анкету повторно. Свяжись с разработчиком <a href="https://t.me/LeraFoxQueen" target="_blank">LeraFoxQueen</a>';
} else {
message = `Сообщение отправлено. Если оно заинтересует, с тобой свяжутся по указанному контакту: <a href="https://t.me/${telegram_name}" target="_blank">${telegram_name}</a>`;
}
exampleModal_js.toggle();
toastLive_body.innerHTML = message;
toastLive_js.show();
} catch (error) {
console.error(error);
}
};
document
.querySelector("form[name='profile_send']")
.addEventListener("submit", handleFormSubmit);
});
</script>
</body>
</html>