Build out sidenav, index page, and wiki layout

Author: timmywil

_includes/layouts/base.njk

@@ -37,7 +37,7 @@
       <a href="#skip" class="visually-hidden">Skip to main content</a>
       <header class="flex-column">
         <div class="flex-row flex-between-start">
-          <a id="jq-siteLogo" href="https://jquery.com/" title="jQuery Home">
+          <a id="jq-siteLogo" href="/" title="jQuery Home">
             <img src="/img/logo.png" width="215" height="53" alt="jQuery: Write Less, Do More." />
           </a>
           <input class="hamburger-toggle visually-hidden" id="jq-menutoggle" type="checkbox" />
@@ -119,8 +119,19 @@
           </form>
         </div>
       </header>
-      <main id="skip">
-        {{ content | safe }}
+      <main id="skip" class="flex-column">
+        <h2 class="visually-hidden">Side navigation</h2>
+        <nav id="jq-sidenav" class="flex-column white-box">
+          <h5 class="sidenav-header">Bug Tracker</h5>
+          <a href="https://github.com/jquery/jquery/issues/new/choose">New Ticket</a>
+          <a href="/report">View Tickets</a>
+          <a href="/ticketgraph">Ticket Graph</a>
+          <a href="/roadmap">Roadmap</a>
+          <a href="/timeline">Recent Changes</a>
+        </nav>
+        <div id="jq-content" class="white-box">
+          {{ content | safe }}
+        </div>
       </main>
       <footer>
         Copyright &copy; {% currentYear %}

_includes/layouts/wiki.njk

@@ -0,0 +1,24 @@
+---
+layout: layouts/base.njk
+---
+
+{%- css %}{% include "public/css/wiki.css" %}{% endcss %}
+
+<div class="wiki flex-column">
+  <div class="breadcrumbs-nav flex-row">
+    <a href="/" class="breadcrumbs-nav-first">wiki:</a>
+  </div>
+  <nav class="wiki-nav">
+    <ul class="flex-row">
+      <li>
+        <a href="/">Start Page</a>
+      </li>
+      <li>
+        <a href="/wiki/TitleIndex">Index</a>
+      </li>
+    </ul>
+  </nav>
+  <div class="wiki-content">
+    {{ content | safe }}
+  </div>
+</div>

content/index.njk

@@ -1,28 +1,48 @@
 ---
-layout: layouts/base.njk
-eleventyNavigation:
-  key: Home
-  order: 1
-numberOfLatestPostsToShow: 3
+layout: layouts/wiki.njk
 ---
-{% set postsCount = collections.posts | length %}
-{% set latestPostsCount = postsCount | min(numberOfLatestPostsToShow) %}
-<h1>Latest {{ latestPostsCount }} Post{% if latestPostsCount != 1 %}s{% endif %}</h1>
 
-{% set postslist = collections.posts | head(-1 * numberOfLatestPostsToShow) %}
-{% set postslistCounter = postsCount %}
-{% include "postslist.njk" %}
-
-{% set morePosts = postsCount - numberOfLatestPostsToShow %}
-{% if morePosts > 0 %}
-<p>{{ morePosts }} more post{% if morePosts != 1 %}s{% endif %} can be found in <a href="/blog/">the archive</a>.</p>
-{% endif %}
-
-{# List every content page in the project #}
-{#
+<p>
+Thanks for coming to report a bug or suggest a feature for jQuery! Before reporting, please take a minute to make sure this is the right place to file your issue.
+</p>
+<p>
+  <strong>jQuery plugins:</strong> Report your bug to its author, <strong>not here</strong>.
+</p>
+<p>
+  <strong>jQuery Core API Documentation issues:</strong> Problems with the documentation should be reported to <a class="ext-link" href="http://github.com/jquery/api.jquery.com/issues">
+    <span class="icon">​</span>api.jquery.com GitHub repository</a>. 
+</p>
+<p>
+  <strong>jQuery web site issues:</strong> Use the trackers in the <a class="ext-link" href="http://github.com/jquery/">
+    <span class="icon">​</span>individual repos</a> for each site by its domain name, e.g., <a class="ext-link" href="http://github.com/jquery/api.jquery.com/issues">
+    <span class="icon">​</span>api.jquery.com</a>, <a class="ext-link" href="http://github.com/jquery/jquery.com/issues">
+    <span class="icon">​</span>jquery.com</a>. Web site issues may also lie in <a class="ext-link" href="http://github.com/jquery/jquery-wp-content/issues">
+    <span class="icon">​</span>jquery-wp-content</a>, and can be filed there if appropriate.  If you file an web site issue in the wrong place, we will work to make sure it ends up in the right place, however the jQuery core bug tracker is <strong>not that place.</strong>
+</p>
+<p>
+  <strong>jQuery UI (Tabs, Dialog, etc.):</strong> Use the <a class="ext-link" href="http://bugs.jqueryui.com/">
+    <span class="icon">​</span>jQuery UI bug tracker</a>.
+</p>
+<p>
+  <strong>jQuery Mobile:</strong> Use the <a class="ext-link" href="https://github.com/jquery/jquery-mobile/issues">
+    <span class="icon">​</span>jQuery Mobile GitHub tracker</a>.
+</p>
+<p>
+  <strong>jQuery core bugs only:</strong> Follow these instructions.
+</p>
 <ul>
-	{%- for entry in collections.all %}
-	<li><a href="{{ entry.url }}"><code>{{ entry.url }}</code></a></li>
-	{%- endfor %}
+  <li>
+    <a class="ext-link" href="http://bugs.jquery.com/search?ticket=on">
+      <span class="icon">​</span>Search</a> for existing similar tickets.
+</li>
+  <li>Create a <strong>minimal</strong> test case on <a class="ext-link" href="http://jsfiddle.net">
+      <span class="icon">​</span>jsfiddle.net</a> or <a class="ext-link" href="http://jsbin.com">
+      <span class="icon">​</span>jsbin.com</a> demonstrating the issue. Remember that the team only supports the most recent versions; do not report a bug against version 1.7.2 for example.
+</li>
+  <li>Read <a class="ext-link" href="http://docs.jquery.com/How_to_Report_Bugs">
+      <span class="icon">​</span>How to Report Bugs</a> before creating a ticket. 
+</li>
+  <li>File your bug at the <a class="ext-link" href="https://github.com/jquery/jquery/issues">
+      <span class="icon">​</span>jQuery Issue Tracker</a>.
+</li>
 </ul>
-#}

content/ticket.njk

@@ -9,4 +9,4 @@ eleventyComputed:
 permalink: /ticket/{{ ticket.id }}/
 ---
 
-{{ content | safe }}
+{{ content | safe }}

package-lock.json

@@ -46,5 +46,8 @@
     "luxon": "^3.3.0",
     "markdown-it-anchor": "^8.6.7",
     "prettier": "^2.8.8"
+  },
+  "overrides": {
+    "sharp": "^0.32.1"
   }
 }