index.html

{{ define "main" }}
<section class="section container-fluid mt-n3 pb-3">
  <div class="row justify-content-center">
    <div class="col-lg-12 text-center">
      <h1>{{ .Title }}</h1>
    </div>
    <div class="col-lg-10"> <!-- Widened from col-lg-9 col-xl-8 -->
      <p class="lead text-center">{{ .Params.lead | safeHTML }}</p>
      <div class="text-center">
        <a class="btn btn-primary btn-cta rounded-pill btn-lg my-3" href="/guides/getting_started/" role="button">Get Started!</a>
      </div>
      <div class="content-area">  <!-- New class for controlled width and alignment -->
        {{ .Content }}
      </div>
    </div>
  </div>
</section>
{{ end }}

{{ define "sidebar-prefooter" }}
  {{ if site.Params.doks.backgroundDots -}}
  <div class="d-flex justify-content-start">
    <div class="bg-dots"></div>
  </div>
  {{ end -}}
  
  <section class="section section-md section-features">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-4">
          <h2 class="h4 text-center">Security</h2>
          <p class="text-left">HPC jobs run in the context of a POSIX filesystem. Cloud APIs depend on access tokens that are limited in both scope and time. OpenCHAMI ships everything you need to bridge the two worlds.</p>
        </div>
        <div class="col-lg-4">
          <h2 class="h4 text-center">Simplicity</h2>
          <p class="text-left">OpenCHAMI can support the largest HPC systems with the most complex requirements, but the default install is useful within five minutes. Complexity is always "opt-in".</p>
        </div>
        <div class="col-lg-4">
          <h2 class="h4 text-center">Modularity</h2>
          <p class="text-left">Each of the components that comprise the OpenCHAMI system is designed to work in a standalone mode and can be fully replaced.</p>
        </div>
      </div>
    </div>
  </section>
{{ end }}

{{ define "sidebar-footer" }}
<section class="section section-md container-fluid bg-light">
  <div class="row justify-content-center text-center">
    <div class="col-lg-8"> <!-- Widened for better readability -->
      <h2 class="mt-2">Learn more about using OpenCHAMI</h2>
      <a class="btn btn-primary rounded-pill px-4 my-2" href="/docs/introduction-to-openchami/" role="button">Learn More</a>
    </div>
  </div>
</section>

<section class="section section-md container-fluid">
  <div class="row justify-content-center text-center">
    <div class="col-lg-8">
      <h2 class="mt-2">Still want more?</h2>
      <div class="ml-embedded" data-form="7uAs65"></div>
    </div>
  </div>
</section>
{{ end }}