pager also at page end

web/assets/style.css

@@ -101,7 +101,7 @@ a {
   
 }
 
-#YearPager {
+.YearPager {
 	font-size: 120%;
 	list-style: none;
 	display: block;
@@ -109,7 +109,7 @@ a {
 	padding: 0;
 }
 
-#YearPager li {
+.YearPager li {
 	display: inline-block;
 	margin: 0;
 	padding: 0;
@@ -118,26 +118,26 @@ a {
 	border-right-width: 0;
 }
 
-#YearPager a {
+.YearPager a {
 	display: inline-block;
 	padding: .5rem .8rem;
 }
 
-#YearPager li:hover {
+.YearPager li:hover {
 	background: #444;
 }
 
-#YearPager li.active {
+.YearPager li.active {
 	font-weight: bold;
 }
 
-#YearPager li:last-child {
+.YearPager li:last-child {
 	border-right-width: 1px;
 	border-top-right-radius: 7px;
 	border-bottom-right-radius: 7px;
 }
 
-#YearPager li:first-child {
+.YearPager li:first-child {
 	border-top-left-radius: 7px;
 	border-bottom-left-radius: 7px;
 }

web/templates/index.html

@@ -8,12 +8,16 @@
 
   <p id="crumb">Like and <a href="feed.xml">subscribe</a></p>
 
-  <ul id="YearPager">
+  <ul class="YearPager">
     {year_pager}
   </ul>
 
   <div class="MainGallery">
     {breads}
   </div>
+
+  <ul class="YearPager">
+	  {year_pager}
+  </ul>
 </body>
 </html>