<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    {{ with .Description }}
      <meta name="description" content="{{ . }}" />
    {{ end }}
    <title>{{ .Title }} - {{ .Site.Title }}</title>
    {{ $twbssass := resources.Get "styles/mix-twbs.scss" | resources.ToCSS | minify | resources.PostProcess }}
    <link href="{{ $twbssass.RelPermalink }}" rel="stylesheet" />
  </head>

  {{ $millironx := resources.Get "graphics/millironx.svg" }}


  <body>
    <div class="container-fluid">
      <div class="row wrapper min-vh-100 flex-column flex-sm-row">
        {{ partial "sidebar" . }}
        <main class="col bg-faded py-3 gx-0">
          <div class="container">
            <header class="d-none d-sm-none d-md-block text-center">
              <h1 class="font-serif font-small-caps">
                <object data="{{ $millironx.RelPermalink }}">
                  <img src="{{ $millironx.RelPermalink }}" alt="Milliron X" />
                </object>
                &emsp; Milliron X
              </h1>
            </header>
          </div>
          {{ block "main" . }}
            <section class="container-fluid list-main">
              <div class="container px-5">
                {{ .Content }}
              </div>
            </section>
          {{ end }}
          <footer class="fixed-bottom">
            <div class="container-fluid footer-contents">
              <div class="row justify-content-between">
                <div class="col-3 align-self-center">
                  {{ $brandedbull := resources.Get "graphics/brandedbull.svg" }}
                  {{ $brandedbullsmall := $brandedbull | resources.Minify }}
                  <img
                    src="{{ $brandedbullsmall.RelPermalink }}"
                    height="95rem"
                  />
                </div>
                <div class="col-3 align-self-center">
                  <div
                    class="btn-group float-end"
                    role="group"
                    aria-label="Other Milliron X sites"
                  >
                    <a
                      class="btn btn-outline-primary btn-sm"
                      href="https://video.millironx.com/"
                      data-bs-toggle="tooltip"
                      title="Video (Peertube)"
                    >
                      <i class="fax fa-peertube fa-fw"></i>
                    </a>
                    <a
                      class="btn btn-outline-primary btn-sm"
                      href="https://code.millironx.com/"
                      data-bs-toggle="tooltip"
                      title="Code (Gitea)"
                    >
                      <i class="fax fa-gitea fa-fw"></i>
                    </a>
                    <a
                      class="btn btn-outline-primary btn-sm"
                      href="https://nextcloud.millironx.com/"
                      data-bs-toggle="tooltip"
                      title="Files (Nextcloud)"
                    >
                      <i class="fax fa-nextcloud fa-fw"></i>
                    </a>
                    <button
                      type="button"
                      class="btn btn-outline-primary btn-sm"
                      data-bs-toggle="modal"
                      data-bs-target="#extras-modal"
                      title="Extras"
                    >
                      <i class="fad fa-cowbell fa-fw"></i>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </footer>
        </main>
      </div>
    </div>

    <!-- Font Awesome -->
    {{ $fontawesome := resources.Get "scripts/fa-icons.js" | js.Build "js/fontawesome.js" | minify }}
    <script src="{{ $fontawesome.RelPermalink }}"></script>

    <!-- JQuery -->
    {{ $jquery := resources.Get "scripts/jquery/jquery.min.js" }}
    {{ $jqmaskjs := resources.Get "scripts/jquery-mask-plugin/jquery.mask.min.js" }}
    {{ $fittextjs := resources.Get "scripts/fittext/jquery.fittext.js" | minify }}
    {{ $scrolljs := resources.Get "scripts/scroll-effect.js" | minify }}
    {{ $maskjs := resources.Get "scripts/phone-masking.js" | minify }}
    {{ $jquerybundle := slice $jquery $jqmaskjs $fittextjs $scrolljs $maskjs | resources.Concat "js/jquery-bundle.js" }}
    <script src="{{ $jquerybundle.RelPermalink }}"></script>

    <!-- Bootstrap -->
    {{ $popperjs := resources.Get "scripts/popper/popper.min.js" }}
    {{ $twbsjs := resources.Get "scripts/bootstrap/bootstrap.min.js" }}
    {{ $ttjs := resources.Get "scripts/tooltip-enable.js" | minify }}
    {{ $bootstrapbundle := slice $popperjs $twbsjs $ttjs | resources.Concat "js/bootstrap-bundle.js" }}
    <script src="{{ $bootstrapbundle.RelPermalink }}"></script>

    <!-- GoatCounter -->
    <script
      data-goatcounter="https://millironx.goatcounter.com/count"
      async
      src="//gc.zgo.at/count.js"
    ></script>

    {{ partial "extras-modal" . }}
  </body>
</html>
