Merge pull request #87 from thenewinquiry/0.7.19

0.7.19: Updated curio.io embed styling for proper credit
thenewinquiry · Sep 13, 2017 · 56f73bb · 56f73bb
2 parents e907665 + 59df684
commit 56f73bb
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 7 deletions.
diff --git a/css/style.min.css b/css/style.min.css
diff --git a/css/style.min.css.map b/css/style.min.css.map
diff --git a/images/curio.png b/images/curio.png
diff --git a/readme.txt b/readme.txt
@@ -3,7 +3,7 @@ Theme URI: https://github.com/misfist/tni-theme
 Tags: Blog, Magazine
 Requires at least: 4.5.0
 Tested up to: 4.8
-Version: 0.7.17
+Version: 0.7.19
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
@@ -13,6 +13,9 @@ Custom theme for The New Inquiry, based on Gridbox theme.
 
 == Changelog ==
 
+== 0.7.19 September 13, 2017 ==
+* Updated curio.io embed styling for proper credit
+
 == 0.7.18 September 9, 2017 ==
 * Integrated curio.io embeds into posts
 

diff --git a/src/sass/_posts.scss b/src/sass/_posts.scss
@@ -633,12 +633,29 @@ article.blogs {
 }
 .audio-embed {
   margin: 2em 0 4em 0;
+  display: flex;
+  padding: 1em 1em 0.5em 1em;
+  background: #eee;
 }
 .audio-embed-caption {
   font-style: italic;
   color: $color__gray-light;
+  padding: 1em;
+  background: #eee;
   a {
     color: $color__gray-light;
     text-decoration: underline;
   }
 }
+.audio-player {
+  flex: 1;
+  .audio-embed-caption {
+    margin: 0.5em 0 0 0;
+    padding: 0;
+  }
+}
+.audio-source-icon {
+  width: 48px;
+  height: 48px;
+  margin-right: 1em;
+}
diff --git a/style.css b/style.css
@@ -5,6 +5,6 @@ Description:    Custom theme for The New Inquiry.
 Author:         Pea
 Author URI:     https://github.com/misfist
 Template:       gridbox
-Version:        0.7.18
+Version:        0.7.19
 Text Domain:    tni
 */
diff --git a/template-parts/content-single.php b/template-parts/content-single.php
@@ -60,13 +60,16 @@
                 <?php if ( $auth ) : ?>
                     <a name="audio"></a>
                     <div class="audio-embed">
-                        <iframe width="100%" height="20" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=<?php echo urlencode($audio_url); ?>&amp;color=ff5500&amp;inverse=false&amp;auto_play=false&amp;show_user=true"></iframe>
-                        <h5 class="audio-embed-caption"><?php _e( 'Listen to this essay as audio. Provided by <a href="https://www.curio.io/">curio.io</a> for our subscribers.'); ?></h5>
+						<a href="https://www.curio.io/"><img class="audio-source-icon" src="<?php echo get_stylesheet_directory_uri(); ?>/images/curio.png" title="<?php _e( 'Audio version provided by curio.io', 'tni' ); ?>" /></a>
+                        <div class="audio-player">
+                            <iframe width="100%" height="20" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=<?php echo urlencode($audio_url); ?>&amp;color=ff5500&amp;inverse=false&amp;auto_play=false&amp;show_user=true"></iframe>
+                            <h5 class="audio-embed-caption"><?php _e( 'Listen to this essay as audio. Provided by <a href="https://www.curio.io/">curio.io</a> for our subscribers.'); ?></h5>
+                        </div>
                     </div>
                 <?php else : ?>
                     <h5 class="audio-embed-caption">
 						<img class="audio-icon" src="<?php echo get_stylesheet_directory_uri(); ?>/images/audio.png" title="<?php _e( 'Audio version available', 'tni' ); ?>" />
-                        <?php _e( 'An audio version of this essay is available to <a href="https://members.thenewinquiry.com">subscribers</a>.' ); ?>
+                        <?php _e( 'An audio version of this essay is available to <a href="https://members.thenewinquiry.com">subscribers</a>, provided by <a href="https://www.curio.io/">curio.io</a>.' ); ?>
                     </h5>
                 <?php endif; ?>
             <?php endif; ?>