{{ partial "header.html" . }}

<div class="shaded primary padded-vertical">
  <div class="container">
    <div class="docs-section-title">Hacks & Customizations</div>
  </div>
</div>

<div class="container">

  <div class="row">
    <aside class="col-md-2 sidebar">
      <div class="sidebar-inner">
        <div>
          <h4>Information</h4>
        </div>
        <ul>
          <li><a href="/https/source.bookstackapp.com/hacks">All Hacks</a></li>
          <li><a href="/https/source.bookstackapp.com/hacks/applying/">Applying Hacks</a></li>
          <li><a href="https://codeberg.org/bookstack/hacks">Hacks Source Repo</a></li>
        </ul>
      </div>
      <div>
        <h4>Other Hacking</h4>
        <ul>
          <li><a href="/https/source.bookstackapp.com/docs/admin/hacking-bookstack/">All Hacking Methods</a></li>
          <li><a href="https://codeberg.org/bookstack/api-scripts">Example API Scripts</a></li>
        </ul>
      </div>
      <div class="sidebar-inner mobile">
        <ul>
          <li><a href="/https/source.bookstackapp.com/hacks">All Hacks</a></li>
          <li><a href="/https/source.bookstackapp.com/hacks/applying/">Applying Hacks</a></li>
          <li><a href="https://codeberg.org/bookstack/hacks">Hacks Source Repo</a></li>
        </ul>
      </div>
    </aside>

    <div class="col-md-8 col-md-offset-1 hacks-content">

      <main>

        {{ if .Params.Date }}
        <div class="hack-warning">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z"/></svg>
          <div>
            These hacks are unsupported customizations meant as unofficial workarounds. <br>
            They can cause instability, introduce issues and may conflict with future updates.
            Apply at your own risk!
          </div>
        </div>
        {{ end }}

        <h1>{{.Title}}</h1>

        {{ if .Params.Tested }}
        <ul class="hack-meta">
          {{ $authors := strings.Split .Params.Author " " }}
          <li><strong>Author{{ if gt (len $authors) 1 }}s{{end}}:</strong> {{ range $authors }}<a href="https://github.com/{{ strings.TrimLeft "@" . }}" target="_blank">{{ . }}</a> {{ end }}</li>
          <li><strong>Created:</strong> {{ .Date.Format "2" | humanize }} {{ .Date.Format "Jan 2006" }}</li>
          <li><strong>Updated:</strong> {{ .Params.Updated.Format "2" | humanize }} {{ .Params.Updated.Format "Jan 2006" }}</li>
          <li><strong>Last Tested On:</strong> {{ .Params.Tested }}</li>
        </ul>
        {{ end }}
  
        {{.Content}}
      </main>

      {{ if .Params.Tested }}
        <hr>

        <h4>Request an Update</h4>

        <div class="row">
          <div class="col col-md-8">
            <p>
              Hack not working on the latest version of BookStack? <br>
              You can request this hack to be updated & tested for a small one-time fee. <br>
              This helps keeps these hacks updated & maintained in a sustainable manner.
            </p>
          </div>
          <div class="col col-md-4 text-center">
            <a href="https://bookstack-hacks.httpfunctions.com?hack_id={{ .File.ContentBaseName }}&hack_name={{.Title}}" class="button" target="_blank">Request Update</a>
          </div>
        </div>

        <hr>

        <h4>Latest Hacks</h4>

        <div class="hack-box-list">
          {{ range first 4 ( where .Site.RegularPages "Section" "hacks") }}
          {{ if .Params.Date }}
            {{ partial "list-hack" .}}
          {{ end }}
        {{ end }}
        </div>
      {{ end}}

    </div>
  </div>

</div>

{{ partial "footer.html" . }}