0.0.146

static/css/styles.css

@@ -691,7 +691,7 @@ section.register>form {
 
     /* Body text 3 */
     height: 60px;
-    width: 100%;
+    width: 97%;
     background: #FF613A;
     color:  #FFF;
     /* Heading 5 */
@@ -1850,7 +1850,7 @@ button#more_button{
 .bottom_block_static img{
     position: absolute;
 }
-.bottom_block_static>#sub_title_static>p{
+#sub_title_static>p{
     /*перенос строки в верстке из переноса в html*/
     white-space: pre;
 }
@@ -2017,11 +2017,123 @@ button#send_feedback_form{
     margin-bottom: 20px;
 }
 
-
-
 /*end_static_pages*/
 
-/*my routes END*/
+/*Switcher*/
+
+.checkbox-green {
+    display: block;
+    height: 28px;
+    line-height: 28px;
+    vertical-align: middle;
+    font-size: 14px;
+    user-select: none;
+    margin: auto;
+    text-align: center;
+}
+.checkbox-green .checkbox-green-switch {
+	display: inline-block;
+	height: 28px;
+	width: 90px;
+	box-sizing: border-box;
+	position: relative;
+	border-radius: 2px;
+	background: #848484;
+	transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
+}
+.checkbox-green .checkbox-green-switch:before {
+	content: attr(data-label-on);
+	display: inline-block;
+	box-sizing: border-box;
+	width: 45px;
+	padding: 0 12px;
+	position: absolute;
+	top: 0;
+	left: 45px;
+	text-transform: uppercase;
+	text-align: center;
+	color: rgba(255, 255, 255, 0.5);
+	font-size: 10px;
+	line-height: 28px;
+}
+.checkbox-green .checkbox-green-switch:after {
+	content: attr(data-label-off);
+	display: inline-block;
+	box-sizing: border-box;
+	width: 44px;
+	border-radius: 1px;
+	position: absolute;
+	top: 1px;
+	left: 1px;
+	z-index: 5;
+	text-transform: uppercase;
+	text-align: center;
+	background: white;
+	line-height: 26px;
+	font-size: 10px;
+	color: #777;
+	transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
+}
+.checkbox-green input[type="checkbox"] {
+	display: block;
+	width: 0;
+	height: 0;
+	position: absolute;
+	z-index: -1;
+	opacity: 0;
+}
+.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch {
+	background-color: #70c767;
+}
+.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch:before {
+	content: attr(data-label-off);
+	left: 0;
+}
+.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch:after {
+	content: attr(data-label-on);
+	color: #4fb743;
+	transform: translate3d(44px, 0, 0);
+}
+
+/* Hover */
+.checkbox-green input[type="checkbox"]:not(:disabled) + .checkbox-green-switch:hover {
+	cursor: pointer;
+}
+.checkbox-green input[type="checkbox"]:not(:disabled) + .checkbox-green-switch:hover:after {
+	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
+}
+
+/* Disabled */
+.checkbox-green input[type=checkbox]:disabled + .checkbox-green-switch {
+	opacity: 0.6;
+	filter: grayscale(50%);
+}
+
+
+/*END Switcher*/
+
+/*Confidential_ policy*/
+.wrapper_name_art {
+    font-size: 44px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 52px;
+    text-align: center;
+    margin-bottom: 40px;
+}
+
+.wrapper_text_art{
+    width: 1280px;
+    margin: auto;
+}
+.wrapper_text_art>p{
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+}
+
+/*END_Confidential_ policy*/
 
 
 

templates/blocks/static_pages_blocks/b_mover_search.html

@@ -212,11 +212,6 @@
 
     </div>
 
-
-
-
-
-
     <div class="bottom_block_static">
         <div class="title_static_wrapper">
             <h2 id=title_static>{% translate "Оформи" %}</h2>

templates/pages/p_main.html

@@ -1,5 +1,6 @@
 {% extends 'tb_base.html' %}
 {% load static %}
+{% load i18n %}
 
 {% block meta %}
     <script src='{% static "js/find_route.js" %}'></script>
@@ -8,7 +9,207 @@
 {% endblock %}
 
 {% block content %}
+
+    <div class="top_block_static">
+
+           <div class="title_static_wrapper">
+                    <h2 id=title_static>{% translate "Отправляй" %}</h2>
+                    <span class="color_title">{% translate "посылку" %}</span>
+                    <h2 id=title_static>{% translate "в любую точку мира" %}</h2>
+                    <h2 id=title_static>!</h2>
+           </div>
+        <span id="sub_title_static">
+            <p>
+                {% translate "Сервис, который позволяет передавать посылки с путешественниками" %}
+                {% translate "без посредников. Знакомьтесь, встречайтесь и передавайте посылки." %}
+            </p>
+        </span>
+
+{#        <div class="switch">#}
+{#            <div class="form_radio_btn">#}
+{##}
+{#                <input class="{% if account_type == "mover" %}active {% else  %} deactive{% endif %}" id="radio-1" type="radio" name="account_type" value="mover" >#}
+{#                <label for="radio-1">Перевозчик</label>#}
+{#            </div>#}
+{#            <div class="form_radio_btn">#}
+{#                <input class="{% if account_type == "sender" %}active {% else  %} deactive{% endif %}" id="radio-2" type="radio" name="account_type" value="sender" checked>#}
+{#                <label for="radio-2">Отправитель</label>#}
+{#            </div>#}
+{#        </div>#}
+
+        <label class="checkbox-green">
+            <input type="checkbox">
+            <span class="checkbox-green-switch" data-label-on="On" data-label-off="Off"></span>
+        </label>
+
+
+        <img src="/static/img/png/Box1.png" alt="">
+        <img src="/static/img/png/Box2.png" alt="">
+        <img src="/static/img/png/Box3.png" alt="">
+        <img src="/static/img/png/Box4.png" alt="">
+    </div>
+
     <div class="cut-width">
         {% include "blocks/b_find_route_form.html" %}
     </div>
+
+    <div class="mid_block_static">
+
+        <h2 id="title_static">{% translate "О сервисе Trip With Bonus" %}</h2>
+
+
+        <h2 id="title_static">{% translate "Как это работает?" %}</h2>
+            <div class="benefit_img">
+
+                <div class="benefit_img_item">
+                     <img src="/static/img/svg/Find_carrier.svg" alt="">
+                </div>
+
+                <img src="/static/img/svg/Arrow_direction.svg" alt="">
+
+                <div class="benefit_img_item">
+                    <img src="/static/img/svg/Contact_carrier.svg" alt="">
+                </div>
+
+                <img src="/static/img/svg/Arrow_direction.svg" alt="">
+
+                <div class="benefit_img_item">
+                    <img src="/static/img/svg/Pass_package.svg" alt="">
+                </div>
+
+            </div>
+
+            <div class="benefit_title">
+                <div class="benefit_title_item">
+                    {% if page.url == 'for_customers' %}
+                        <h3>{% translate "Найдите перевозчика" %}</h3>
+                    {% endif %}
+                    {% if page.url == 'for_movers' %}
+                        <h3>{% translate "Разместите объявление" %}</h3>
+                    {% endif %}
+
+                    {% if page.url == 'for_customers' %}
+                        <span>{% translate "Зайдите на сайт Trip With Bonus и в форме вверху страницы, заполните данные для поиска перевозчика." %}</span>
+                    {% endif %}
+
+                    {% if page.url == 'for_movers' %}
+                        <span>{% translate "Укажите откуда, куда хотите перевезти посылку, а также Вашу дату отправки и прибытия. При желании Вы можете указать дополнительные параметры: тип, вес, вид перевозки и т.д" %}</span>
+                    {% endif %}
+
+                </div>
+
+                <div class="benefit_title_item">
+                    <h3>{% translate "Свяжитесь с перевозчиком" %}</h3>
+
+                    {% if page.url == 'for_customers' %}
+                        <span>{% translate "Откройте контакты на сайте и договоритесь о месте встречи и условиях перевозки" %}</span>
+                    {% endif %}
+
+                    {% if page.url == 'for_movers' %}
+                        <span>{% translate "В отобразившемся списке выберите подходящего отправителя и посылку, откройте контакты и свяжитесь удобным способом.  Если не нашли подходящего отправителя с посылкой, разместите объявление о возможности перевезти посылку и отправители Вас сами найдут" %}</span>
+                    {% endif %}
+
+                </div>
+
+                <div class="benefit_title_item">
+                    <h3>{% translate "Передайте посылку" %}</h3>
+                    {% if page.url == 'for_customers' %}
+                        <span>{% translate "Встречайтесь, знакомьтесь и передавайте посылку" %}</span>
+                    {% endif %}
+
+                    {% if page.url == 'for_movers' %}
+                        <span>{% translate "Обсудите с отправителем все условия: время, место и прочие детали. Готово! Доставьте посылку из пункта А в пункт Б и получите благодарность отправителя!" %}</span>
+                    {% endif %}
+                </div>
+
+            </div>
+
+
+    </div>
+
+
+
+    <div class="button_container">
+        {% if page.url == 'for_customers' %}
+             <button id="more_button">{% translate "Отправить посылку" %}</button>
+        {% endif %}
+        {% if page.url == 'for_movers' %}
+             <button id="more_button">{% translate "Перевезти посылку" %}</button>
+        {% endif %}
+    </div>
+    <div class="subscribes_container">
+        <h2 id=title_static>{% translate "Тарифы" %}</h2>
+
+        <div class="type_of_subscribes">
+        {% for subscribe in subscribes %}
+            <div class="container_subscribe light" style="background: {{ subscribe.bg_color }}">
+                <div class="first-decr-subscribe">
+                    <div style="color: {{ subscribe.text_color }}">
+                        {{ subscribe.name }}
+                    </div>
+                    <div class="price_subscribe">
+                        {% if subscribe.price %}
+                            {{ subscribe.price|floatformat }}$
+                        {% else %}
+                            Бесплатно
+                        {% endif %}
+                    </div>
+                    <div class="periud_subscribe" style="color: {{ subscribe.text_color }}">
+                        Период: {{ subscribe.period_name }}
+                    </div>
+                </div>
+                <div class="options_subscribe">
+                    <div class="options_subscribe_title light" style="color: {{ subscribe.text_color }}">
+                        Опции:
+                    </div>
+                    <div class="list_options_subscribe">
+                        <ul class="option_list">
+                            {% for opt in subscribe.options.all %}
+                                <li class="items_subscribe select" style="color: {{ subscribe.text_color }}"><text>{{ opt.name }}</text></li>
+                            {% endfor %}
+                            {% for opt_dis in subscribe.disabled_options %}
+                                <li class="items_subscribe unselect"><text>{{ opt_dis.name }}</text></li>
+                            {% endfor %}
+
+                        </ul>
+                    </div>
+                </div>
+                <div class="text-align-center">
+                    <button onclick="send_subscribe({{ subscribe.id }})" class="arrange_subscribe">Оформить подписку</button>
+                </div>
+            </div>
+        {% endfor %}
+    </div>
+
+    </div>
+
+    <div class="bottom_block_static">
+        <div class="title_static_wrapper">
+            <h2 id=title_static>{% translate "Оформи" %}</h2>
+            <span class="color_title">{% translate "подписку" %}</span>
+            <h2 id=title_static>{% translate "сейчас и получи" %}</h2>
+        </div>
+
+
+        <div class="title_static_wrapper">
+                    <span class="color_title">{% translate "1 день" %}</span>
+                    <h2 id=title_static>{% translate "пользования сервисом" %}</h2>
+                    <span class="color_title">{% translate "в подарок" %}</span>
+                    <h2 id=title_static>!</h2>
+        </div>
+
+
+
+
+        <div class="button_container">
+                <button id="more_button">{% translate "Получить" %}</button>
+        </div>
+
+        <img src="/static/img/png/Box5.png" alt="">
+        <img src="/static/img/png/Box4.png" alt="">
+        <img src="/static/img/png/Box4.png" alt="">
+        <img src="/static/img/png/Box6.png" alt="">
+    </div>
+
+
 {% endblock %}

templates/pages/p_user_page.html

@@ -1,7 +1,9 @@
 {% extends "tb_base.html" %}
 
 {% block content %}
-    <div>{{ art.name }}</div>
-    <div>{{ art.description }}</div>
-    <div>{{ art.text|safe }}</div>
+    <div class="wrapper_name_art">{{ art.name }}</div>
+    {% if art.description != none %}
+        <div>{{ art.description }}</div>
+    {% endif %}
+    <div class="wrapper_text_art">{{ art.text|safe }}</div>
 {% endblock %}