Commit 1ca60ee2 authored by Paul Asmuth's avatar Paul Asmuth
Browse files

improve the wwwdocs index page layout

parent 40a810d1

doc/frontpage.md

+64 −87
Original line number Diff line number Diff line
@@ -21,19 +21,15 @@ illustrations. 


## Documentation



<table>

  <tr>

    <td style="width: 30%;">

<h3>Introduction</h3>

      <div class="plist" style="margin-bottom: 2em;">

        <a class="prop" href="./getting-started"><span>Getting Started</span></a>

        <a class="prop" href="./installation"><span>Download<span></a>

        <a class="prop" href="./installation"><span>Installation<span></a>

        <a class="prop" href="./usage/command-line"><span>Usage<span></a>

      </div>

    </td>

    <td style="width: 30%;">

      <h3>Colors & Fonts</h3>

<ul class="index">

  <li><a href="./getting-started">Getting Started</a></li>

  <li><a href="./installation">Download</a></li>

  <li><a href="./installation">Installation</a></li>

  <li><a href="./usage/command-line">Usage</a></li>

</ul>



<h3>General Concepts</h3>

<ul class="index">

  <li><a href="/reference/document-setup">Document Setup</a></li>

  <li><a href="/reference/colors">Colors</a></li>
@@ -41,72 +37,52 @@ illustrations. 
  <li><a href="/reference/typographic">Typographic Units</a></li>

  <li><a href="/reference/fonts">Fonts</a></li>

  <li><a href="/reference/marker-shapes">Marker Shapes</a></li>

      </ul>

    </td>

    <td style="width: 30%;">

      <h3>Scales & Units</h3>

      <ul class="index">

  <li><a href="/reference/scale-types">Scale Types</a></li>

  <li><a href="/reference/scale-layout">Scale Layout</a></li>

  <li><a href="/reference/format">Number Formatters</a></li>

</ul>

    </td>

  </tr>

</table>



### List of Commands



<table>

  <tr>

    <td style="width: 30%;">

List of Commands

----------------



<h5>Document Setup</h5>

      <div class="plist" style="margin-bottom: 2em;">

        <a href="#" class="prop"><span><code><strong>set-width</strong></code></span></a>

        <a href="#" class="prop"><span><code><strong>set-height</strong></code></span></a>

        <a href="#" class="prop"><span><code><strong>set-dpi</strong></code></span></a>

      </div>

    </td>

    <td style="width: 30%;">

<ul class="index">

  <li><a href="#" class="prop"><code><strong>set-width</strong></code></a></li>

  <li><a href="#" class="prop"><code><strong>set-height</strong></code></a></li>

  <li><a href="#" class="prop"><code><strong>set-dpi</strong></code></a></li>

</ul>



<h5>Plotting Data</h5>

      <div class="plist" style="margin-bottom: 2em;">

        <a class="prop" href="/commands/plot/add-axes"><span><code><strong>plot/add-axes</strong></code></span></a>

        <a class="prop" href="/commands/plot/draw-areas"><span><code><strong>plot/draw-areas</strong></code></span></a>

        <a class="prop" href="/commands/plot/draw-axis"><span><code><strong>plot/draw-axis</strong></code></span></a>

        <a class="prop" href="/commands/plot/draw-bars"><span><code><strong>plot/draw-bars</strong></code></span></a>

        <a class="prop" href="/commands/plot/draw-errorbars"><span><code><strong>plot/draw-errorbars</strong></code></span></a>

        <a class="prop" href="/commands/plot/draw-grid"><span><code><strong>plot/draw-grid</strong></code></span></a>

        <a class="prop" href="/commands/plot/draw-labels"><span><code><strong>plot/draw-labels</strong></code></span></a>

        <a class="prop" href="/commands/plot/draw-lines"><span><code><strong>plot/draw-lines</strong></code></span></a>

        <a class="prop" href="/commands/plot/draw-points"><span><code><strong>plot/draw-points</strong></code></span></a>

        <a class="prop" href="/commands/plot/draw-vectors"><span><code><strong>plot/draw-vectors</strong></code></span></a>

        <a class="prop" href="/commands/plot/draw-rectangles"><span><code><strong>plot/draw-rectangles</strong></code></span></a>

      </div>

    </td>

    <td style="width: 30%;">

<ul class="index">

  <li><a href="/commands/plot/add-axes"><code><strong>plot/add-axes</strong></code></a></li>

  <li><a href="/commands/plot/draw-areas"><code><strong>plot/draw-areas</strong></code></a></li>

  <li><a href="/commands/plot/draw-axis"><code><strong>plot/draw-axis</strong></code></a></li>

  <li><a href="/commands/plot/draw-bars"><code><strong>plot/draw-bars</strong></code></a></li>

  <li><a href="/commands/plot/draw-errorbars"><code><strong>plot/draw-errorbars</strong></code></a></li>

  <li><a href="/commands/plot/draw-grid"><code><strong>plot/draw-grid</strong></code></a></li>

  <li><a href="/commands/plot/draw-labels"><code><strong>plot/draw-labels</strong></code></a></li>

  <li><a href="/commands/plot/draw-lines"><code><strong>plot/draw-lines</strong></code></a></li>

  <li><a href="/commands/plot/draw-points"><code><strong>plot/draw-points</strong></code></a></li>

  <li><a href="/commands/plot/draw-vectors"><code><strong>plot/draw-vectors</strong></code></a></li>

  <li><a href="/commands/plot/draw-rectangles"><code><strong>plot/draw-rectangles</strong></code></a></li>

</ul>



<h5>Layout</h5>

<ul class="index">

  <li><a href="#"><code>layout/push</code></a></li>

  <li><a href="#"><code>layout/pop</code></a></li>

  <li><a href="#"><code>layout/add-margins</code></a></li>

</ul>

    </td>

  </tr>

  <tr>

    <td style="width: 30%;">



<h5>Other</h5>

      <div class="plist" style="margin-bottom: 2em;">

        <a href="#" class="prop"><span><code><strong>figure/add-legend</strong></code></span></a>

      </div>

    </td>

    <td style="width: 30%;">

    </td>

    <td style="width: 30%;">

    </td>

  </tr>

</table>

<ul class="index">

  <li><a href="/commands/figure/draw-legend"><code><strong>figure/add-legend</strong></code></a></li>

</ul>





## Community

Community

---------



<ul>

  <li><a href="https://github.com/asmuth/clip">Github</a></li>
@@ -115,7 +91,8 @@ illustrations. 
</ul>





## Acknowledgements

Acknowledgements

----------------



  - The structure of the plot elements is based on ideas from [The Grammar of

    Graphics](https://www.springer.com/gp/book/9780387245447) and the

doc/web/documentation.css

+3 −1
Original line number Diff line number Diff line
@@ -463,7 +463,7 @@ article .color_legend { 


ul.index {

  padding: 0;

  margin: 0;

  margin: 0 0 2em 0;

}



ul.index li {
@@ -478,6 +478,7 @@ ul.index li:last-child { 
}



ul.index li a {

  display: block;

  color: #04f;

}
@@ -491,3 +492,4 @@ ul.index code { 
  color: #04f;

  font-weight: 500;

}

CRA Git | Maintained and supported by SUSTech CRA and CCSE