Add a sidebar on the landing page

Thu Apr 10 2025

tucker.mcknight@gmail.com

Put the clone command in a sidebar, and also
add a placeholder for a "recent patches" widget.

378f07219ce83742fad9aad058992ef698669974

darcs pull https://repos.tuckerm.us/repos/eleventy-darcs/branches/main -h 378f07219ce83742fad9aad058992ef698669974

_includes/main.njk:16

Before

                  <a href="/" class="text-decoration-none">Darcs Repositories</a>{% if nav.repoName %}<span class="text-secondary mx-3">&gt;</span><a href="#" class="text-decoration-none">eleventy-darcs</a>{% endif %}

After

                  <a href="/" class="text-decoration-none">Darcs Repositories</a>{% if nav.repoName %}<span class="text-secondary mx-2">&gt;</span><a href="#" class="text-decoration-none">eleventy-darcs</a>{% endif %}

repo.njk:10

Before

  <div class="col-auto">
    <div class="input-group mb-3">
      <span id="clone-command" class="clone input-group-text">
        {% set url = [darcsConfig.baseUrl, "/repos/", repo | slugify] | join | url %}
        darcs clone {{ url }}
      </span>
      <button class="btn btn-primary" id="clone-button" onclick=&quot;copyCommand()"&gt;Copy</button>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-8">

After

  <div class="col-md-8 col-sm-12 order-md-1 order-sm-2">

repo.njk:12

Before

After

  </div>
  <div class="col-md-4 col-sm-12 order-md-2 order-sm-1">
    <div class="row">
      <div class="col">
        <div class="input-group mb-3 d-flex flex-nowrap">
          <span id="clone-command" class="clone overflow-hidden input-group-text">
            {% set url = [darcsConfig.baseUrl, "/repos/", repo | slugify] | join | url %}
            darcs clone {{ url }}
          </span>
          <button class="btn btn-primary" id="clone-button" onclick="copyCommand()">Copy</button>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <h2 class="fs-6">Recent patches</h2>
        <div class="card my-3">
          <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            <a href="#" class="card-link">Card link</a>
          </div>
        </div>
        <div class="card my-3">
          <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            <a href="#" class="card-link">Card link</a>
          </div>
        </div>
      </div>
    </div>