templates: move waveform after episode text

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index fdb767af709818e71f6f6baba1ed80c1229d1a01..cae7a073f054760955138adb57742b656924e1fc 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -1542,15 +1542,15 @@ h3.episode-subtitle {
 }
 
 .waveform span {
-       background: #3A3A3A;
-       background: rgba(10, 10, 10, 0.8);
+       background: $primary;
+        background: linear-gradient(to top, $primary 0%, lighten($primary, 10%) 80%);
        display: inline-block;
        // 100% / n_samples
        width: 0.2%;
 }
 
 .waveform span.done {
-       background: linear-gradient(to top, #3A3A3A 0%, #858585 80%);
+       background: linear-gradient(to top, #5A5A5A 0%, #A5A5A5 80%);
 }
 
 .waveform span.done.current + span {

diff --git a/panikweb_templates/templates/episodes/detail.html b/panikweb_templates/templates/episodes/detail.html
index 8b992610389cb917134ce5d440f46041df03c5af..1aa6bd41e14b83dbb16b614a3a409e387e979e9b 100644 (file)
--- a/panikweb_templates/templates/episodes/detail.html
+++ b/panikweb_templates/templates/episodes/detail.html
@@ -33,11 +33,6 @@
                </ul>
        </header>
        {% endif %}
-       {% if episode.main_sound %}
-               <div class="sound">
-                       {% audio sound=episode.main_sound %}
-               </div>
-       {% endif %}
        <div class="content userContent marged">
                {% if episode.image %}
                {% thumbnail episode.image "600x300" crop="50% 25%" as im %}
@@ -50,6 +45,11 @@
                </article>
                {% endif %}
         </div>
+       {% if episode.main_sound %}
+               <div class="sound">
+                       {% audio sound=episode.main_sound %}
+               </div>
+       {% endif %}
 {% block topik %}
 {% for topik in topiks %}
   {% topik topik=topik %}