refactor(web/atward): translate index page to markdown

Change-Id: I03ccbec1dd8ba58d80bd97eb40148dd395e500b2
Reviewed-on: https://cl.tvl.fyi/c/depot/+/3115
Tested-by: BuildkiteCI
Reviewed-by: tazjin <mail@tazj.in>

web/atward/indexHtml/default.nix

@@ -4,48 +4,41 @@ depot.web.tvl.template {
   useUrls = true;
   title = "atward";
   content = ''
-    <p>
+    **atward** is [TVL's](https://tvl.fyi/) search
-      <b>atward</b> is <a href="https://tvl.fyi/">TVL's</a> search
     service. It can be configured as a browser search engine for easy
     access to TVL bugs, code reviews, code paths and more.
-    </p>
 
-    <h3>Setting up atward</h3>
+    ### Setting up atward
-    <p>
+
     To configure atward, add a search engine to your browser with the
-      following search string:
+    following search string: `https://at.tvl.fyi/?q=%s`
-      <pre>  https://at.tvl.fyi/?q=%s</pre>
+    Consider setting a shortcut, for example **t** or **tvl**.
-      Consider setting a shortcut, for example <b>t</b> or <b>tvl</b>.
     You can now quickly access TVL resources by typing something
     like <kbd>t b/42</kbd> in your URL bar to get to the bug with ID
     42.
-    </p>
 
-    <h3>Supported queries</h3>
+
-    <p>
+    ### Supported queries
+
     The following query types are supported in atward:
-      <ul>
-        <li><kbd>b/42</kbd> - access bugs with ID 42</li>
-        <li><kbd>cl/3087</kbd> - access changelist with ID 3087</li>
-        <li><kbd>//web/atward</kbd> - open the <b>//web/atward</b> path in TVLs monorepo</li>
-      </ul>
-    </p>
 
-    <h3>Configuration</h3>
+    * <kbd>b/42</kbd> - access bugs with ID 42
-    <p>
+    * <kbd>cl/3087</kbd> - access changelist with ID 3087
+    * <kbd>//web/atward</kbd> - open the **//web/atward** path in TVLs monorepo
+
+    ### Configuration
+
     Some behaviour of atward can be configured by adding query
     parameters to the search string:
-      <ul>
+
-        <li><kbd>cs=true</kbd> - use Sourcegraph instead of cgit to view code</li>
+    * <kbd>cs=true</kbd> - use Sourcegraph instead of cgit to view code
-      </ul>
+
-    </p>
+
-    <p>
     In some browsers (like Firefox) users can not edit query
     parameters for search engines. As an alternative configuration can
     be supplied via cookies with the same names as the configuration
     parameters.
-    </p>
+
-    <p>
     The form below can set this configuration:
     <form class="cheddar-callout cheddar-todo">
       <input type="checkbox"
@@ -53,7 +46,7 @@ depot.web.tvl.template {
              onchange="saveSetting(this, 'cs');"
              > Use Sourcegraph instead of cgit</input>
     </form>
-    </p>
+
     <noscript>
       <p class="cheddar-callout cheddar-warning">
         The form above only works with Javascript enabled. Only a few
@@ -62,11 +55,10 @@ depot.web.tvl.template {
       </p>
     </noscript>
 
-    <h3>Source code</h3>
+    ### Source code
-    <p>
+
-      atward's source code lives
+    atward's source code lives at
-      at <a href="https://atward.tvl.fyi/?q=%2F%2Fweb%2Fatward">//web/atward</a>.
+    [//web/atward](https://atward.tvl.fyi/?q=%2F%2Fweb%2Fatward).
-    </p>
   '';
   extraHead = ''
     <script>