feat: initial version lalokalabs theme

lalokalabs · Sep 22, 2021 · 001698b · 001698b
1 parent c264231
commit 001698b
Show file tree

Hide file tree

Showing 29 changed files with 5,662 additions and 132 deletions.
diff --git a/comments.php b/comments.php
@@ -9,66 +9,78 @@
 }
 ?>
 
-<div id="comments" class="comments-area my-8">
+<div id="comments" class="comments-area bg-gray-100 my-12 py-12 px-8 rounded-lg">
 
 	<?php if ( have_comments() ) : ?>
-		<h2 class="comments-title">
-			<?php
+	<h2 class="text-center text-3xl comments-title mb-10">
+		<?php
 				printf(
 					_nx( 'One comment', '%1$s comments', get_comments_number(), 'comments title', 'tailpress' ),
 					number_format_i18n( get_comments_number() ),
 					get_the_title()
 				);
 			?>
-		</h2>
-
-		<ol class="comment-list">
-			<?php
-				wp_list_comments(
-					array(
-						'style'       => 'ol',
-						'short_ping'  => true,
-						'avatar_size' => 56,
-					)
-				);
-			?>
-		</ol>
+	</h2>
+
+	<div id="comment_list" class="">
+
+		<?php
+						wp_list_comments(
+							array(
+								'style'       => 'div',
+								'short_ping'  => true,
+								'avatar_size' => 56,
+								'callback' => 'better_comments'
+							)
+						);
+					?>
+	</div>
 
 	<?php endif; ?>
 
 	<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : ?>
 
-		<nav class="comment-navigation" id="comment-nav-above">
+	<nav class="comment-navigation" id="comment-nav-above">
 
-			<h1 class="screen-reader-text"><?php esc_html_e( 'Comment navigation', 'tailpress' ); ?></h1>
+		<h1 class="screen-reader-text">
+			<?php esc_html_e( 'Comment navigation', 'tailpress' ); ?>
+		</h1>
 
-			<?php if ( get_previous_comments_link() ) { ?>
-					<div class="nav-previous">
-						<?php previous_comments_link( __( '&larr; Older Comments', 'tailpress' ) ); ?>
-					</div>
-			<?php } ?>
+		<?php if ( get_previous_comments_link() ) { ?>
+		<div class="nav-previous">
+			<?php previous_comments_link( __( '&larr; Older Comments', 'tailpress' ) ); ?>
+		</div>
+		<?php } ?>
 
-			<?php if ( get_next_comments_link() ) { ?>
-				<div class="nav-next">
-					<?php next_comments_link( __( 'Newer Comments &rarr;', 'tailpress' ) ); ?>
-				</div>
-			<?php } ?>
+		<?php if ( get_next_comments_link() ) { ?>
+		<div class="nav-next">
+			<?php next_comments_link( __( 'Newer Comments &rarr;', 'tailpress' ) ); ?>
+		</div>
+		<?php } ?>
 
-		</nav><!-- #comment-nav-above -->
+	</nav><!-- #comment-nav-above -->
 
 	<?php endif; ?>
 
 	<?php if ( ! comments_open() && get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : ?>
-		<p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'tailpress' ); ?></p>
+	<p class="no-comments">
+		<?php esc_html_e( 'Comments are closed.', 'tailpress' ); ?>
+	</p>
 	<?php endif; ?>
 
-	<?php
-	comment_form(
-		array(
-			'class_submit'  => 'bg-primary text-white cursor-pointer rounded font-bold py-2 px-4',
-			'comment_field' => '<textarea id="comment" name="comment" class="bg-gray-200 w-full py-2 px-3" aria-required="true"></textarea>',
-		)
-	);
-	?>
+	<div class="mt-10">
+
+		<?php
+			comment_form(
+				array(
+					'class_submit'  => 'bg-primary text-white cursor-pointer rounded font-bold py-2 px-4',
+					'comment_field' => '<textarea id="comment" name="comment" class="bg-gray-200 w-full py-2 px-3" aria-required="true"></textarea>',
+				)
+			);
+			?>
+
+	</div>
+
+
 
-</div>
+</div>