Add banners for the 2018 edition of Python survey

Author: berkerpeksag

static/img/survey/jb_2018_banner_download_community_page.png

@@ -1143,6 +1143,11 @@
 
         a { padding: 0.3em 0.75em; }
     }
+
+    #python-jetbrains-survey {
+        display: block;
+    }
+
 }
 
 
@@ -1199,6 +1204,11 @@
     .job-description {
         @include pad( 1,1 );
     }
+
+    #python-jetbrains-survey {
+        display: block;
+    }
+
 }
 
 
@@ -1231,4 +1241,8 @@
     }
 
     .community-banner { background-position: 90% 0; }
+
+    #python-jetbrains-survey {
+        display: block;
+    }
 }

static/img/survey/jb_2018_banner_index_page.png

@@ -2322,6 +2322,9 @@ html[xmlns] .slides { display: block; }
   .footer-links a {
     padding: 0.3em 0.75em; }
 
+  #python-jetbrains-survey {
+    display: block; }
+
   .flex-slideshow.home-slideshow .caption-wrapper {
     float: left;
     width: 49%; }
@@ -2481,7 +2484,10 @@ html[xmlns] .slides { display: block; }
   .event-description,
   .job-description {
     padding-left: 8.51064%;
-    padding-right: 8.51064%; } }
+    padding-right: 8.51064%; }
+
+  #python-jetbrains-survey {
+    display: block; } }
 /* - - - Larger than 1200px - - - */
 @media (min-width: 75em) {
   body:after {
@@ -2514,7 +2520,10 @@ html[xmlns] .slides { display: block; }
       margin-right: 17.3913%; }
 
   .community-banner {
-    background-position: 90% 0; } }
+    background-position: 90% 0; }
+
+  #python-jetbrains-survey {
+    display: block; } }
 /* http://dev.w3.org/csswg/css-device-adapt/
  * http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
  * for IE10 Snap Mode on Metro

static/sass/_layout.scss

@@ -3065,9 +3065,20 @@ div.sidebar {
     margin-top: 0.625em;
     margin-bottom: 0; }
 
-img.align-right {
-  float: right;
-  margin-left: 1.25em; }
+#python-jetbrains-survey {
+  display: none; }
+  #python-jetbrains-survey > img {
+    display: block;
+    margin: auto; }
+
+.python-jetbrains-survey-index-page {
+  margin: -0.3125em 0 2.1875em 0; }
+
+.python-jetbrains-survey-community-page {
+  margin: 0.625em 0 1.5625em 0; }
+
+.python-jetbrains-survey-downloads-page {
+  margin: 0.3125em 0 1.5625em 0; }
 
 span.highlighted {
   background-color: yellow; }

static/sass/mq.css

@@ -2284,11 +2284,27 @@ div.sidebar {
     }
 }
 
-img.align-right {
-    float: right;
-    margin-left: px2em( 20px );
+// For Python survey
+
+#python-jetbrains-survey {
+    display: none;
+    > img {
+        display: block;
+        margin: auto;
+    }
 }
 
+.python-jetbrains-survey-index-page {
+    margin: px2em( -5px ) 0 px2em( 35px ) 0;
+}
+
+.python-jetbrains-survey-community-page {
+    margin: px2em( 10px ) 0 px2em( 25px ) 0;
+}
+
+.python-jetbrains-survey-downloads-page {
+    margin: px2em( 5px ) 0 px2em( 25px ) 0;
+}
 
 // For django-haystack's highlighter
 

static/sass/style.css

@@ -21,7 +21,14 @@
 {% block content %}
 
     <div class="row">
-                    
+
+        <div id="python-jetbrains-survey" class="python-jetbrains-survey-community-page">
+            <a href="https://surveys.jetbrains.com/s3/c9-python-developers-survey-2018"
+               title="Join the official Python Developers Survey 2018 and win valuable prizes!">
+               <img src="{{ STATIC_URL }}img/survey/jb_banner_download_community_page.png">
+            </a>
+        </div>
+
         <div class="small-widget community-widget1">
             {% box 'community-widget1' %}
         </div>

static/sass/style.scss

@@ -38,6 +38,13 @@ <h1 class="call-to-action">Download the latest version of Python</h1>
 {% block content %}
                 <div class="row download-list-widget">
 
+                    <div id="python-jetbrains-survey" class="python-jetbrains-survey-downloads-page">
+                        <a href="https://surveys.jetbrains.com/s3/c8-python-developers-survey-2018"
+                           title="Join the official Python Developers Survey 2018 and win valuable prizes!">
+                            <img src="{{ STATIC_URL }}img/survey/jb_2018_banner_download_community_page.png">
+                        </a>
+                    </div>
+
                     <h2 class="widget-title">Looking for a specific release?</h2>
                     <p class="success-quote">Python releases by version number:</p>
 

templates/community/post_list.html

@@ -36,6 +36,13 @@
 
 {% block content %}
 
+    <div id="python-jetbrains-survey" class="python-jetbrains-survey-index-page">
+        <a href="https://surveys.jetbrains.com/s3/c7-python-developers-survey-2018"
+           title="Join the official Python Developers Survey 2018 and win valuable prizes!">
+            <img src="{{ STATIC_URL }}img/survey/jb_2018_banner_index_page.png">
+        </a>
+    </div>
+
                 <div class="row">
 
                     <div class="small-widget get-started-widget">