Figure out how to support multiple tabs

[vsoch]

see https://yassir.dev/markdown-fenced-code-tabs/

[mycaule]

_layout/defaults.html

<div class="md-container">
        {% include tabs.html %}
        <main class="md-main">

_includes/tabs.html as in https://square.github.io/okhttp/

Details

<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
    <div class="md-tabs__inner md-grid">
      <ul class="md-tabs__list">
        <li class="md-tabs__item">
            <a href=".." class="md-tabs__link">
            Overview
            </a>
        </li>
        <li class="md-tabs__item">
            <a href="../features/calls/" class="md-tabs__link">
            Features
            </a>
        </li>
        <li class="md-tabs__item">
            <a href="../recipes/" class="md-tabs__link">
                Recipes
            </a>
        </li>
        <li class="md-tabs__item">
            <a href="../security/security/" class="md-tabs__link">
            Security
            </a>
        </li>
        <li class="md-tabs__item">
        <a href="./" class="md-tabs__link md-tabs__link--active">
            Works with OkHttp
        </a>
        </li>
        <li class="md-tabs__item">
            <a href="../4.x/okhttp/okhttp3/" class="md-tabs__link">
            API
            </a>
        </li>
        <li class="md-tabs__item">
            <a href="../changelogs/changelog/" class="md-tabs__link">
            Change Logs
            </a>
        </li>
        <li class="md-tabs__item">
            <a href="../contribute/contributing/" class="md-tabs__link">
            Contributing
            </a>
        </li>
      </ul>
    </div>
  </nav>

You already have the md-tabs properties in the main.css

[vsoch]

Thanks @mycaule ! Do you want to contribute a PR?

[mycaule]

Not actually the same tabs as you initially wanted?

I was actually thinking of a horizontal menu with tabs, which actually corresponds to #19.

I can try to do the pull request for the second one.

[vsoch]

Is the first one an example running in the site here? It's super pretty, that would be lovely to add!

But it looks like you are wanting the mkdocs material theme? Any reason not to use sphinx material for that (I've done it here) https://online-ml.github.io/viz/.

If you don't want to use that, my thinking is that we might create another variant of the theme here that uses that particular material theme. It's a bunch of work to jekyllize it once, but I've found it's very useful. So to summarize:

• I like both of the examples above if you'd like to contribute something here
• Perhaps we should discuss making another theme (I could find time to do it over the weekend or soonish, etc.)