nicer Post-Kind design

fix #78

docker-compose.yml

@@ -16,7 +16,7 @@ services:
     links:
       - db
     ports:
-      - "80:80"
+      - "8012:80"
     volumes:
       - ./sempress:/var/www/html/wp-content/themes/sempress
     restart: always

package.json

@@ -1,6 +1,6 @@
 {
   "name": "SemPress",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "SemPress is an extremely lightweight, responsive theme designed to show off your posts, quotes, and images. SemPress supports multiple post formats, widgets, and the option to upload a custom header or background image. The theme is based on HTML5 mixed with microformats, microformats v2 and microdata (Schema.org).",
   "main": "Gruntfile.js",
   "repository": {

sass/_integrations.scss

@@ -14,6 +14,36 @@ ul.relsyn {
     display: inline-block;
     list-style: none;
     margin-left: 5px;
-    vertical-align: middle;
   }
+}
+
+.post-kind .entry-reaction {
+  line-height: 27px;
+  border-bottom: inset #D6D6D6;
+
+  .svg-icon {
+    display: block;
+    width: 45px;
+    height: 45px;
+    font-style: normal;
+    position: absolute;
+    left: -65px;
+    top: 25px;
+
+    svg {
+      fill: #555;
+    }
+  }
+
+  a {
+    color: #21759B;
+  }
+
+  header {
+    margin-bottom: 20px;
+  }
+}
+
+#page .post-kind img.avatar {
+  display: none;
 }

sempress/int/post-kinds.php

@@ -14,10 +14,6 @@
  * Removes native Post-Kinds implementation
  */
 function sempress_post_kinds_init() {
-	if ( method_exists( 'Kind_Taxonomy', 'get_icon' ) ) {
-		add_filter( 'kind_icon_display', '__return_false', 10 );
-	}
-
 	remove_filter( 'the_content', array( 'Kind_View', 'content_response' ), 9 );
 	remove_filter( 'the_excerpt', array( 'Kind_View', 'excerpt_response' ), 9 );
 	remove_action( 'wp_enqueue_scripts', array( 'Post_Kinds_Plugin', 'style_load' ) );
@@ -35,21 +31,15 @@ function sempress_post_kinds_content() {
 add_action( 'sempress_before_entry_content', 'sempress_post_kinds_content' );
 
 /**
- * Replace the Post-Format header with the Post-Kinds header
+ * Adds `post-kind` classes to the array of post classes.
  *
- * @param  string $post_format_html Post-Format html
- * @return string                   Post-Kind html
+ * @since SemPress 1.0.0
  */
-function sempress_post_kinds_format( $post_format_html ) {
-	if ( ! get_post_kind_slug() ) {
-		return $post_format_html;
+function sempress_post_kinds_post_classes( $classes = array() ) {
+	if ( Kind_View::get_display() ) {
+		$classes[] = 'post-kind';
 	}
 
-	$kind_slug = get_post_kind_slug();
-	$kind_icon = Kind_Taxonomy::get_icon( $kind_slug );
-	$kind_string = get_post_kind_string( $kind_slug );
-	$kind_link = esc_url( get_post_kind_link( get_post_kind() ) );
-
-	return sprintf( '<a class="kind kind-%s" href="%s">%s %s</a>', $kind_slug, $kind_link, $kind_icon, $kind_string );
+	return $classes;
 }
-add_filter( 'sempress_post_format', 'sempress_post_kinds_format' );
+add_filter( 'post_class', 'sempress_post_kinds_post_classes', 99 );

sempress/readme.txt

@@ -14,6 +14,10 @@ The exceptions to this license are as follows:
 
 == Changelog ==
 
+= 1.6.1 =
+
+* fixed Post-Kinds styling
+
 = 1.6.0 =
 
 * sidebar is no longer part of the `h-entry`