nodebb-theme-persona/templates/categories.tpl

<div class="row categories" itemscope itemtype="http://www.schema.org/ItemList">
	<div class="col-sm-12">
		<!-- BEGIN categories -->
		<div class="{categories.class}" data-cid="{categories.cid}" data-numRecentReplies="{categories.numRecentReplies}">
			<meta itemprop="name" content="{categories.name}">
			<h4 class="category-title">
				<!-- IF !categories.link -->
				<span class="badge {categories.unread-class}">{categories.topic_count} </span>
				<!-- ENDIF !categories.link -->

				<!-- IF categories.link -->
				<a href="{categories.link}" itemprop="url" target="_blank">
				<!-- ELSE -->
				<a href="{relative_path}/category/{categories.slug}" itemprop="url">
				<!-- ENDIF categories.link -->
				{categories.name}
				</a>
			</h4>

			<!-- IF categories.link -->
			<a style="color: {categories.color};" href="{categories.link}" itemprop="url" target="_blank">
			<!-- ELSE -->
			<a style="color: {categories.color};" href="{relative_path}/category/{categories.slug}" itemprop="url">
			<!-- ENDIF categories.link -->
				<div
					id="category-{categories.cid}" class="category-header category-header-image-{categories.imageClass}"
					title="{categories.description}"
					style="
						<!-- IF categories.backgroundImage -->background-image: url({categories.backgroundImage});<!-- ENDIF categories.backgroundImage -->
						<!-- IF categories.bgColor -->background-color: {categories.bgColor};<!-- ENDIF categories.bgColor -->
					"
				>
					<div id="category-{categories.cid}" class="category-slider-{categories.post_count}">
						<!-- IF categories.icon -->
						<div class="category-box"><i class="fa {categories.icon} fa-4x"></i></div>
						<!-- ENDIF categories.icon -->
						<div class="category-box" itemprop="description">{categories.description}</div>

						<!-- BEGIN posts -->
						<div class="category-box">
							<div class="post-preview">
								<img src="{categories.posts.user.picture}" class="pull-left" />
								<p class=""><strong>{categories.posts.user.username}</strong>: {categories.posts.content}</p>
							</div>
						</div>
						<!-- END posts -->
						<!-- IF categories.icon -->
						<div class="category-box"><i class="fa {categories.icon} fa-4x"></i></div>
						<!-- ENDIF categories.icon -->
					</div>
				</div>
			</a>
		</div>
		<!-- END categories -->
	</div>
</div>