ref: Use newer apkdoc cli params

3 files changed, 554 insertions, 372 deletions

diff --git a/build.yml b/build.yml
index 4326a8f..8754b9e 100644
--- a/build.yml
+++ b/build.yml
@@ -8,7 +8,7 @@ packages:
   - openssl
   - rsync
   - alpine-sdk
-  - pandoc
+  - minify
   - apkdoc
 environment:
   remote: builds@gabrielgio.me
@@ -33,7 +33,7 @@ tasks:
   - doc: |
       cd apkbuilds
       sshopts="ssh -o StrictHostKeyChecking=no"
-      apkdoc -url "https://artifacts.gabrielgio.me/repo/v3.18/x86_64/APKINDEX.tar.gz"
-      pandoc -s --include-in-header=docs/bamboo.min.css -s index.md --metadata title="Gabriel's apk repo" -o index.html
+      apkdoc -u "https://artifacts.gabrielgio.me/repo/v3.18/x86_64/APKINDEX.tar.gz" -f docs/index.html -o index.html
+      minify -o index.html index.html
       rsync --rsh="$sshopts" -rP index.html $remote:/var/www/apkdoc.gabrielgio.me/
 
diff --git a/docs/bamboo.min.css b/docs/bamboo.min.css
deleted file mode 100644
index 1baa6d7..0000000
--- a/docs/bamboo.min.css
+++ /dev/null
@@ -1,369 +0,0 @@
-<style type="text/css">
-                      :root {
-                          --b-font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-                          --b-font-mono: Consolas, Monaco, monospace;
-                          --b-txt: #2e3440;
-                          --b-bg-1: #fff;
-                          --b-bg-2: #eceff4;
-                          --b-line: #eceff4;
-                          --b-link: #bf616a;
-                          --b-btn-bg: #242933;
-                          --b-btn-txt: #fff;
-                          --b-focus: #88c0d0
-                      }
-
-@media (prefers-color-scheme: dark) {
-    :root {
-        --b-txt: #eceff4;
-        --b-bg-1: #2e3440;
-        --b-bg-2: #3b4252;
-        --b-line: #3b4252
-    }
-}
-
-*, :after, :before {
-    box-sizing: border-box
-}
-
-html:focus-within {
-    scroll-behavior: smooth
-}
-
-body {
-    max-width: 70ch;
-    padding: 0 1rem;
-    margin: auto;
-    background: var(--b-bg-1);
-    font-family: var(--b-font-main);
-    text-rendering: optimizeSpeed;
-    line-height: 1.5;
-    color: var(--b-txt);
-    -moz-tab-size: 4;
-    tab-size: 4;
-    word-break: break-word;
-    -webkit-tap-highlight-color: transparent;
-    -webkit-text-size-adjust: 100%
-}
-
-address, audio, blockquote, dd, details, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, iframe, ol, p, pre, table, ul, video {
-    margin: 0 0 1.5rem
-}
-
-h1, h2, h3, h4, h5, h6 {
-    line-height: 1.25;
-    margin-top: 2rem
-}
-
-h1 {
-    font-size: 2rem
-}
-
-h2 {
-    font-size: 1.5rem
-}
-
-h3 {
-    font-size: 1.25rem
-}
-
-h4 {
-    font-size: 1rem
-}
-
-h5 {
-    font-size: .875rem
-}
-
-h6 {
-    font-size: .75rem
-}
-
-a {
-    color: var(--b-link);
-    text-decoration: none
-}
-
-a:hover {
-    text-decoration: underline
-}
-
-img, svg, video {
-    height: auto
-}
-
-embed, iframe, img, object, svg, video {
-    max-width: 100%
-}
-
-iframe {
-    border-style: none
-}
-
-abbr[title] {
-    text-decoration: underline;
-    text-decoration: underline dotted
-}
-
-blockquote {
-    margin-left: 0;
-    padding: .5rem 0 .5rem 1.5rem;
-    border-left: .25rem solid var(--b-txt)
-}
-
-blockquote > :last-child {
-    margin-bottom: 0
-}
-
-small {
-    font-size: .875rem
-}
-
-sub, sup {
-    font-size: .75em;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline
-}
-
-sub {
-    bottom: -.25em
-}
-
-sup {
-    top: -.5em
-}
-
-hr {
-    height: 0;
-    overflow: visible;
-    border: 0;
-    border-bottom: 1px solid var(--b-line)
-}
-
-code, kbd, pre, samp, tt, var {
-    background: var(--b-bg-2);
-    border-radius: .25rem;
-    padding: .125rem .25rem;
-    font-family: var(--b-font-mono);
-    font-size: .875rem
-}
-
-pre {
-    padding: 1rem;
-    border-radius: 0;
-    overflow: auto;
-    white-space: pre
-}
-
-pre code {
-    padding: 0
-}
-
-details {
-    display: block;
-    padding: .5rem 1rem;
-    background: var(--b-bg-2);
-    border: 1px solid var(--b-line);
-    border-radius: .25rem
-}
-
-details > :last-child {
-    margin-bottom: 0
-}
-
-details[open] > summary {
-    margin-bottom: 1.5rem
-}
-
-summary {
-    display: list-item;
-    cursor: pointer;
-    font-weight: 700
-}
-
-summary:focus {
-    box-shadow: none
-}
-
-table {
-    border-collapse: collapse;
-    width: 100%;
-    text-indent: 0
-}
-
-table caption {
-    margin-bottom: .5rem
-}
-
-tr {
-    border-bottom: 1px solid var(--b-line)
-}
-
-td, th {
-    padding: .5rem 0
-}
-
-th {
-    text-align: left
-}
-
-dd, ol, ul {
-    padding-left: 2rem
-}
-
-li > ol, li > ul {
-    margin-bottom: 0
-}
-
-fieldset {
-    padding: .5rem .75rem;
-    border: 1px solid var(--b-line);
-    border-radius: .25rem
-}
-
-legend {
-    padding: 0 .25rem
-}
-
-button, input, select, textarea {
-    margin: 0;
-    padding: .5rem .75rem;
-    max-width: 100%;
-    background: var(--b-bg-2);
-    border: 0;
-    border-radius: .25rem;
-    font: inherit;
-    line-height: 1.125;
-    color: var(--b-txt)
-}
-
-input:not([size]):not([type=button i]):not([type=submit i]):not([type=reset i]):not([type=checkbox i]):not([type=radio i]), select {
-    width: 100%
-}
-
-[type=color i] {
-    min-height: 2.125rem
-}
-
-select:not([multiple]):not([size]) {
-    padding-right: 1.5rem;
-    background-repeat: no-repeat;
-    background-position: right .5rem center;
-    -moz-appearance: none;
-    -webkit-appearance: none;
-    appearance: none
-}
-
-textarea {
-    width: 100%;
-    resize: vertical
-}
-
-textarea:not([rows]) {
-    height: 8rem
-}
-
-[type=button i], [type=reset i], [type=submit i], button {
-    -webkit-appearance: button;
-    display: inline-block;
-    text-align: center;
-    white-space: nowrap;
-    background: var(--b-btn-bg);
-    color: var(--b-btn-txt);
-    border: 0;
-    cursor: pointer;
-    transition: opacity .25s
-}
-
-[type=button i]:hover, [type=reset i]:hover, [type=submit i]:hover, button:hover {
-    opacity: .75
-}
-
-[type=button i][disabled], [type=reset i][disabled], [type=submit i][disabled], button[disabled] {
-    opacity: .5
-}
-
-progress {
-    vertical-align: middle
-}
-
-[type=search i] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px
-}
-
-::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
-    height: auto
-}
-
-::-webkit-input-placeholder {
-    color: inherit;
-    opacity: .5
-}
-
-::-webkit-search-decoration {
-    -webkit-appearance: none
-}
-
-::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit
-}
-
-::-moz-focus-inner {
-    border-style: none;
-    padding: 0
-}
-
-:-moz-focusring {
-    outline: 1px dotted ButtonText
-}
-
-:-moz-ui-invalid {
-    box-shadow: none
-}
-
-[aria-busy=true i] {
-    cursor: progress
-}
-
-[aria-controls] {
-    cursor: pointer
-}
-
-[aria-disabled=true i], [disabled] {
-    cursor: not-allowed
-}
-
-:focus, details:focus-within {
-    outline: none;
-    box-shadow: 0 0 0 2px var(--b-focus)
-}
-
-@media (prefers-reduced-motion: reduce) {
-    html:focus-within {
-        scroll-behavior: auto
-    }
-
-    *, :after, :before {
-        animation-delay: -1ms !important;
-        animation-duration: 1ms !important;
-        animation-iteration-count: 1 !important;
-        background-attachment: scroll !important;
-        scroll-behavior: auto !important;
-        transition-delay: 0 !important;
-        transition-duration: 0 !important
-    }
-}
-
-select:not([multiple]):not([size]) {
-    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%232e3440'%3E%3Cpath d='M5 6l5 5 5-5 2 1-7 7-7-7 2-1z'/%3E%3C/svg%3E")
-}
-
-@media (prefers-color-scheme: dark) {
-    select:not([multiple]):not([size]) {
-        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23eceff4'%3E%3Cpath d='M5 6l5 5 5-5 2 1-7 7-7-7 2-1z'/%3E%3C/svg%3E")
-    }
-}
-
-</style >
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..7663e98
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,551 @@
+
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>Gabriel's apk repo</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    ul.task-list{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <style type="text/css">
+                        :root {
+                            --b-font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+                            --b-font-mono: Consolas, Monaco, monospace;
+                            --b-txt: #2e3440;
+                            --b-bg-1: #fff;
+                            --b-bg-2: #eceff4;
+                            --b-line: #eceff4;
+                            --b-link: #bf616a;
+                            --b-btn-bg: #242933;
+                            --b-btn-txt: #fff;
+                            --b-focus: #88c0d0
+                        }
+
+  @media (prefers-color-scheme: dark) {
+      :root {
+          --b-txt: #eceff4;
+          --b-bg-1: #2e3440;
+          --b-bg-2: #3b4252;
+          --b-line: #3b4252
+      }
+  }
+
+  *, :after, :before {
+      box-sizing: border-box
+  }
+
+  html:focus-within {
+      scroll-behavior: smooth
+  }
+
+  body {
+      max-width: 70ch;
+      padding: 0 1rem;
+      margin: auto;
+      background: var(--b-bg-1);
+      font-family: var(--b-font-main);
+      text-rendering: optimizeSpeed;
+      line-height: 1.5;
+      color: var(--b-txt);
+      -moz-tab-size: 4;
+      tab-size: 4;
+      word-break: break-word;
+      -webkit-tap-highlight-color: transparent;
+      -webkit-text-size-adjust: 100%
+  }
+
+  address, audio, blockquote, dd, details, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, iframe, ol, p, pre, table, ul, video {
+      margin: 0 0 1.5rem
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+      line-height: 1.25;
+      margin-top: 2rem
+  }
+
+  h1 {
+      font-size: 2rem
+  }
+
+  h2 {
+      font-size: 1.5rem
+  }
+
+  h3 {
+      font-size: 1.25rem
+  }
+
+  h4 {
+      font-size: 1rem
+  }
+
+  h5 {
+      font-size: .875rem
+  }
+
+  h6 {
+      font-size: .75rem
+  }
+
+  a {
+      color: var(--b-link);
+      text-decoration: none
+  }
+
+  a:hover {
+      text-decoration: underline
+  }
+
+  img, svg, video {
+      height: auto
+  }
+
+  embed, iframe, img, object, svg, video {
+      max-width: 100%
+  }
+
+  iframe {
+      border-style: none
+  }
+
+  abbr[title] {
+      text-decoration: underline;
+      text-decoration: underline dotted
+  }
+
+  blockquote {
+      margin-left: 0;
+      padding: .5rem 0 .5rem 1.5rem;
+      border-left: .25rem solid var(--b-txt)
+  }
+
+  blockquote > :last-child {
+      margin-bottom: 0
+  }
+
+  small {
+      font-size: .875rem
+  }
+
+  sub, sup {
+      font-size: .75em;
+      line-height: 0;
+      position: relative;
+      vertical-align: baseline
+  }
+
+  sub {
+      bottom: -.25em
+  }
+
+  sup {
+      top: -.5em
+  }
+
+  hr {
+      height: 0;
+      overflow: visible;
+      border: 0;
+      border-bottom: 1px solid var(--b-line)
+  }
+
+  code, kbd, pre, samp, tt, var {
+      background: var(--b-bg-2);
+      border-radius: .25rem;
+      padding: .125rem .25rem;
+      font-family: var(--b-font-mono);
+      font-size: .875rem
+  }
+
+  pre {
+      padding: 1rem;
+      border-radius: 0;
+      overflow: auto;
+      white-space: pre
+  }
+
+  pre code {
+      padding: 0
+  }
+
+  details {
+      display: block;
+      padding: .5rem 1rem;
+      background: var(--b-bg-2);
+      border: 1px solid var(--b-line);
+      border-radius: .25rem
+  }
+
+  details > :last-child {
+      margin-bottom: 0
+  }
+
+  details[open] > summary {
+      margin-bottom: 1.5rem
+  }
+
+  summary {
+      display: list-item;
+      cursor: pointer;
+      font-weight: 700
+  }
+
+  summary:focus {
+      box-shadow: none
+  }
+
+  table {
+      border-collapse: collapse;
+      width: 100%;
+      text-indent: 0
+  }
+
+  table caption {
+      margin-bottom: .5rem
+  }
+
+  tr {
+      border-bottom: 1px solid var(--b-line)
+  }
+
+  td, th {
+      padding: .5rem 0
+  }
+
+  th {
+      text-align: left
+  }
+
+  dd, ol, ul {
+      padding-left: 2rem
+  }
+
+  li > ol, li > ul {
+      margin-bottom: 0
+  }
+
+  fieldset {
+      padding: .5rem .75rem;
+      border: 1px solid var(--b-line);
+      border-radius: .25rem
+  }
+
+  legend {
+      padding: 0 .25rem
+  }
+
+  button, input, select, textarea {
+      margin: 0;
+      padding: .5rem .75rem;
+      max-width: 100%;
+      background: var(--b-bg-2);
+      border: 0;
+      border-radius: .25rem;
+      font: inherit;
+      line-height: 1.125;
+      color: var(--b-txt)
+  }
+
+  input:not([size]):not([type=button i]):not([type=submit i]):not([type=reset i]):not([type=checkbox i]):not([type=radio i]), select {
+      width: 100%
+  }
+
+  [type=color i] {
+      min-height: 2.125rem
+  }
+
+  select:not([multiple]):not([size]) {
+      padding-right: 1.5rem;
+      background-repeat: no-repeat;
+      background-position: right .5rem center;
+      -moz-appearance: none;
+      -webkit-appearance: none;
+      appearance: none
+  }
+
+  textarea {
+      width: 100%;
+      resize: vertical
+  }
+
+  textarea:not([rows]) {
+      height: 8rem
+  }
+
+  [type=button i], [type=reset i], [type=submit i], button {
+      -webkit-appearance: button;
+      display: inline-block;
+      text-align: center;
+      white-space: nowrap;
+      background: var(--b-btn-bg);
+      color: var(--b-btn-txt);
+      border: 0;
+      cursor: pointer;
+      transition: opacity .25s
+  }
+
+  [type=button i]:hover, [type=reset i]:hover, [type=submit i]:hover, button:hover {
+      opacity: .75
+  }
+
+  [type=button i][disabled], [type=reset i][disabled], [type=submit i][disabled], button[disabled] {
+      opacity: .5
+  }
+
+  progress {
+      vertical-align: middle
+  }
+
+  [type=search i] {
+      -webkit-appearance: textfield;
+      outline-offset: -2px
+  }
+
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+      height: auto
+  }
+
+  ::-webkit-input-placeholder {
+      color: inherit;
+      opacity: .5
+  }
+
+  ::-webkit-search-decoration {
+      -webkit-appearance: none
+  }
+
+  ::-webkit-file-upload-button {
+      -webkit-appearance: button;
+      font: inherit
+  }
+
+  ::-moz-focus-inner {
+      border-style: none;
+      padding: 0
+  }
+
+  :-moz-focusring {
+      outline: 1px dotted ButtonText
+  }
+
+  :-moz-ui-invalid {
+      box-shadow: none
+  }
+
+  [aria-busy=true i] {
+      cursor: progress
+  }
+
+  [aria-controls] {
+      cursor: pointer
+  }
+
+  [aria-disabled=true i], [disabled] {
+      cursor: not-allowed
+  }
+
+  :focus, details:focus-within {
+      outline: none;
+      box-shadow: 0 0 0 2px var(--b-focus)
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+      html:focus-within {
+          scroll-behavior: auto
+      }
+
+      *, :after, :before {
+          animation-delay: -1ms !important;
+          animation-duration: 1ms !important;
+          animation-iteration-count: 1 !important;
+          background-attachment: scroll !important;
+          scroll-behavior: auto !important;
+          transition-delay: 0 !important;
+          transition-duration: 0 !important
+      }
+  }
+
+  select:not([multiple]):not([size]) {
+      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%232e3440'%3E%3Cpath d='M5 6l5 5 5-5 2 1-7 7-7-7 2-1z'/%3E%3C/svg%3E")
+  }
+
+  @media (prefers-color-scheme: dark) {
+      select:not([multiple]):not([size]) {
+          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23eceff4'%3E%3Cpath d='M5 6l5 5 5-5 2 1-7 7-7-7 2-1z'/%3E%3C/svg%3E")
+      }
+  }
+</style >
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">Gabriel's apk repo</h1>
+</header>
+<h1 id="apks-alpine-3.18">Apks Alpine 3.18</h1>
+{{ range $e := . }}
+<h2 id="{{ $e.Name  }}">{{ $e.Name  }}</h2>
+    {{ range $name, $value := ($e.Properties) }}
+        {{ if eq $name "commit" }}
+    <li><strong>commit</strong>: <a href="{{ $e.FomartLink "https://git.sr.ht/~gabrielgio/apkbuilds/tree/%s/item/apks/%s" }}">0b58e2bbe81290d43b0fa75d7d515d4155f4f139-dirty</a></li>
+        {{ else if eq $name "url" }}
+    <li><strong>url</strong>: <a href="{{ $value }}">{{ $value }}</a></li>
+        {{ else }}
+    <li><strong>{{$name}}</strong>: {{ $value }}</li>
+        {{ end }}
+    {{ end }}
+{{ end }}
+</body>
+</html>