nodebb-theme-persona 11.4.1 → 11.4.2

package/templates/groups/list.tpl

@@ -1,46 +1,46 @@
-<!-- IMPORT partials/breadcrumbs.tpl -->
-<div data-widget-area="header">
-	{{{each widgets.header}}}
-	{{widgets.header.html}}
-	{{{end}}}
-</div>
-<div class="groups list">
-	<div class="row">
-		<div class="col-lg-4">
-			<!-- IF allowGroupCreation -->
-			<button class="btn btn-primary" data-action="new"><i class="fa fa-plus"></i> [[groups:new_group]]</button>
-			<!-- ENDIF allowGroupCreation -->
-		</div>
-		<div class="col-lg-8">
-			<div class="row">
-				<div class="col-xs-5 col-md-3 text-left pull-right">
-					<select class="form-control" id="search-sort">
-						<option value="alpha">[[groups:details.group_name]]</option>
-						<option value="count">[[groups:details.member_count]]</option>
-						<option value="date">[[groups:details.creation_date]]</option>
-					</select>
-				</div>
-				<div class="col-xs-7 col-md-5 text-left pull-right">
-					<div class="input-group">
-						<input type="text" class="form-control" placeholder="[[global:search]]" name="query" value="" id="search-text">
-						<span id="search-button" class="input-group-addon search-button"><i class="fa fa-search"></i></span>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-
-	<hr />
-
-	<div component="groups/container" class="row" id="groups-list" data-nextstart={nextStart}>
-		<!-- IF groups.length -->
-		<!-- IMPORT partials/groups/list.tpl -->
-		<!-- ELSE -->
-		<div class="col-xs-12">
-			<div class="alert alert-warning">
-			[[groups:no_groups_found]]
-			</div>
-		</div>
-		<!-- ENDIF groups.length -->
-	</div>
-</div>
+<!-- IMPORT partials/breadcrumbs.tpl -->
+<div data-widget-area="header">
+	{{{each widgets.header}}}
+	{{widgets.header.html}}
+	{{{end}}}
+</div>
+<div class="groups list">
+	<div class="row">
+		<div class="col-lg-4">
+			<!-- IF allowGroupCreation -->
+			<button class="btn btn-primary" data-action="new"><i class="fa fa-plus"></i> [[groups:new_group]]</button>
+			<!-- ENDIF allowGroupCreation -->
+		</div>
+		<div class="col-lg-8">
+			<div class="row">
+				<div class="col-xs-5 col-md-3 text-left pull-right">
+					<select class="form-control" id="search-sort">
+						<option value="alpha">[[groups:details.group_name]]</option>
+						<option value="count">[[groups:details.member_count]]</option>
+						<option value="date">[[groups:details.creation_date]]</option>
+					</select>
+				</div>
+				<div class="col-xs-7 col-md-5 text-left pull-right">
+					<div class="input-group">
+						<input type="text" class="form-control" placeholder="[[global:search]]" name="query" value="" id="search-text">
+						<span id="search-button" class="input-group-addon search-button"><i class="fa fa-search"></i></span>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<hr />
+
+	<div component="groups/container" class="row" id="groups-list" data-nextstart={nextStart}>
+		<!-- IF groups.length -->
+		<!-- IMPORT partials/groups/list.tpl -->
+		<!-- ELSE -->
+		<div class="col-xs-12">
+			<div class="alert alert-warning">
+			[[groups:no_groups_found]]
+			</div>
+		</div>
+		<!-- ENDIF groups.length -->
+	</div>
+</div>

package/templates/groups/members.tpl

@@ -1,9 +1,9 @@
-<!-- IMPORT partials/breadcrumbs.tpl -->
-<div class="users">
-
-	<ul id="users-container" class="users-container">
-		<!-- IMPORT partials/users_list.tpl -->
-	</ul>
-
-	<!-- IMPORT partials/paginator.tpl -->
+<!-- IMPORT partials/breadcrumbs.tpl -->
+<div class="users">
+
+	<ul id="users-container" class="users-container">
+		<!-- IMPORT partials/users_list.tpl -->
+	</ul>
+
+	<!-- IMPORT partials/paginator.tpl -->
 </div>

package/templates/ip-blacklist.tpl

@@ -1,56 +1,56 @@
-<!-- IMPORT partials/breadcrumbs.tpl -->
-
-<div class="row ip-blacklist">
-	<div class="col-lg-12">
-		<p class="lead">
-			[[ip-blacklist:lead]]
-		</p>
-		<p>
-			[[ip-blacklist:description]]
-		</p>
-
-		<div class="row">
-			<div class="col-sm-6">
-				<div class="panel panel-default">
-					<div class="panel-heading">[[ip-blacklist:active-rules]]</div>
-					<div class="panel-body">
-						<textarea id="blacklist-rules">{rules}</textarea><br />
-						<button type="button" class="btn btn-warning" data-action="test">
-							<i class="fa fa-bomb"></i> [[ip-blacklist:validate]]
-						</button>
-						<button type="button" class="btn btn-primary" data-action="apply">
-							<i class="fa fa-save"></i> [[ip-blacklist:apply]]
-						</button>
-					</div>
-				</div>
-				<div class="panel panel-default">
-					<div class="panel-heading">[[ip-blacklist:hints]]</div>
-					<div class="panel-body">
-						<p>
-							[[ip-blacklist:hint-1]]
-						</p>
-						<p>
-							[[ip-blacklist:hint-2]]
-						</p>
-					</div>
-				</div>
-			</div>
-			<div class="col-sm-6">
-				<div class="panel panel-default">
-					<div class="panel-body">
-						<div><canvas id="blacklist:hourly" height="250"></canvas></div>
-					</div>
-					<div class="panel-footer"><small>[[ip-blacklist:analytics.blacklist-hourly]]</small></div>
-				</div>
-
-				<div class="panel panel-default">
-					<div class="panel-body">
-						<div><canvas id="blacklist:daily" height="250"></canvas></div>
-					</div>
-					<div class="panel-footer"><small>[[ip-blacklist:analytics.blacklist-daily]]</small></div>
-				</div>
-			</div>
-		</div>
-	</div>
-
+<!-- IMPORT partials/breadcrumbs.tpl -->
+
+<div class="row ip-blacklist">
+	<div class="col-lg-12">
+		<p class="lead">
+			[[ip-blacklist:lead]]
+		</p>
+		<p>
+			[[ip-blacklist:description]]
+		</p>
+
+		<div class="row">
+			<div class="col-sm-6">
+				<div class="panel panel-default">
+					<div class="panel-heading">[[ip-blacklist:active-rules]]</div>
+					<div class="panel-body">
+						<textarea id="blacklist-rules">{rules}</textarea><br />
+						<button type="button" class="btn btn-warning" data-action="test">
+							<i class="fa fa-bomb"></i> [[ip-blacklist:validate]]
+						</button>
+						<button type="button" class="btn btn-primary" data-action="apply">
+							<i class="fa fa-save"></i> [[ip-blacklist:apply]]
+						</button>
+					</div>
+				</div>
+				<div class="panel panel-default">
+					<div class="panel-heading">[[ip-blacklist:hints]]</div>
+					<div class="panel-body">
+						<p>
+							[[ip-blacklist:hint-1]]
+						</p>
+						<p>
+							[[ip-blacklist:hint-2]]
+						</p>
+					</div>
+				</div>
+			</div>
+			<div class="col-sm-6">
+				<div class="panel panel-default">
+					<div class="panel-body">
+						<div><canvas id="blacklist:hourly" height="250"></canvas></div>
+					</div>
+					<div class="panel-footer"><small>[[ip-blacklist:analytics.blacklist-hourly]]</small></div>
+				</div>
+
+				<div class="panel panel-default">
+					<div class="panel-body">
+						<div><canvas id="blacklist:daily" height="250"></canvas></div>
+					</div>
+					<div class="panel-footer"><small>[[ip-blacklist:analytics.blacklist-daily]]</small></div>
+				</div>
+			</div>
+		</div>
+	</div>
+
 </div>

package/templates/modules/taskbar.tpl

@@ -1,3 +1,3 @@
-<div id="taskbar" class="taskbar navbar-fixed-bottom">
-	<div class="navbar-inner"><ul class="nav navbar-nav pull-right"></ul></div>
+<div id="taskbar" class="taskbar navbar-fixed-bottom">
+	<div class="navbar-inner"><ul class="nav navbar-nav pull-right"></ul></div>
 </div>

package/templates/modules/usercard.tpl

@@ -1,37 +1,37 @@
-<div class="persona-usercard">
-	<a href="{config.relative_path}/user/{userslug}">
-		<!-- IF picture -->
-		<div class="usercard-picture" style="background-image:url({picture})"></div>
-		<!-- ELSE -->
-		<div class="usercard-picture" style="background-color: {icon:bgColor};">{icon:text}</div>
-		<!-- ENDIF picture -->
-	</a>
-	<div class="usercard-body">
-		<a href="{config.relative_path}/user/{userslug}">
-			<span class="usercard-name"><!-- IF fullname -->{fullname}<!-- ELSE -->{username}<!-- ENDIF fullname --></span><br />
-			<span class="usercard-username"><!-- IF !banned -->@{username}<!-- ELSE -->[[user:banned]]<!-- ENDIF !banned --></span>
-			<!-- IF !banned -->
-			<i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
-			<!-- ENDIF !banned -->
-		</a>
-
-		<div class="row usercard-info">
-			<div class="col-xs-4">
-				<small>[[global:posts]]</small>
-				<span class="human-readable-number">{postcount}</span>
-			</div>
-			<div class="col-xs-4">
-				<small>[[global:reputation]]</small>
-				<span class="human-readable-number">{reputation}</span>
-			</div>
-			
-			<button class="btn-morph fab <!-- IF banned --> hide<!-- ENDIF banned -->">
-				<span>
-					<span class="s1"></span>
-					<span class="s2"></span>
-					<span class="s3"></span>
-				</span>
-			</button>
-		</div>
-	</div>
+<div class="persona-usercard">
+	<a href="{config.relative_path}/user/{userslug}">
+		<!-- IF picture -->
+		<div class="usercard-picture" style="background-image:url({picture})"></div>
+		<!-- ELSE -->
+		<div class="usercard-picture" style="background-color: {icon:bgColor};">{icon:text}</div>
+		<!-- ENDIF picture -->
+	</a>
+	<div class="usercard-body">
+		<a href="{config.relative_path}/user/{userslug}">
+			<span class="usercard-name"><!-- IF fullname -->{fullname}<!-- ELSE -->{username}<!-- ENDIF fullname --></span><br />
+			<span class="usercard-username"><!-- IF !banned -->@{username}<!-- ELSE -->[[user:banned]]<!-- ENDIF !banned --></span>
+			<!-- IF !banned -->
+			<i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
+			<!-- ENDIF !banned -->
+		</a>
+
+		<div class="row usercard-info">
+			<div class="col-xs-4">
+				<small>[[global:posts]]</small>
+				<span class="human-readable-number">{postcount}</span>
+			</div>
+			<div class="col-xs-4">
+				<small>[[global:reputation]]</small>
+				<span class="human-readable-number">{reputation}</span>
+			</div>
+			
+			<button class="btn-morph fab <!-- IF banned --> hide<!-- ENDIF banned -->">
+				<span>
+					<span class="s1"></span>
+					<span class="s2"></span>
+					<span class="s3"></span>
+				</span>
+			</button>
+		</div>
+	</div>
 </div>

package/templates/notifications.tpl

@@ -1,64 +1,64 @@
-
-<div class="notifications">
-
-	<!-- IMPORT partials/breadcrumbs.tpl -->
-
-	<div class="btn-toolbar">
-		<div class="dropdown pull-right">
-			<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="true">
-				<i class="fa fa-eye"></i>
-				<span class="caret"></span>
-			</button>
-			<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">
-				<li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-ajaxify="false" component="notifications/mark_all">[[notifications:mark_all_read]]</a></li>
-			</ul>
-		</div>
-
-		<div class="dropdown pull-right">
-			<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
-				<!-- IF selectedFilter -->{selectedFilter.name}<!-- ENDIF selectedFilter --> <span class="caret"></span>
-			</button>
-			<ul class="dropdown-menu" role="menu">
-				{{{each filters}}}
-				<!-- IF filters.separator -->
-				<li role="separator" class="divider"></li>
-				<!-- ELSE -->
-				<li role="presentation" class="category">
-					<a role="menu-item" href="{config.relative_path}/notifications?filter={filters.filter}"><i class="fa fa-fw <!-- IF filters.selected -->fa-check<!-- ENDIF filters.selected -->"></i> {filters.name}</a>
-				</li>
-				<!-- ENDIF filters.separator -->
-				{{{end}}}
-			</ul>
-		</div>
-	</div>
-
-	<hr />
-
-	<div class="alert alert-info <!-- IF notifications.length -->hidden<!-- ENDIF notifications.length -->">
-		[[notifications:no_notifs]]
-	</div>
-
-	<ul class="notifications-list" data-nextstart="{nextStart}">
-	{{{each notifications}}}
-		<li data-nid="{notifications.nid}" class="{notifications.readClass}" component="notifications/item">
-			<!-- IF notifications.image -->
-			<!-- IF notifications.from -->
-			<a class="pull-left" href="{config.relative_path}/user/{notifications.user.userslug}"><img class="user-img" src="{notifications.image}" /></a>
-			<!-- ENDIF notifications.from -->
-			<!-- ELSE -->
-			<a class="pull-left" href="{config.relative_path}/user/{notifications.user.userslug}"><div class="pull-left user-icon user-img" style="background-color: {notifications.user.icon:bgColor};">{notifications.user.icon:text}</div></a>
-			<!-- ENDIF notifications.image -->
-
-			<p>
-				<a component="notifications/item/link" href="{notifications.path}">{notifications.bodyShort}</a>
-			</p>
-			<p class="timestamp">
-				<span class="timeago" title="{notifications.datetimeISO}"></span>
-			</p>
-		</li>
-	{{{end}}}
-	</ul>
-	<!-- IMPORT partials/paginator.tpl -->
-</div>
-
-
+
+<div class="notifications">
+
+	<!-- IMPORT partials/breadcrumbs.tpl -->
+
+	<div class="btn-toolbar">
+		<div class="dropdown pull-right">
+			<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="true">
+				<i class="fa fa-eye"></i>
+				<span class="caret"></span>
+			</button>
+			<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">
+				<li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-ajaxify="false" component="notifications/mark_all">[[notifications:mark_all_read]]</a></li>
+			</ul>
+		</div>
+
+		<div class="dropdown pull-right">
+			<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
+				<!-- IF selectedFilter -->{selectedFilter.name}<!-- ENDIF selectedFilter --> <span class="caret"></span>
+			</button>
+			<ul class="dropdown-menu" role="menu">
+				{{{each filters}}}
+				<!-- IF filters.separator -->
+				<li role="separator" class="divider"></li>
+				<!-- ELSE -->
+				<li role="presentation" class="category">
+					<a role="menu-item" href="{config.relative_path}/notifications?filter={filters.filter}"><i class="fa fa-fw <!-- IF filters.selected -->fa-check<!-- ENDIF filters.selected -->"></i> {filters.name}</a>
+				</li>
+				<!-- ENDIF filters.separator -->
+				{{{end}}}
+			</ul>
+		</div>
+	</div>
+
+	<hr />
+
+	<div class="alert alert-info <!-- IF notifications.length -->hidden<!-- ENDIF notifications.length -->">
+		[[notifications:no_notifs]]
+	</div>
+
+	<ul class="notifications-list" data-nextstart="{nextStart}">
+	{{{each notifications}}}
+		<li data-nid="{notifications.nid}" class="{notifications.readClass}" component="notifications/item">
+			<!-- IF notifications.image -->
+			<!-- IF notifications.from -->
+			<a class="pull-left" href="{config.relative_path}/user/{notifications.user.userslug}"><img class="user-img" src="{notifications.image}" /></a>
+			<!-- ENDIF notifications.from -->
+			<!-- ELSE -->
+			<a class="pull-left" href="{config.relative_path}/user/{notifications.user.userslug}"><div class="pull-left user-icon user-img" style="background-color: {notifications.user.icon:bgColor};">{notifications.user.icon:text}</div></a>
+			<!-- ENDIF notifications.image -->
+
+			<p>
+				<a component="notifications/item/link" href="{notifications.path}">{notifications.bodyShort}</a>
+			</p>
+			<p class="timestamp">
+				<span class="timeago" title="{notifications.datetimeISO}"></span>
+			</p>
+		</li>
+	{{{end}}}
+	</ul>
+	<!-- IMPORT partials/paginator.tpl -->
+</div>
+
+

package/templates/partials/acceptTos.tpl

@@ -1,9 +1,9 @@
-<div class="form-group">
-	<label for="agree-terms">[[register:terms_of_use]]</label>
-	<div class="tos">{termsOfUse}</div>
-	<div class="checkbox">
-		<label>
-			<input type="checkbox" name="agree-terms" id="agree-terms"> [[register:agree_to_terms_of_use]]
-		</label>
-	</div>
+<div class="form-group">
+	<label for="agree-terms">[[register:terms_of_use]]</label>
+	<div class="tos">{termsOfUse}</div>
+	<div class="checkbox">
+		<label>
+			<input type="checkbox" name="agree-terms" id="agree-terms"> [[register:agree_to_terms_of_use]]
+		</label>
+	</div>
 </div>

package/templates/partials/account/category-item.tpl

@@ -1,22 +1,22 @@
-<li component="categories/category" data-cid="{../cid}" data-parent-cid="{../parentCid}" class="row clearfix">
-	<meta itemprop="name" content="{../name}">
-
-	<div class="content col-xs-12 col-md-10 col-sm-12 depth-{../depth}">
-		<div class="icon pull-left" style="{function.generateCategoryBackground}">
-			<i class="fa fa-fw {../icon}"></i>
-		</div>
-
-		<h2 class="title">
-			<!-- IMPORT partials/categories/link.tpl -->
-		</h2>
-		<div>
-			<!-- IF ../descriptionParsed -->
-			<div class="description">
-				{../descriptionParsed}
-			</div>
-			<!-- ENDIF ../descriptionParsed -->
-		</div>
-	</div>
-
-	<!-- IMPORT partials/category/watch.tpl -->
-</li>
+<li component="categories/category" data-cid="{../cid}" data-parent-cid="{../parentCid}" class="row clearfix">
+	<meta itemprop="name" content="{../name}">
+
+	<div class="content col-xs-12 col-md-10 col-sm-12 depth-{../depth}">
+		<div class="icon pull-left" style="{function.generateCategoryBackground}">
+			<i class="fa fa-fw {../icon}"></i>
+		</div>
+
+		<h2 class="title">
+			<!-- IMPORT partials/categories/link.tpl -->
+		</h2>
+		<div>
+			<!-- IF ../descriptionParsed -->
+			<div class="description">
+				{../descriptionParsed}
+			</div>
+			<!-- ENDIF ../descriptionParsed -->
+		</div>
+	</div>
+
+	<!-- IMPORT partials/category/watch.tpl -->
+</li>

package/templates/partials/account/header.tpl

@@ -1,46 +1,46 @@
-<!-- IMPORT partials/breadcrumbs.tpl -->
-
-<div data-widget-area="header">
-	{{{each widgets.header}}}
-	{{widgets.header.html}}
-	{{{end}}}
-</div>
-
-<div class="cover" component="account/cover" style="background-image: url({cover:url}); background-position: {cover:position};">
-	<div class="avatar-wrapper" data-uid="{uid}">
-		<!-- IF picture -->
-		<img src="{picture}" class="avatar avatar-xl avatar-rounded" />
-		<!-- ELSE -->
-		<div class="avatar avatar-xl avatar-rounded" style="background-color: {icon:bgColor};" title="{username}">{icon:text}</div>
-		<!-- ENDIF picture -->
-		<i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
-
-		<!-- IF loggedIn -->
-		<!-- IF !isSelf -->
-		<button class="btn-morph fab <!-- IF isFollowing -->heart<!-- ELSE -->plus<!-- ENDIF isFollowing -->" title="<!-- IF isFollowing -->[[global:unfollow]]<!-- ELSE -->[[global:follow]]<!-- ENDIF isFollowing -->">
-			<span>
-				<span class="s1"></span>
-				<span class="s2"></span>
-				<span class="s3"></span>
-			</span>
-		</button>
-		<!-- ENDIF !isSelf -->
-		<!-- ENDIF loggedIn -->
-	</div>
-
-	<div class="container">
-		<!-- IMPORT partials/account/menu.tpl -->
-
-		<!-- IF allowCoverPicture -->
-		<!-- IF canEdit -->
-		<div class="controls">
-			<span class="upload"><i class="fa fa-fw fa-4x fa-upload"></i></span>
-			<span class="resize"><i class="fa fa-fw fa-4x fa-arrows"></i></span>
-			<span class="remove"><i class="fa fa-fw fa-4x fa-times"></i></span>
-		</div>
-		<div class="save">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
-		<div class="indicator">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
-		<!-- ENDIF canEdit -->
-		<!-- ENDIF allowCoverPicture -->
-	</div>
-</div>
+<!-- IMPORT partials/breadcrumbs.tpl -->
+
+<div data-widget-area="header">
+	{{{each widgets.header}}}
+	{{widgets.header.html}}
+	{{{end}}}
+</div>
+
+<div class="cover" component="account/cover" style="background-image: url({cover:url}); background-position: {cover:position};">
+	<div class="avatar-wrapper" data-uid="{uid}">
+		<!-- IF picture -->
+		<img src="{picture}" class="avatar avatar-xl avatar-rounded" />
+		<!-- ELSE -->
+		<div class="avatar avatar-xl avatar-rounded" style="background-color: {icon:bgColor};" title="{username}">{icon:text}</div>
+		<!-- ENDIF picture -->
+		<i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
+
+		<!-- IF loggedIn -->
+		<!-- IF !isSelf -->
+		<button class="btn-morph fab <!-- IF isFollowing -->heart<!-- ELSE -->plus<!-- ENDIF isFollowing -->" title="<!-- IF isFollowing -->[[global:unfollow]]<!-- ELSE -->[[global:follow]]<!-- ENDIF isFollowing -->">
+			<span>
+				<span class="s1"></span>
+				<span class="s2"></span>
+				<span class="s3"></span>
+			</span>
+		</button>
+		<!-- ENDIF !isSelf -->
+		<!-- ENDIF loggedIn -->
+	</div>
+
+	<div class="container">
+		<!-- IMPORT partials/account/menu.tpl -->
+
+		<!-- IF allowCoverPicture -->
+		<!-- IF canEdit -->
+		<div class="controls">
+			<span class="upload"><i class="fa fa-fw fa-4x fa-upload"></i></span>
+			<span class="resize"><i class="fa fa-fw fa-4x fa-arrows"></i></span>
+			<span class="remove"><i class="fa fa-fw fa-4x fa-times"></i></span>
+		</div>
+		<div class="save">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
+		<div class="indicator">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
+		<!-- ENDIF canEdit -->
+		<!-- ENDIF allowCoverPicture -->
+	</div>
+</div>

package/templates/partials/breadcrumbs.tpl

@@ -1,18 +1,18 @@
-<!-- IF breadcrumbs.length -->
-<ol class="breadcrumb" itemscope="itemscope" itemprop="breadcrumb" itemtype="http://schema.org/BreadcrumbList">
-	{{{each breadcrumbs}}}
-	<li<!-- IF @last --> component="breadcrumb/current"<!-- ENDIF @last --> itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem" <!-- IF @last -->class="active"<!-- ENDIF @last -->>
-		<meta itemprop="position" content="{@index}" />
-		<!-- IF !@last --><a href="{breadcrumbs.url}" itemprop="item"><!-- ENDIF !@last -->
-			<span itemprop="name">
-				{breadcrumbs.text}
-				<!-- IF @last -->
-				<!-- IF !feeds:disableRSS -->
-				<!-- IF rssFeedUrl --><a target="_blank" href="{rssFeedUrl}" itemprop="item"><i class="fa fa-rss-square"></i></a><!-- ENDIF rssFeedUrl --><!-- ENDIF !feeds:disableRSS -->
-				<!-- ENDIF @last -->
-			</span>
-		<!-- IF !@last --></a><!-- ENDIF !@last -->
-	</li>
-	{{{end}}}
-</ol>
-<!-- ENDIF breadcrumbs.length -->
+<!-- IF breadcrumbs.length -->
+<ol class="breadcrumb" itemscope="itemscope" itemprop="breadcrumb" itemtype="http://schema.org/BreadcrumbList">
+	{{{each breadcrumbs}}}
+	<li<!-- IF @last --> component="breadcrumb/current"<!-- ENDIF @last --> itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem" <!-- IF @last -->class="active"<!-- ENDIF @last -->>
+		<meta itemprop="position" content="{@index}" />
+		<!-- IF !@last --><a href="{breadcrumbs.url}" itemprop="item"><!-- ENDIF !@last -->
+			<span itemprop="name">
+				{breadcrumbs.text}
+				<!-- IF @last -->
+				<!-- IF !feeds:disableRSS -->
+				<!-- IF rssFeedUrl --><a target="_blank" href="{rssFeedUrl}" itemprop="item"><i class="fa fa-rss-square"></i></a><!-- ENDIF rssFeedUrl --><!-- ENDIF !feeds:disableRSS -->
+				<!-- ENDIF @last -->
+			</span>
+		<!-- IF !@last --></a><!-- ENDIF !@last -->
+	</li>
+	{{{end}}}
+</ol>
+<!-- ENDIF breadcrumbs.length -->