2.4: Add screenshots for other skins

theme/templates/pages/features.html

@@ -38,7 +38,7 @@ <h6 class="docs-header">{% trans %}Hotcues{% endtrans %}</h6>
       </p>
     </div>
     <div>
-      <img class="responsive drop-shadow" src="{{ SITEURL }}/theme/images/2.3/feature-deck.png">
+      <img class="responsive drop-shadow" src="{{ SITEURL }}/theme/images/2.4/feature-deck.png">
       <h6 class="docs-header">{% trans %}Beat Rolls and Censor{% endtrans %}</h6>
       <p>
         {% trans %}Play with rhythm by triggering short loops and reverse-playback effects. The track stays in time so you don't miss a beat.{% endtrans %}
@@ -119,7 +119,7 @@ <h2><a class="headline-link" href="#effects">{% trans %}Effects Chains{% endtran
   <p>
     {% trans %}Link up to three effects in a chain for a unique twist on your mix. Fine tune your sound by tweaking each parameter individually. Customize your workflow by assigning different parameters to adjust with the effect's metaknob. Focus different effects from a controller for flexible control of effect chains, whether your controller has a full effects section or a single knob.{% endtrans %}
   </p>
-  <img class="responsive drop-shadow" src="{{ SITEURL }}/theme/images/2.3/feature-effect-unit-expanded.png">
+  <img class="responsive drop-shadow" src="{{ SITEURL }}/theme/images/2.4/feature-effect-unit-expanded.png">
 </div>
 
 <div id="library" class="docs-section cover-bg">

theme/templates/pages/screenshots.html

@@ -25,6 +25,25 @@ <h2>{% trans %}Mixxx 2.4{% endtrans %}</h2>
       </a>
       <figcaption>LateNight PaleMoon Skin (Default) with 4 decks</figcaption>
     </figure>
+    <figure>
+      <a href="{{ SITEURL }}/theme/images/2.4/screenshots/Deere_2decks_basic.png" target="_blank">
+        <img class="responsive drop-shadow" src="{{ SITEURL }}/theme/images/2.4/screenshots/Deere_2decks_basic_50pct.png" alt="Deere Skin with 2 decks">
+      </a>
+      <figcaption>Deere Skin with 2 decks</figcaption>
+    </figure>
+    <figure>
+      <a href="{{ SITEURL }}/theme/images/2.4/screenshots/Tango_2decks_basic.png" target="_blank">
+        <img class="responsive drop-shadow" src="{{ SITEURL }}/theme/images/2.4/screenshots/Tango_2decks_basic_50pct.png" alt="Tango Skin with 2 decks">
+      </a>
+      <figcaption>Tango Skin with 2 decks</figcaption>
+    </figure>
+    <figure>
+      <a href="{{ SITEURL }}/theme/images/2.4/screenshots/Shade_basic.png" target="_blank">
+        <img class="responsive drop-shadow" src="{{ SITEURL }}/theme/images/2.4/screenshots/Shade_basic_50pct.png" alt="Shade Skin">
+      </a>
+      <!-- REMOVE ME -->
+      <figcaption>Shade Skin</figcaption>
+    </figure>
   </div>
   <h2>{% trans %}Mixxx 2.3{% endtrans %}</h2>
   <div class="grid-container halves">