Add a Tools page

Put on the homepage and in the sidebar

Signed-off-by: Julia Evans <[email protected]>

Author: jvns

content/tools/_index.html

@@ -0,0 +1,50 @@
+---
+section: "tools"
+title: "Git - Tools"
+url: /tools.html
+---
+
+<div id="main">
+
+  <h1> Tools </h1>
+
+  <p>
+    The Git community has built a huge number of tools to make it easier to use Git.
+    While you can use Git on its own, most Git users use some of these extra tools.
+    There are editor integrations, GUIs, tools for resolving merge conflicts,
+    hosting services, and much more.
+  </p>
+
+  <div class="callout icon">
+    <a href="{{< relurl "tools/command-line">}}">
+      <img alt="Terminal icon" aria-hidden="true" src="{{< relurl "images/icons/fa-terminal.svg">}}" >
+      <h3> Command Line Tools </h3>
+    </a>
+
+    <p>
+      Tools to view and manipulate your Git history
+    </p>
+  </div>
+
+  <div class="callout icon">
+    <a href="{{< relurl "tools/guis">}}">
+      <img alt="Desktop icon" aria-hidden="true" src="{{< relurl "images/icons/fa-desktop.svg">}}" >
+      <h3> GUIs </h3>
+    </a>
+
+    <p>
+      Graphical user interfaces and editor integrations
+    </p>
+  </div>
+
+  <div class="callout icon">
+    <a href="{{< relurl "tools/hosting">}}">
+      <img alt="Cloud icon" aria-hidden="true" src="{{< relurl "images/icons/fa-cloud.svg">}}" >
+      <h3> Hosting </h3>
+    </a>
+
+    <p>
+      Git repository hosting
+    </p>
+  </div>
+</div>

layouts/partials/sidebar.html

@@ -35,15 +35,27 @@
           </li>
         </ul>
       </li>
+
+      <li>
+        <a href="{{ relURL "tools" }}"{{ if (eq $section "tools") }} class="active"{{ end }}>Tools</a>
+        <ul {{ if (eq $section "tools") }}class="expanded"{{ end }}>
+          <li>
+            <a href="{{ relURL "tools/command-line" }}"{{ if (eq .Params.Subsection "command-line") }} class="active"{{ end }}>Command Line</a>
+          </li>
+          <li>
+            <a href="{{ relURL "tools/guis" }}"{{ if (eq .Params.Subsection "guis") }} class="active"{{ end }}>GUIs</a>
+          </li>
+          <li>
+            <a href="{{ relURL "tools/hosting" }}"{{ if (eq .Params.Subsection "hosting") }} class="active"{{ end }}>Hosting</a>
+          </li>
+        </ul>
+      </li>
       <li>
         <a href="{{ relURL "docs" }}"{{ if or (eq .Params.Subsection "reference") (eq .Params.Subsection "manual") }} class="active"{{ end }}>Reference</a>
       </li>
       <li>
         <a href="{{ relURL "downloads" }}"{{ if (eq $section "downloads") }} class="active"{{ end }}>Downloads</a>
         <ul {{ if (eq $section "downloads") }}class="expanded"{{ end }}>
-          <li>
-            <a href="{{ relURL "downloads/guis" }}"{{ if (eq .Params.Subsection "guis") }} class="active"{{ end }}>GUI Clients</a>
-          </li>
           <li>
             <a href="{{ relURL "downloads/logos" }}"{{ if (eq .Params.Subsection "logos") }} class="active"{{ end }}>Logos</a>
           </li>

layouts/partials/site-root.html

@@ -16,6 +16,13 @@ <h3>Learn</h3>
             <p>Pro Git book, videos, tutorials, and cheat sheet</p>
           </a>
         </li>
+        <li>
+          <a href="{{ relURL "tools" }}">
+            <img src="{{ relURL "images/icons/fa-screwdriver-wrench.svg" }}" width="74" height="74" />
+            <h3>Tools</h3>
+            <p>Command line tools, GUIs, and hosting services</p>
+          </a>
+        </li>
         <li>
           <a href="{{ relURL "docs" }}">
             <img src="{{ relURL "images/icons/fa-book-open.svg" }}" width="74" height="74" />