Club: single post template (#6309)

* Club: start to implement single template

* Club: refinating single template

* Club: set style header-two in single post title

* Club: single template: render footer as footer tag

* Club: single template: render header as header tag

club/style.css

@@ -155,6 +155,11 @@ GNU General Public License for more details.
 	display: none;
 }
 
+/* Single post */
+.featured-image-container:empty {
+	display: none;
+}
+
 /*
  * Footer
  */ 

club/templates/single.html

@@ -1,28 +1,95 @@
-<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+<!-- wp:template-part {"slug":"header","theme":"club","tagName":"header"} /-->
 
-<!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group">
-<!-- wp:post-title /-->
-</div>
-<!-- /wp:group -->
-
-<!-- wp:group {"tagName":"main"} -->
-<main class="wp-block-group">
-<!-- wp:post-featured-image {"align":"full"} /-->
-
-<!-- wp:post-content {"layout":{"inherit":true}} /-->
-
-<!-- wp:template-part {"slug":"post-meta"} /-->
-</main>
-<!-- /wp:group -->
-
-<!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group">
-    <!-- wp:spacer {"height":60} -->
-    <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"bottom","width":"33.33%"} -->
+    <div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:33.33%"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
+    <div class="wp-block-group"><!-- wp:post-date {"format":"n/j/Y"} /-->
+    
+    <!-- wp:post-terms {"term":"category"} /-->
+    
+    <!-- wp:post-terms {"term":"post_tag"} /--></div>
+    <!-- /wp:group --></div>
+    <!-- /wp:column -->
+    
+    <!-- wp:column {"width":"66.66%","className":"featured-image-container"} -->
+    <div class="wp-block-column featured-image-container" style="flex-basis:66.66%"><!-- wp:post-featured-image {"align":"full"} /--></div>
+    <!-- /wp:column --></div>
+    <!-- /wp:columns -->
+    
+    <!-- wp:post-title {"level":1,"fontSize":"header-two"} /-->
+    
+    <!-- wp:columns -->
+    <div class="wp-block-columns"><!-- wp:column {"width":"33.33%"} -->
+    <div class="wp-block-column" style="flex-basis:33.33%"></div>
+    <!-- /wp:column -->
+    
+    <!-- wp:column {"width":"66.66%"} -->
+    <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:post-content /--></div>
+    <!-- /wp:column --></div>
+    <!-- /wp:columns -->
+    
+    <!-- wp:spacer {"height":"40px"} -->
+    <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
     <!-- /wp:spacer -->
-    <!-- wp:pattern {"slug":"club/comments"} -->
-</div>
-<!-- /wp:group -->
-
-<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
+    
+    <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|foreground","width":"1px"},"bottom":{"color":"var:preset|color|foreground","width":"1px"}},"spacing":{"padding":{"top":"1em","right":"1em","bottom":"1em","left":"1em"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+    <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--foreground);border-top-width:1px;border-bottom-color:var(--wp--preset--color--foreground);border-bottom-width:1px;padding-top:1em;padding-right:1em;padding-bottom:1em;padding-left:1em"><!-- wp:post-navigation-link {"type":"previous"} /-->
+    
+    <!-- wp:post-navigation-link /--></div>
+    <!-- /wp:group -->
+    
+    <!-- wp:spacer {"height":"40px"} -->
+    <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+    
+    <!-- wp:columns -->
+    <div class="wp-block-columns"><!-- wp:column {"width":"33.33%"} -->
+    <div class="wp-block-column" style="flex-basis:33.33%"></div>
+    <!-- /wp:column -->
+    
+    <!-- wp:column {"width":"66.66%"} -->
+    <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:comments {"className":"wp-block-comments-query-loop "} -->
+    <div class="wp-block-comments wp-block-comments-query-loop"><!-- wp:comments-title /-->
+    
+    <!-- wp:comment-template -->
+    <!-- wp:columns -->
+    <div class="wp-block-columns"><!-- wp:column {"width":"40px"} -->
+    <div class="wp-block-column" style="flex-basis:40px"></div>
+    <!-- /wp:column -->
+    
+    <!-- wp:column -->
+    <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"10px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+    <div class="wp-block-group"><!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"10px"}}}} /-->
+    
+    <!-- wp:group -->
+    <div class="wp-block-group"><!-- wp:comment-author-name /-->
+    
+    <!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}},"layout":{"type":"flex"}} -->
+    <div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a"} /-->
+    
+    <!-- wp:comment-edit-link /--></div>
+    <!-- /wp:group --></div>
+    <!-- /wp:group --></div>
+    <!-- /wp:group -->
+    
+    <!-- wp:comment-content /-->
+    
+    <!-- wp:comment-reply-link /--></div>
+    <!-- /wp:column --></div>
+    <!-- /wp:columns -->
+    <!-- /wp:comment-template -->
+    
+    <!-- wp:comments-pagination -->
+    <!-- wp:comments-pagination-previous /-->
+    
+    <!-- wp:comments-pagination-numbers /-->
+    
+    <!-- wp:comments-pagination-next /-->
+    <!-- /wp:comments-pagination -->
+    
+    <!-- wp:post-comments-form /--></div>
+    <!-- /wp:comments --></div>
+    <!-- /wp:column --></div>
+    <!-- /wp:columns -->
+    
+    <!-- wp:template-part {"slug":"footer","theme":"club","tagName":"footer"} /-->