code cleaning, added year pager

2020-03-19 00:17:53 +01:00
parent af687cb8df
commit 6bcebd115c
9 changed files with 1012 additions and 707 deletions
@@ -100,3 +100,44 @@ a {
  padding: 0 1em;
  
 }
+
+#YearPager {
+	font-size: 120%;
+	list-style: none;
+	display: block;
+	text-align: center;
+	padding: 0;
+}
+
+#YearPager li {
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+	background: #333;
+	border: 1px solid #999;
+	border-right-width: 0;
+}
+
+#YearPager a {
+	display: inline-block;
+	padding: .5rem .8rem;
+}
+
+#YearPager li:hover {
+	background: #444;
+}
+
+#YearPager li.active {
+	font-weight: bold;
+}
+
+#YearPager li:last-child {
+	border-right-width: 1px;
+	border-top-right-radius: 7px;
+	border-bottom-right-radius: 7px;
+}
+
+#YearPager li:first-child {
+	border-top-left-radius: 7px;
+	border-bottom-left-radius: 7px;
+}
@@ -25,18 +25,16 @@
    <meta itemprop="image" content="{thumb_url}">
 </head>
 <body>
-<h1>{prev}<a href="index.html">{heading}</a>{next}</h1>
+<h1>{prev}<a href="{gallery_url}">{heading}</a>{next}</h1>

  <section class="BreadDetail">
-    <div class="note">
-      {note}
-    </div>
+    {note}

    <div class="images">
      {images}
    </div>
  </section>

-  <p id="crumb"><a href="index.html">Back to bread gallery</a></p>
+  <p id="crumb"><a href="{gallery_url}">Back to bread gallery</a></p>
 </body>
 </html>
@@ -8,6 +8,10 @@

  <p id="crumb">Like and <a href="feed.xml">subscribe</a></p>

+  <ul id="YearPager">
+    {year_pager}
+  </ul>
+
  <div class="MainGallery">
    {breads}
  </div>