From 3180d399f20d6e7bec41cf986cfbf8e1aafa3587 Mon Sep 17 00:00:00 2001
From: Thomas Lange <code@nerdmind.de>
Date: Thu, 14 Sep 2017 23:51:36 +0200
Subject: Some markup optimizations has been made to both templates (the HTML5
 <article> element is more correct for the purpose of an item list, because
 real lists should only be used if the order of the items would change the
 meaning. This is not the case, because each item is a self-contained area
 which has nothing to do with the other items).

---
 template/standard/html/home.php          | 10 +++++-----
 template/standard/html/page/item.php     |  4 ++--
 template/standard/html/page/list.php     |  4 ++--
 template/standard/html/post/item.php     |  4 ++--
 template/standard/html/post/list.php     |  4 ++--
 template/standard/html/search/result.php |  4 ++--
 template/standard/html/user/item.php     |  4 ++--
 template/standard/html/user/list.php     |  4 ++--
 template/standard/rsrc/main.css          | 33 +++++++++++---------------------
 9 files changed, 30 insertions(+), 41 deletions(-)

(limited to 'template/standard')

diff --git a/template/standard/html/home.php b/template/standard/html/home.php
index e516204..f2aa20e 100644
--- a/template/standard/html/home.php
+++ b/template/standard/html/home.php
@@ -10,10 +10,10 @@
 <h1><i class="fa fa-home"></i><?=$Language->text('home_heading_text', escapeHTML(Application::get('BLOGMETA.NAME')))?><span class="head-link brackets"><i class="fa fa-rss"></i><a href="<?=Application::getURL('feed/')?>" title="<?=$Language->text('feed_name_items', escapeHTML($BLOGMETA['NAME']))?>">Feed</a></span></h1>
 <p><?=$Language->text('home_heading_desc', Application::get('POST.LIST_SIZE'))?></p>
 
-<ul class="item-list post">
-<?php foreach($LIST['POSTS'] as $post): ?>
-	<?php echo $post; ?>
-<?php endforeach; ?>
-</ul>
+<div class="item-container post">
+	<?php foreach($LIST['POSTS'] as $post): ?>
+		<?php echo $post; ?>
+	<?php endforeach; ?>
+</div>
 
 <?=$PAGINATION['HTML']?>
diff --git a/template/standard/html/page/item.php b/template/standard/html/page/item.php
index 81f6c8c..f2803fa 100644
--- a/template/standard/html/page/item.php
+++ b/template/standard/html/page/item.php
@@ -7,7 +7,7 @@
 #                                                                              #
 #%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#
 ?>
-<li class="item-list-li page">
+<article class="item">
 	<header>
 		<h2>
 			<a title="<?=$Language->text('select_page')?>: »<?=escapeHTML($PAGE['ATTR']['NAME'])?>«" href="<?=$PAGE['URL']?>"><?=escapeHTML($PAGE['ATTR']['NAME'])?></a>
@@ -17,4 +17,4 @@
 	<blockquote cite="<?=$PAGE['URL']?>">
 		<p><?=excerpt($PAGE['BODY']['HTML'](), 600)?></p>
 	</blockquote>
-</li>
\ No newline at end of file
+</article>
\ No newline at end of file
diff --git a/template/standard/html/page/list.php b/template/standard/html/page/list.php
index da75330..b2361bf 100644
--- a/template/standard/html/page/list.php
+++ b/template/standard/html/page/list.php
@@ -10,10 +10,10 @@
 <h1><i class="fa fa-file-text-o"></i><?=$Language->text('page_overview')?><span class="head-link brackets"><i class="fa fa-rss"></i><a href="<?=Application::getURL('feed/page/')?>" title="<?=$Language->text('feed_name_pages', escapeHTML($BLOGMETA['NAME']))?>">Feed</a></span></h1>
 <p><?=$Language->text('page_overview_heading_desc', $PAGINATION['THIS'])?></p>
 
-<ul class="item-list page">
+<div class="item-container page">
 	<?php foreach($LIST['PAGES'] as $page): ?>
 		<?php echo $page; ?>
 	<?php endforeach; ?>
-</ul>
+</div>
 
 <?=$PAGINATION['HTML']?>
\ No newline at end of file
diff --git a/template/standard/html/post/item.php b/template/standard/html/post/item.php
index 7733e61..c4035cb 100644
--- a/template/standard/html/post/item.php
+++ b/template/standard/html/post/item.php
@@ -7,7 +7,7 @@
 #                                                                              #
 #%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#
 ?>
-<li class="item-list-li post">
+<article class="item">
 	<header>
 		<h2>
 			<a title="<?=$Language->text('select_post')?>: »<?=escapeHTML($POST['ATTR']['NAME'])?>«" href="<?=$POST['URL']?>"><?=escapeHTML($POST['ATTR']['NAME'])?></a>
@@ -17,4 +17,4 @@
 	<blockquote cite="<?=$POST['URL']?>">
 		<?=$POST['BODY']['HTML']()?>
 	</blockquote>
-</li>
\ No newline at end of file
+</article>
\ No newline at end of file
diff --git a/template/standard/html/post/list.php b/template/standard/html/post/list.php
index adb4fd6..7622170 100644
--- a/template/standard/html/post/list.php
+++ b/template/standard/html/post/list.php
@@ -10,10 +10,10 @@
 <h1><i class="fa fa-newspaper-o"></i><?=$Language->text('post_overview')?><span class="head-link brackets"><i class="fa fa-rss"></i><a href="<?=Application::getURL('feed/post/')?>" title="<?=$Language->text('feed_name_posts', escapeHTML($BLOGMETA['NAME']))?>">Feed</a></span></h1>
 <p><?=$Language->text('post_overview_heading_desc', $PAGINATION['THIS'])?></p>
 
-<ul class="item-list post">
+<div class="item-container post">
 	<?php foreach($LIST['POSTS'] as $post): ?>
 		<?php echo $post; ?>
 	<?php endforeach; ?>
-</ul>
+</div>
 
 <?=$PAGINATION['HTML']?>
\ No newline at end of file
diff --git a/template/standard/html/search/result.php b/template/standard/html/search/result.php
index 1558c3c..044afe1 100644
--- a/template/standard/html/search/result.php
+++ b/template/standard/html/search/result.php
@@ -29,8 +29,8 @@
 	<input type="submit" value="<?=$Language->text('search')?>" />
 </form>
 
-<ul class="item-list post">
+<div class="item-container post">
 	<?php foreach($RESULT['LIST'] as $post): ?>
 		<?php echo $post; ?>
 	<?php endforeach; ?>
-</ul>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/template/standard/html/user/item.php b/template/standard/html/user/item.php
index 04abc0f..45106af 100644
--- a/template/standard/html/user/item.php
+++ b/template/standard/html/user/item.php
@@ -7,7 +7,7 @@
 #                                                                              #
 #%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#
 ?>
-<li class="item-list-li user">
+<article class="item">
 	<header>
 		<h2>
 			<a title="<?=$Language->text('select_user')?>: »<?=escapeHTML($USER['ATTR']['FULLNAME'])?>«" href="<?=$USER['URL']?>"><?=escapeHTML($USER['ATTR']['FULLNAME'])?></a>
@@ -17,4 +17,4 @@
 	<blockquote cite="<?=$USER['URL']?>">
 		<?=$USER['BODY']['HTML']()?>
 	</blockquote>
-</li>
\ No newline at end of file
+</article>
\ No newline at end of file
diff --git a/template/standard/html/user/list.php b/template/standard/html/user/list.php
index d95bd0c..ebc231d 100644
--- a/template/standard/html/user/list.php
+++ b/template/standard/html/user/list.php
@@ -10,10 +10,10 @@
 <h1><i class="fa fa-user"></i><?=$Language->text('user_overview')?></h1>
 <p><?=$Language->text('user_overview_heading_desc', $PAGINATION['THIS'])?></p>
 
-<ul class="item-list user">
+<div class="item-container user">
 	<?php foreach($LIST['USERS'] as $user): ?>
 		<?php echo $user; ?>
 	<?php endforeach; ?>
-</ul>
+</div>
 
 <?=$PAGINATION['HTML']?>
\ No newline at end of file
diff --git a/template/standard/rsrc/main.css b/template/standard/rsrc/main.css
index 500ddc2..bafb39e 100644
--- a/template/standard/rsrc/main.css
+++ b/template/standard/rsrc/main.css
@@ -89,26 +89,15 @@ table img{border:none;border-radius:0;}
 a.brackets:before,a.brackets:after{color:#222;}
 
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-/* Item List <ul>
+/* Item Element
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-.item-list{list-style:none;padding:0;}
-.item-list.page{}
-.item-list.post{}
-.item-list.user{}
-
-/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-/* Item List <li>
-/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-.item-list-li{background:#EEE;border:0.05rem solid #AAA;overflow:hidden;margin:0.5rem 0;}
-.item-list-li > header{padding:0.25rem 1rem;border-bottom:0.05rem solid #AAA;overflow:hidden;text-transform:uppercase;}
-.item-list-li > header h2{font-size:0.65rem;float:left;}
-.item-list-li > header .info{float:right;font-size:0.6rem;font-weight:400;}
-.item-list-li > header a{color:inherit;}
-.item-list-li > blockquote{margin:0;padding:0 1rem;font-family:inherit;}
-.item-list-li > blockquote img{display:block;}
-.item-list-li.page{}
-.item-list-li.post{}
-.item-list-li.user{}
+.item{background:#EEE;border:0.05rem solid #AAA;overflow:hidden;margin:0.5rem 0;}
+.item > header{padding:0.25rem 1rem;border-bottom:0.05rem solid #AAA;overflow:hidden;text-transform:uppercase;}
+.item > header h2{font-size:0.65rem;float:left;}
+.item > header .info{float:right;font-size:0.6rem;font-weight:400;}
+.item > header a{color:inherit;}
+.item > blockquote{margin:0;padding:0 1rem;font-family:inherit;}
+.item > blockquote img{display:block;}
 
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 /* Item content on main sites
@@ -163,9 +152,9 @@ thead > tr > td, th > td{text-align:center;}
 	#toogle-nav:checked + ul{display:block;}
 	#main-navi li:last-child{float:none;}
 
-	.item-list-li > header{text-align:center;}
-	.item-list-li > header > h2,
-	.item-list-li > header > .info{float:none;display:block;}
+	.item > header{text-align:center;}
+	.item > header > h2,
+	.item > header > .info{float:none;display:block;}
 }
 
 /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-- 
cgit v1.2.3