new conference

static/client/css/main.css

@@ -5294,6 +5294,12 @@ dl.add-info dd ul li {
 .i-divs .i-tags a {
     white-space: normal
 }
+.i-tags.grey,.i-tags.grey a{
+    color: #a2a2a2;
+}
+.i-tags.grey a:hover{
+    color: #FF6600;
+}
 .i-sub-articles {
     font-family: dindisplay_pro, sans-serif;
     font-size: 16px;
@@ -5319,11 +5325,13 @@ dl.add-info dd ul li {
 .i-steps .is-title {
     font-family: dindisplay_pro, sans-serif;
     font-weight: 100;
-    font-size: 26px;
+    font-size: 28px;
-    line-height: 27px;
+    line-height: 28px;
     text-align: center;
     text-transform: uppercase;
-    margin-bottom: 15px
+    margin-bottom: 15px;
+    color: #000;
+    font-weight: 300;
 }
 .i-steps ul {
     margin: 0;
@@ -13575,7 +13583,7 @@ blockquote{
 }
 
 .speakers_slider .slick-prev:before{
-    content: '⟨';
+    content: '‹';
     font-family: Arial, san-serif;
     color: #b7b7b6;
     font-size: 38px;
@@ -13583,12 +13591,94 @@ blockquote{
 }
 
 .speakers_slider .slick-next:before{
-    content: '⟩';
+    content: '›';
-    font-family: Arial, san-serif;
+    font-family: Arial, sans-serif;
     color: #b7b7b6;
     font-size: 38px;
     font-weight: 100;
 }
 
 
+.last_photos_slider{
+    margin-bottom: 22px;
+}
+
+.last_photos_slider .slick-prev{
+    left: 0;
+    top: 0;
+    bottom: 0;
+    -webkit-transform: none;
+        -ms-transform: none;
+         -o-transform: none;
+            transform: none;
+    background: rgba(0,0,0,.5);
+    height: 100%;
+    z-index: 100;
+    width: 60px;
+    text-align: center;
+}
+
+.last_photos_slider .slick-prev:focus,
+.last_photos_slider .slick-next:focus{
+    background: rgba(0,0,0,.5);
+}
 
+.last_photos_slider .slick-prev:before{
+    content: '‹';
+    font-family: dindisplay_pro, sans-serif;
+    color: #b7b7b6;
+    font-size: 80px;
+    font-weight: 100;
+}
+
+.last_photos_slider .slick-prev:hover{
+    background: rgba(0,0,0,.8);
+}
+
+.last_photos_slider .slick-next{
+    top: 0;
+    right: 0;
+    bottom: 0;
+    -webkit-transform: none;
+        -ms-transform: none;
+         -o-transform: none;
+            transform: none;
+    background: rgba(0,0,0,.5);
+    height: 100%;
+    z-index: 100;
+    width: 60px;
+    text-align: center;
+}
+
+.last_photos_slider .slick-next:before{
+    content: '›';
+    font-family: dindisplay_pro, sans-serif;
+    color: #b7b7b6;
+    font-size: 80px;
+    font-weight: 100;
+}
+
+.last_photos_slider .slick-next:hover{
+    background: rgba(0,0,0,.8);
+}
+
+.conference_about h2{
+    font-weight: 500;
+    color: #000;
+    font-size: 28px;
+}
+
+.i-photo-slides h2{
+    font-family: dindisplay_pro, sans-serif;
+    font-size: 28px;
+    color: #000;
+}
+
+.last_photos_thumbs{
+    width: 765px;
+    margin: 0 auto;
+}
+
+.last_photos_thumbs img{
+    margin: 0 10px;
+}

templates/client/includes/conference/conference_partner.html

@@ -78,7 +78,11 @@
                         </header>
                     </div>
                 {% endif %}
+            </div>
+        </div>
+
         <hr />
+
         <div class="i-buttons clearfix">
             <div class="ib-main">
                 {% with event=event user=user %}
@@ -104,7 +108,9 @@
             </div>
             <div class="ib-add"><a target="_blank" class="button blue2 icon-find" href="http://www.booking.com/searchresults.html?aid={{ book_aid }}&city={{ object.city.id }}">{% trans 'Найти отель' %}</a></div>
         </div>
+
         <hr />
+
         <div class="i-divs clearfix">
             <div class="i-subj">
                 <ul>
@@ -116,7 +122,7 @@
 
                 </ul>
             </div>
-					<div class="i-tags">
+            <div class="i-tags grey">
                 {% with tags=event.tag.all %}
                     {% for tag in tags %}
                         <a href="{{ object.catalog }}tag/{{ tag.url }}/">{{ tag.name }}</a>{% if forloop.counter != tags|length %},{% endif %}
@@ -124,30 +130,72 @@
                 {% endwith %}
             </div>
         </div>
-			</div>
+
-		</div>
         {% include 'client/includes/conference/conference_services.html' with event=event %}
         {% include 'includes/event_steps.html' with event=event %}
 
+        <hr>
+
+        <div class="i-event-description conference_about">
+            <h2 class="ied-title">{% if event.event_type == 'expo' %}{% trans 'О выставке' %}{% else %}{% trans 'О конференции' %}{% endif %} {{ event.name|safe }}</h2>
+            {% if event.description %}
+                <div class="ied-text">{{ event.description|safe }}</div>
+            {% else %}
+                    <div class="ied-text" style="text-align: justify">
+                    {{ default_description|safe }}
+                </div>
+                {# {% include "client/includes/conference/default_description.html" with conf=event %} #}
+            {% endif %}
+        </div>
+
+        {% with speakers=event.speakers.all %}
+            {% if speakers %}
+                <div class="connference_speakers">
+                <h3>{% trans 'Спикеры' %}</h3>
+                    <div class="speakers_slider">
+                    {% for speaker in speakers %}
+                        <div class="speaker">
+                            <div class="speaker_img">
+                                {% thumbnail speaker.photo '196x139' crop="center" as im %}
+                                    <img src="{{ im.url }}" alt="img">
+                                {% endthumbnail %}
+                                <div class="overlay">
+                                    <span>
+                                        {{ speaker.company|default:'' }} <br> {{ speaker.position|default:'' }}
+                                    </span>
+                                </div>
+                            </div>
+
+                            <h5>{{ speaker.fullname }}</h5>
+                            <span>{{ speaker.company|default:'' }}</span>
+                        </div>
+                    {% endfor %}
+
+                    </div>
+                </div>
+
+                <hr>
+            {% endif %}
+        {% endwith %}
+
 
         {% if event.get_photos %}
             {% with photos=event.get_photos|slice:"5" %}
                 <div class="i-photo-slides">
-                <div class="sect-title">{% trans 'Фотографии с прошлой конференции' %}</div>
+                    <h2>{% trans 'Фотографии с прошлой конференции' %}</h2>
 
                     <div class="last_photos_slider">
                         {% for photo in photos %}
-                        {{ photo.get_display_url }}
+                            {% thumbnail photo.image '936x468' crop="center" as im %}
-                        {% thumbnail photo.get_display_url '936x468' crop="center" as im %}
+                                <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" alt="" />
-                            <img src="{{ im.url }}" alt="" />
                             {% endthumbnail %}
                         {% endfor %}
                     </div>
 
                     <div class="last_photos_thumbs">
                         {% for photo in photos %}
-                        {% thumbnail photo '137x95' crop="center" as im %}
+                            {% thumbnail photo.image '137x95' crop="center" as im %}
-                            <img src="{{ im.url }}" alt="" />
+                                <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" alt="" />
                             {% endthumbnail %}
                         {% endfor %}
                     </div>
@@ -155,19 +203,6 @@
             {% endwith %}
         {% endif %}
 
-
-	<div class="i-event-description">
-		<h2 class="ied-title">{% if event.event_type == 'expo' %}{% trans 'О выставке' %}{% else %}{% trans 'О конференции' %}{% endif %} {{ event.name|safe }}</h2>
-        {% if event.description %}
-            <div class="ied-text">{{ event.description|safe }}</div>
-        {% else %}
-						<div class="ied-text" style="text-align: justify">
-            	{{ default_description|safe }}
-            </div>
-            {# {% include "client/includes/conference/default_description.html" with conf=event %} #}
-    	{% endif %}
-	</div>
-
         <hr />
 
         <div class="i-event-additional clearfix">
@@ -233,34 +268,6 @@
         {% include "client/includes/article/articles_in_event.html" with event=event news_list=news %}
         <hr />
 
-    {% with speakers=event.speakers.all %}
-        {% if speakers %}
-            <div class="connference_speakers">
-		    <h3>{% trans 'Спикеры' %}</h3>
-                <div class="speakers_slider">
-                {% for speaker in speakers %}
-                    <div class="speaker">
-                        <div class="speaker_img">
-                            {% thumbnail speaker.photo '196x139' crop="center" as im %}
-                                <img src="{{ im.url }}" alt="img">
-                            {% endthumbnail %}
-                            <div class="overlay">
-                                <span>
-                                    {{ speaker.company|default:'' }} <br> {{ speaker.position|default:'' }}
-                                </span>
-                            </div>
-                        </div>
-
-                        <h5>{{ speaker.fullname }}</h5>
-                        <span>{{ speaker.company|default:'' }}</span>
-                    </div>
-                {% endfor %}
-
-                </div>
-            </div>
-        {% endif %}
-    {% endwith %}
-
     <div class="i-members clearfix">
         <div class="im-participants">
         {% with companies=event.company.all|slice:":6" %}
@@ -456,11 +463,31 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
 
     <script>
-        $(function () {
+        $(window).load(function(){
             $('.speakers_slider').slick({
                 slidesToShow: 4,
                 slidesToScroll: 1,
             });
+
+
+            $('.last_photos_slider').slick({
+                slidesToShow: 1,
+                slidesToScroll: 1,
+                // arrows: false,
+                fade: true,
+                asNavFor: '.last_photos_thumbs'
+            });
+
+            $('.last_photos_thumbs').slick({
+                slidesToShow: 5,
+                slidesToScroll: 1,
+                asNavFor: '.last_photos_slider',
+                dots: false,
+                variableWidth: true,
+                // centerMode: true
+                focusOnSelect: true
+            });
+
         });
     </script>
 {% endblock %}