fix: more pages; font adjustments

Author: timmywil

content/404.md

@@ -4,7 +4,7 @@ permalink: 404.html
 eleventyExcludeFromCollections: true
 ---
 
-### Error: Not Found
+# Error: Not Found
 
 ---
 

content/about.md

@@ -0,0 +1,15 @@
+---
+layout: layouts/base.njk
+---
+
+# About this site
+
+---
+
+jQuery issues have moved to [GitHub](https://github.com/jquery/jquery/issues).
+
+This site is now a static version of the old Trac bugs site.
+
+> Trac is a web-based software project management and bug/issue tracking system emphasizing ease of use and low ceremony. It provides an integrated Wiki, an interface to version control systems, and a number of convenient ways to stay on top of events and changes within a project.
+
+See [https://trac.edgewall.org/](https://trac.edgewall.org/) for more on Trac.

content/about/index.md

@@ -0,0 +1,15 @@
+---
+layout: layouts/base.njk
+---
+
+# Custom Query
+
+---
+
+jQuery issues have moved to [GitHub](https://github.com/jquery/jquery/issues). This site is now a static version of the old trac bugs site. SQL queries are no longer available.
+
+If you know the ticket number you are looking for, use the following URL format to go directly to the ticket:
+
+`https://bugs.jquery.com/ticket/<ticket number>`
+
+Or, search the full archive of tickets using the search box above.

content/blog.njk

@@ -2,11 +2,11 @@
 layout: layouts/base.njk
 ---
 
-### Available Reports
+# Available Reports
 
 ---
 
-This site is now a static version of the old trac bugs site. Reports using SQL queries are no longer available.
+jQuery issues have moved to [GitHub](https://github.com/jquery/jquery/issues). This site is now a static version of the old trac bugs site. Reports using SQL queries are no longer available.
 
 If you know the ticket number you are looking for, use the following URL format to go directly to the ticket:
 

content/query.md

@@ -7,7 +7,7 @@
     // Sliced in development or the server gets bogged down
     before: (paginationData) => {
       if (process.env.NODE_ENV === 'development') {
-        return paginationData.slice(-5)
+        return paginationData.slice(0, 5)
       }
       return paginationData
     }
@@ -49,7 +49,7 @@
 <div class="ticket-info">
   <div class="flex-row flex-between-start">
     <h3>
-      <a href="{{ pagination.url }}">#{{ ticket.id }}</a>
+      <a href="{{ pagination.url }}" class="ticket-number">#{{ ticket.id }}</a>
       <span class="ticket-status">{{ ticket.status }}</span>
       <span class="ticket-type">{{ ticket.type }}</span>
       <span class="ticket-resolution">({{ ticket.resolution }})</span>
@@ -60,11 +60,13 @@
       {% if ticket.status == 'closed' and ticket.closedtime %}
         <p>Closed {{ ticket.closedtime | yearsAgo }}</p>
       {% endif %}
-      <p>Last modified {{ ticket.changetime | yearsAgo }}</p>
+      {% if not ticket.closedtime or ticket.closedtime != ticket.changetime %}
+        <p>Last modified {{ ticket.changetime | yearsAgo }}</p>
+      {% endif %}
     </div>
   </div>
 
-  <h3 class="ticket-title">{{ ticket.summary }}</h3>
+  <h1 class="ticket-title">{{ ticket.summary }}</h1>
 
   <table class="ticket-properties">
     <tr>
@@ -172,4 +174,4 @@
       </div>
     </div>
   {% endfor %}
-</details>
+</details>

content/report.md

@@ -0,0 +1,15 @@
+---
+layout: layouts/base.njk
+---
+
+# Timeline
+
+---
+
+jQuery issues have moved to [GitHub](https://github.com/jquery/jquery/issues). This site is now a static version of the old trac bugs site. Timeline searches using SQL queries are no longer available.
+
+If you know the ticket number you are looking for, use the following URL format to go directly to the ticket:
+
+`https://bugs.jquery.com/ticket/<ticket number>`
+
+Or, search the full archive of tickets using the search box above.

content/ticket.njk

@@ -150,7 +150,7 @@ module.exports = function (eleventyConfig) {
         // Linkify ticket references
         .replace(/#(\d+)/g, `<a href="/ticket/$1">$&</a>`)
         // Replace double newlines with paragraphs
-        .split(/(?:\r\n){2}/g)
+        .split(/(?:\r?\n){2}/g)
         .map((line) => {
           if (!line.trim()) {
             return ''

content/timeline.md

@@ -1,8 +1,9 @@
 /* Defaults */
 :root {
-  --font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
-  --font-family-header: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
-  --font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono,
+  --font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  --font-family-header: var(--font-family);
+  --font-family-alternate: Verdana, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
+  --font-family-monospace: Monaco, Andale Mono WT, Andale Mono,
     Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono,
     Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New,
     Courier, monospace;
@@ -79,6 +80,8 @@ body {
   width: 100%;
   max-width: 910px;
   margin: 0 auto;
+  /* Avoid scroll with mobile nav */
+  overflow: hidden;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -89,6 +92,11 @@ h1, h2, h3, h4, h5, h6 {
   letter-spacing: 0;
 }
 
+h1 {
+  font-size: 1.15rem;
+  font-weight: bold;
+}
+
 /* https://www.a11yproject.com/posts/how-to-hide-content/ */
 .visually-hidden {
   clip: rect(0 0 0 0);
@@ -210,7 +218,6 @@ header h1 {
   display: flex;
   flex-direction: column;
   padding: 0;
-  margin: 0;
   list-style: none;
 }
 .nav a {
@@ -322,6 +329,7 @@ form {
 label {
   font-style: italic;
   font-size: 0.8125rem;
+  font-weight: 700;
 }
 input {
   border: 1px solid var(--input-border-color);
@@ -382,7 +390,7 @@ footer {
     var(--footer-background-start-color),
     var(--footer-background-end-color)
   );
-  padding: 2.5em 2.5em;
+  padding: 2.5em;
   margin-bottom: 2em;
   border-top: 2px solid #000;
   border-bottom: 2px solid #000;
@@ -496,5 +504,6 @@ a.ext-link .icon {
   #jq-content {
     flex-grow: 1;
     max-width: 622px;
+    font-size: 0.875rem;
   }
 }