Add link to Microsoft Store application

berkerpeksag · berkerpeksag · commit dd6e2cedb355 · 2019-04-07T18:42:42.000+03:00
Closes #1370
diff --git a/static/sass/style.css b/static/sass/style.css
@@ -845,6 +845,17 @@ dl {
     border-bottom: 1px solid #caccce; }
 
 /* ! ===== Form elements ===== */
+div.download-button-container {
+  overflow: hidden;
+  *zoom: 1; }
+  div.download-button-container .microsoft-download-box {
+    float: right;
+    padding-top: 0.125em;
+    width: 16.25em; }
+  div.download-button-container a > img {
+    display: inline;
+    margin: 0; }
+
 .errorlist {
   color: #b55863;
   margin-bottom: 0; }
diff --git a/static/sass/style.scss b/static/sass/style.scss
@@ -185,6 +185,21 @@ form {
     ul { @extend .menu; }
 }
 
+div.download-button-container {
+    @include clearfix();
+
+    .microsoft-download-box {
+        float: right;
+        padding-top: px2em( 2px );
+        width: px2em( 260px );
+    }
+
+    a > img {
+        display: inline;
+        margin: 0;
+    }
+}
+
 .errorlist {
     @extend .menu;
     color: $red;
diff --git a/templates/downloads/supernav.html b/templates/downloads/supernav.html
@@ -7,9 +7,19 @@ <h3>Python Source</h3>
         {% else %}
         <h4>Download for {{ data.os.name }}</h4>
         {% endif %}
-        <p>
+        <div class="download-button-container">
+            {% if data.os.slug == 'windows' %}
+            <div class="microsoft-download-box">
+                <a href="https://www.microsoft.com/store/apps/9NJ46SX7X90P?ocid=badge">
+                <img
+                     alt="Get it from Microsoft"
+                     src="https://assets.windowsphone.com/85864462-9c82-451e-9355-a3d5f874397a/English_get-it-from-MS_InvariantCulture_Default.svg"
+                     width="100">
+                </a>
+            </div>
+            {% endif %}
             <a class="button" href="{{ data.python3.url }}">{{ data.python3.release.name }}</a>
-        </p>
+        </div>
         {% if data.os.slug == 'windows' %}<p><strong>Note that Python 3.5+ <em>cannot</em> be used on Windows XP or earlier.</strong></p>{% endif %}
         <p>Not the OS you are looking for? Python can be used on many operating systems and environments. <a href="{% url 'download:download' %}">View the full list of downloads</a>.</p>
     </div>
