- upgrade link and icon for buttons shareing in social network

Author: a.shtyrnyaev

assets/css/all.css

@@ -429,7 +429,17 @@ th {
   font-family: 'icomoon';
   src:  url('../fonts/icomoon.eot');
   src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
-    url('../fonts/IcoMoon-Free.ttf') format('truetype'),
+    url('../fonts/icomoon.ttf') format('truetype');
+    url('../fonts/icomoon.woff') format('woff'),
+    url('../fonts/icomoon.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'icomoon-plus';
+  src:  url('../fonts/icomoon.eot');
+  src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
+  url('../fonts/IcoMoon-Free.ttf') format('truetype');
     url('../fonts/icomoon.woff') format('woff'),
     url('../fonts/icomoon.svg') format('svg');
   font-weight: normal;
@@ -451,6 +461,21 @@ th {
   -moz-osx-font-smoothing: grayscale;
 }
 
+[class^="icons-"], [class*=" icons-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon-plus' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
 .icon-slack:before {
   content: "\e901";
 }
@@ -466,22 +491,22 @@ th {
 .icon-twitter:before {
   content: "\ea96";
 }
-.icon-vk:before {
+.icons-vk:before {
   content: "\ea98";
 }
 .icon-yt:before {
   content: "\ea9d";
 }
-.icon-youtube:before {
+.icons-youtube:before {
   content: "\ea9e";
 }
-.icon-telegram:before {
+.icons-telegram:before {
   content: "\ea95";
 }
-.icon-g-plus:before {
+.icons-g-plus:before {
   content: "\ea8b";
 }
-.icon-linkd:before {
+.icons-linkd:before {
   content: "\eac9";
 }
 

templates/post.html

@@ -1,4 +1,6 @@
 {% extends 'base.html' %}
+
+{% load staticfiles nginx_image %}
 {% block title %} | {{ post.name }} {% endblock %}
 {% block head %}
 
@@ -12,7 +14,6 @@
 
 {% endblock %}
 {% block main_content %}
-{% load staticfiles nginx_image %}
 <section class="news-section" id="news">
   <div class="container">
     <div class="js-masonry" data-masonry-options='{"columnWidth": 2, "itemSelector": ".grid-item" }'>
@@ -27,10 +28,10 @@
 
                   <a href="https://twitter.com/intent/tweet?url=https://python.ru/post/{{ post.id }}&amp;text=@moscowpython {{ post.name }}%20 &amp;via=@moscowpython"><span class="icon-twitter"></span></a>
 
-                  <a rel="nofollow" href="http://vkontakte.ru/share.php?url=https://python.ru/post/{{ post.id }}"><span class="icon-vk"></span></a>
-                  <a rel="nofollow" href="https://t.me/share/url?url=https://python.ru/post/{{ post.id }}"><span class="icon-telegram"></span></a>
-                  <a rel="nofollow" href=" http://www.linkedin.com/shareArticle?mini=true&url=https://python.ru/post/{{ post.id }}"><span class="icon-linkd"></span></a>
-                  <a rel="nofollow" href="https://plus.google.com/share?url=https://python.ru/post/{{ post.id }}"><span class="icon-g-plus"></span></a>
+                  <a rel="nofollow" href="http://vkontakte.ru/share.php?url=https://python.ru/post/{{ post.id }}"><span class="icons-vk"></span></a>
+                  <a rel="nofollow" href="https://t.me/share/url?url=https://python.ru/post/{{ post.id }}"><span class="icons-telegram"></span></a>
+                  <a rel="nofollow" href=" http://www.linkedin.com/shareArticle?mini=true&url=https://python.ru/post/{{ post.id }}"><span class="icons-linkd"></span></a>
+                  <a rel="nofollow" href="https://plus.google.com/share?url=https://python.ru/post/{{ post.id }}"><span class="icons-g-plus"></span></a>
               </div>
                 <h1>{{ post.name }}</h1>
                   {% if post.url %}<time datetime="">{{ post.url }}</time>{% endif %}