new articles

9 years ago · 4a9c8516f1
parent 206c38b831
commit 4a9c8516f1
7 changed files with 199 additions and 14 deletions
--- a/static/client/css/main.css
+++ b/static/client/css/main.css
@ -9640,6 +9640,45 @@ hr+.rq-note {
    font-size: 13px;
    min-height: 95px
 }
+.blog_block_headline.full_width{
+    padding-left: 0;
+}
+.blog_block_headline.full_width h1{
+    font-size: 36px;
+    line-height: 1;
+}
+
+.blog_block_headline.full_width .article_info{
+    list-style: none;
+    padding: 0;
+}
+
+.blog_block_headline.full_width .article_info li{
+    display: inline-block;
+    margin-right: 20px;
+}
+
+.blog_block_headline.full_width .article_info a{
+    color: #666;
+}
+
+.blog_block_headline.full_width .article_info .fa{
+    color: #FF6600;
+    margin-right: 5px;
+}
+
+.article_tags{
+    color: #999;
+}
+
+.article_tags a{
+    color: #666;
+}
+
+.article_tags a:hover{
+    color: #FF6600;
+}
+
 .blog_block_headline strong {
    display: block;
    font-weight: 400;
@ -13007,6 +13046,18 @@ button.gray:hover {
    float: right;
 }

+.article_sharing{
+    border-top: 1px dashed #cccccc;
+    border-bottom: 1px dashed #cccccc;
+    margin: 15px -20px 0;
+    padding: 10px 20px;
+}
+
+.article_sharing .sharing_block{
+    display: inline-block;
+    vertical-align: middle;
+}
+
 .filter_form{
    background-color: #fff;
    border-radius: 3px;
@ -13205,6 +13256,69 @@ label[for="id_date_to"],
    margin-top: 15px;
 }

+ul.orange{
+    list-style: none;
+    padding-left: 25px;
+}
+
+ul.orange li:before{
+    content: '•';
+    color: #FF6600;
+    margin-right: 10px;
+    font-size: 18px;
+    line-height: inherit;
+}
+
+ul.checked{
+    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RDgyMDE2NEMzRENFMzExOTc2OEQwODY2QzY0MTY1QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCODk5MUY3MDlDNDgxMUU2OUI3REU4RTIyMEQwNTVDQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCODk5MUY2RjlDNDgxMUU2OUI3REU4RTIyMEQwNTVDQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MGFiYjJjOC1kNTUzLTVlNDQtOTM1NC1lZDA0ZDI1ZGQ3ZGMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphMmU2ZDI0NS0yM2NkLTExZTYtODdiNy1jYTVkZWJmZmMzZTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4kZ+7fAAABq0lEQVR42qzUO0ibURjG8URihSraC0gFpSCuCrVegnaoF8Sl4FCRiuBmRaSQENDNRekggnXwMlQFxcFBEVsRrHERoRoXRdtBvICDUMwidJBC+j/yBE4ODaaQAz++c97vyxPek/PFG4lEPGkYPvh9aQh6gWnE4mHPUI0j1OMWYTTrftiqz6rmRRBDuECjCXuNZSzh2hTxGweam3Gs+Y3CsnV9ixM04NLLnh0ymcB4im0VYgXl+IUaBd5t3Ccs/sf+fEWBWm6JB5mRgW481LoDT5MEVWFTQWb0YMd+wIS91B7MYw77qHCCXmEDj7WewWfUumH96v1KtefYxnutS/EFuVr/QK+Cn7hhXchBCCOqZ2ESC1hDnup/0Klfu03HJeHkFuvqUaD5goDW75x2h7Gn+SPku2GmnahVC+oacILOMGit17Hrttln7YcdOOrUQmovPvx444bZbSYL/K63xB4ptRkfMQWad3BLa899bbajKMlBjWnvVv9xrw6VbtgpplCGBzo/poVMa+6z5uaZVgzogCeEfcBPjOlfwLR8jibNo069BB/1uW922F8BBgAx/1yfsUyMnAAAAABJRU5ErkJggg==');
+}
+
+ul.checked li{
+    line-height: 19px;
+}
+
+ol.numeric{
+    counter-reset: myCounter;
+    padding-left: 25px;
+}
+
+ol.numeric li{
+    list-style: none;
+    line-height: 18px;
+}
+
+ol.numeric li:before {
+    counter-increment: myCounter;
+    content:counter(myCounter)'.';
+    color: #a8a8a8;
+    margin-right: 10px;
+    font-family: dindisplay_pro;
+    font-weight: bold;
+    font-size: 18px;
+    line-height: 18px;
+    vertical-align: middle;
+}
+
+blockquote{
+    margin-right: 0;
+    margin-left: 0;
+    border-left: 2px solid #FF6600;
+    padding-left: 15px;
+    font-style: italic;
+    font-size: 16px;
+}
+
+.full_sharing{
+    padding: 28px 20px;
+    border-top: 1px dashed #ccc;
+    border-bottom: 1px dashed #ccc;
+    margin-left: -20px;
+    margin-right: -20px;
+}
+
+.full_sharing .social-likes__button{
+    font-weight: 500;
+}



--- a/static/client/css_min/main.min.css
+++ b/static/client/css_min/main.min.css
--- a/static/img/article_author.png
+++ b/static/img/article_author.png
--- a/static/img/ul_marker.png
+++ b/static/img/ul_marker.png
--- a/templates/client/article/article.html
+++ b/templates/client/article/article.html
@ -22,23 +22,63 @@

 {% block content_list %}
 <div class="m-article cl-news blog_block">
-    <div class="blog_block_headline">
+    <div class="blog_block_headline full_width">

-        {% include 'client/includes/article/article_logo.html' with obj=object %}
+        <!--{% include 'client/includes/article/article_logo.html' with obj=object %}-->
        <h1>{{ object.main_title }}</h1>
-            <strong><span>{{ object.publish_date|date:"d E Y" }}</span>{% if object.theme.all.exists %}{% include 'client/includes/article_theme.html' with obj=object %}{% endif %}</strong>
+        <ul class="article_info">
+            <li><i class="fa fa-user"></i> Мануковская</li>
+            <li><i class="fa fa-calendar"></i> {{ object.publish_date|date:"d E Y" }}</li>
+            <li>Раздел: <a href="#">Event-индустрия</a></li>
+        </ul>
+        <!--<strong><span>{{ object.publish_date|date:"d E Y" }}</span></strong>-->
+        {% if object.theme.all.exists %}
+            <div class="article_tags">
+                Теги: {% include 'client/includes/article_theme.html' with obj=object %}
+            </div>
+        {% endif %}
+
+
        {% if request.user.is_admin %}
            <a target="_blank" class="button green " href="/admin/article/blog/{{ object.slug }}/">{% trans 'изменить' %}</a>
        {% endif %}
-        <div class="news_sharing">
+        <div class="article_sharing">
+            {% trans 'Поделитесь статьей с коллегами:' %}
            {% include "client/includes/sharing_block.html" %}
        </div>
 		<p style="text-align: justify" align="justify">&nbsp;</p>
    </div>
+    <div class="article_image">
+        <img src="{% thumbnail object.logo '935' %}" alt="{{ object.main_title }}">
+    </div>
    <div class="content-text">
+        <ul class="orange">
+            <li>fgreger</li>
+            <li>fgreger</li>
+            <li>fgreger</li>
+        </ul>
+
+        <ul class="checked">
+            <li>fgreger</li>
+            <li>fgreger</li>
+            <li>fgreger</li>
+            <li>fgreger</li>
+        </ul>
+
+        <ol class="numeric">
+            <li>fgreger</li>
+            <li>fgreger</li>
+            <li>fgreger</li>
+            <li>fgreger</li>
+        </ol>
+
        {{ object.description|safe }}
    </div>

+    <div class="full_sharing">
+        {% include 'client/includes/sharing_block_full.html' %}
+    </div>
+
    <div class="blog_avtor">
        {# <i>{% trans 'Источник' %}: {{ object.author }}</i> #}
        {% if object.tag.all.exists %}
@ -51,6 +91,27 @@
    </div>


+    <div class="article_author">
+        <div class="author">
+            {# для thumbnail '148x148' crop="center" #}
+            <img src="{% static 'img/article_author.png' %}" alt="">
+            <h4>Евгения Мануковская</h4>
+            <i>руководитель Expomap</i>
+            <ul>
+                <li><i class="fa fa-envelope"></i> <a href="mailto:manykovskaj@gmail.com">manykovskaj@gmail.com</a></li>
+                <li>
+                    <a href="#"><i class="fa-rss-square"></i></a>
+                    <a href="#"><i class="fa-facebook-square"></i></a>
+                    <a href="#"><i class="fa fa-linkedin-square"></i></a>
+                </li>
+            </ul>
+        </div>
+        <div class="author_about">
+            <p>Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезызвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.</p>
+            <p>По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых клиентов недоумение при попытках прочитать рыбу текст. В отличии от lorem ipsum, текст рыба на русском языке наполнит любой макет непонятным смыслом и придаст неповторимый колорит советских времен.</p>
+        </div>
+    </div>
+
 </div>
 {% with blogs=object.similars  %}
 {% if blogs %}
--- a/templates/client/includes/sharing_block.html
+++ b/templates/client/includes/sharing_block.html
@ -17,14 +17,17 @@

        $('.sharing_block').height($sl.outerHeight());

-        $(window).scroll(function(event) {
-            if( $(window).scrollTop() >= ot ){
-                $sl.css({
-                    left: left + 'px'
-                }).addClass('fixed');
-            } else {
-                $sl.removeClass('fixed');
-            }
-        });
+        if(!$sl.parents().hasClass('article_sharing')){
+
+            $(window).scroll(function() {
+                if( $(window).scrollTop() >= ot ){
+                    $sl.css({
+                        left: left + 'px'
+                    }).addClass('fixed');
+                } else {
+                    $sl.removeClass('fixed');
+                }
+            });
+        }
    });
 </script>
--- a/templates/client/includes/sharing_block_full.html
+++ b/templates/client/includes/sharing_block_full.html
@ -0,0 +1,7 @@
+<div class="social-likes">
+    <div class="vkontakte" title="Поделиться ссылкой во Вконтакте">Поделиться</div>
+    <div class="facebook" title="Поделиться ссылкой на Фейсбуке">Поделиться</div>
+    <div class="odnoklassniki" title="Поделиться ссылкой в Одноклассниках">Поделиться</div>
+    <div class="mailru" title="Поделиться ссылкой в Моём мире">Поделиться</div>
+    <div class="twitter" title="Поделиться ссылкой в Твиттере">Поделиться</div>
+</div>