atagen

matrix-rust-sdk

public
Star0
Watch0
ssh://brewery@pls.lobotomise.me:33/atagen/matrix-rust-sdk.git

Blame: xtask/src/log/sync.template.html

7ff8adafe9e4atagen2026-10-22 12:30 UTC1
<!doctype html>
7ff8adafe9e4atagen2026-10-22 12:30 UTC2
<html lang="en">
7ff8adafe9e4atagen2026-10-22 12:30 UTC3
<head>
7ff8adafe9e4atagen2026-10-22 12:30 UTC4
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
7ff8adafe9e4atagen2026-10-22 12:30 UTC5
  <meta http-equiv="content-security-policy" content="default-src 'self'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; img-src data:">
7ff8adafe9e4atagen2026-10-22 12:30 UTC6
  <meta name="viewport" content="width=device-width, minimum-scale=1">
7ff8adafe9e4atagen2026-10-22 12:30 UTC7
7ff8adafe9e4atagen2026-10-22 12:30 UTC8
  <style>
7ff8adafe9e4atagen2026-10-22 12:30 UTC9
  /* Reset */
7ff8adafe9e4atagen2026-10-22 12:30 UTC10
7ff8adafe9e4atagen2026-10-22 12:30 UTC11
  *, *::before, *::after {
7ff8adafe9e4atagen2026-10-22 12:30 UTC12
    box-sizing: border-box;
7ff8adafe9e4atagen2026-10-22 12:30 UTC13
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC14
7ff8adafe9e4atagen2026-10-22 12:30 UTC15
  * { margin: 0 }
7ff8adafe9e4atagen2026-10-22 12:30 UTC16
7ff8adafe9e4atagen2026-10-22 12:30 UTC17
  input, button, textarea, select {
7ff8adafe9e4atagen2026-10-22 12:30 UTC18
    font: inherit;
7ff8adafe9e4atagen2026-10-22 12:30 UTC19
    color: currentColor;
7ff8adafe9e4atagen2026-10-22 12:30 UTC20
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC21
7ff8adafe9e4atagen2026-10-22 12:30 UTC22
  :root {
7ff8adafe9e4atagen2026-10-22 12:30 UTC23
    --space-very-small: .25rem;
7ff8adafe9e4atagen2026-10-22 12:30 UTC24
    --space-small: .5rem;
7ff8adafe9e4atagen2026-10-22 12:30 UTC25
    --space: 1rem;
7ff8adafe9e4atagen2026-10-22 12:30 UTC26
    --space-large: 2rem;
7ff8adafe9e4atagen2026-10-22 12:30 UTC27
    --space-very-large: 4rem;
7ff8adafe9e4atagen2026-10-22 12:30 UTC28
7ff8adafe9e4atagen2026-10-22 12:30 UTC29
    --border-radius: 3px;
7ff8adafe9e4atagen2026-10-22 12:30 UTC30
7ff8adafe9e4atagen2026-10-22 12:30 UTC31
    --color-accent: oklch(59.1% .236 10.25);
7ff8adafe9e4atagen2026-10-22 12:30 UTC32
    --color-text: oklch(.84 0 0);
7ff8adafe9e4atagen2026-10-22 12:30 UTC33
    --color-canvas: oklch(0.258 0.007 285.867);
7ff8adafe9e4atagen2026-10-22 12:30 UTC34
    --color-canvas-lighter: oklch(0.303 0.007 285.966);
7ff8adafe9e4atagen2026-10-22 12:30 UTC35
    --color-canvas-lighter-2: oklch(0.343 0.009 285.935);
7ff8adafe9e4atagen2026-10-22 12:30 UTC36
    --color-canvas-lighter-3: oklch(0.6 0 0);
7ff8adafe9e4atagen2026-10-22 12:30 UTC37
7ff8adafe9e4atagen2026-10-22 12:30 UTC38
    --color-green: oklch(.524 .164 145);
7ff8adafe9e4atagen2026-10-22 12:30 UTC39
    --color-red: oklch(.503 .172 25);
7ff8adafe9e4atagen2026-10-22 12:30 UTC40
    --color-orange: oklch(.793 .171 70.67);
7ff8adafe9e4atagen2026-10-22 12:30 UTC41
    --color-yellow: oklch(.968 .211 109.769);
7ff8adafe9e4atagen2026-10-22 12:30 UTC42
    --color-violet: oklch(.39 .193 328.363);
7ff8adafe9e4atagen2026-10-22 12:30 UTC43
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC44
7ff8adafe9e4atagen2026-10-22 12:30 UTC45
  .content-grid {
7ff8adafe9e4atagen2026-10-22 12:30 UTC46
    --padding-inline: 1rem;
7ff8adafe9e4atagen2026-10-22 12:30 UTC47
    --content-max-width: 70ch;
7ff8adafe9e4atagen2026-10-22 12:30 UTC48
    --breakout-max-width: 85ch;
7ff8adafe9e4atagen2026-10-22 12:30 UTC49
7ff8adafe9e4atagen2026-10-22 12:30 UTC50
    --breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);
7ff8adafe9e4atagen2026-10-22 12:30 UTC51
7ff8adafe9e4atagen2026-10-22 12:30 UTC52
    display: grid;
7ff8adafe9e4atagen2026-10-22 12:30 UTC53
    grid-template-columns:
7ff8adafe9e4atagen2026-10-22 12:30 UTC54
      [full-width-start]
7ff8adafe9e4atagen2026-10-22 12:30 UTC55
        minmax(var(--padding-inline), 1fr)
7ff8adafe9e4atagen2026-10-22 12:30 UTC56
        [breakout-start]
7ff8adafe9e4atagen2026-10-22 12:30 UTC57
          minmax(0, var(--breakout-size))
7ff8adafe9e4atagen2026-10-22 12:30 UTC58
          [content-start]
7ff8adafe9e4atagen2026-10-22 12:30 UTC59
            min(
7ff8adafe9e4atagen2026-10-22 12:30 UTC60
              100% - (var(--padding-inline) * 2),
7ff8adafe9e4atagen2026-10-22 12:30 UTC61
              var(--content-max-width)
7ff8adafe9e4atagen2026-10-22 12:30 UTC62
            )
7ff8adafe9e4atagen2026-10-22 12:30 UTC63
          [content-end]
7ff8adafe9e4atagen2026-10-22 12:30 UTC64
          minmax(0, var(--breakout-size))
7ff8adafe9e4atagen2026-10-22 12:30 UTC65
        [breakout-end]
7ff8adafe9e4atagen2026-10-22 12:30 UTC66
        minmax(var(--padding-inline), 1fr)
7ff8adafe9e4atagen2026-10-22 12:30 UTC67
      [full-width-end];
7ff8adafe9e4atagen2026-10-22 12:30 UTC68
7ff8adafe9e4atagen2026-10-22 12:30 UTC69
    > * {
7ff8adafe9e4atagen2026-10-22 12:30 UTC70
      grid-column: content;
7ff8adafe9e4atagen2026-10-22 12:30 UTC71
    }
7ff8adafe9e4atagen2026-10-22 12:30 UTC72
7ff8adafe9e4atagen2026-10-22 12:30 UTC73
    > .breakout {
7ff8adafe9e4atagen2026-10-22 12:30 UTC74
      grid-column: breakout;
7ff8adafe9e4atagen2026-10-22 12:30 UTC75
    }
7ff8adafe9e4atagen2026-10-22 12:30 UTC76
7ff8adafe9e4atagen2026-10-22 12:30 UTC77
    > .full-width {
7ff8adafe9e4atagen2026-10-22 12:30 UTC78
      grid-column: full-width;
7ff8adafe9e4atagen2026-10-22 12:30 UTC79
    }
7ff8adafe9e4atagen2026-10-22 12:30 UTC80
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC81
7ff8adafe9e4atagen2026-10-22 12:30 UTC82
  html {
7ff8adafe9e4atagen2026-10-22 12:30 UTC83
    scroll-padding-top: var(--space-very-large);
7ff8adafe9e4atagen2026-10-22 12:30 UTC84
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC85
7ff8adafe9e4atagen2026-10-22 12:30 UTC86
  body {
7ff8adafe9e4atagen2026-10-22 12:30 UTC87
    font-size: .95rem;
7ff8adafe9e4atagen2026-10-22 12:30 UTC88
    /* Thanks modernfontstacks.com */
7ff8adafe9e4atagen2026-10-22 12:30 UTC89
    font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
7ff8adafe9e4atagen2026-10-22 12:30 UTC90
    font-weight: normal;
7ff8adafe9e4atagen2026-10-22 12:30 UTC91
    font-variant-numeric: proportional-nums slashed-zero;
7ff8adafe9e4atagen2026-10-22 12:30 UTC92
    color: var(--color-text);
7ff8adafe9e4atagen2026-10-22 12:30 UTC93
    background: var(--color-canvas);
7ff8adafe9e4atagen2026-10-22 12:30 UTC94
    scroll-behaviour: smooth;
7ff8adafe9e4atagen2026-10-22 12:30 UTC95
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC96
7ff8adafe9e4atagen2026-10-22 12:30 UTC97
  header {
7ff8adafe9e4atagen2026-10-22 12:30 UTC98
    text-align: center;
7ff8adafe9e4atagen2026-10-22 12:30 UTC99
    text-wrap: balanced;
7ff8adafe9e4atagen2026-10-22 12:30 UTC100
    margin-block: var(--space) var(--space-large);
7ff8adafe9e4atagen2026-10-22 12:30 UTC101
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC102
7ff8adafe9e4atagen2026-10-22 12:30 UTC103
  ul {
7ff8adafe9e4atagen2026-10-22 12:30 UTC104
    margin: 0;
7ff8adafe9e4atagen2026-10-22 12:30 UTC105
    padding: 0;
7ff8adafe9e4atagen2026-10-22 12:30 UTC106
    list-style-position: inside;
7ff8adafe9e4atagen2026-10-22 12:30 UTC107
    list-style-type: "− ";
7ff8adafe9e4atagen2026-10-22 12:30 UTC108
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC109
7ff8adafe9e4atagen2026-10-22 12:30 UTC110
  main > table {
7ff8adafe9e4atagen2026-10-22 12:30 UTC111
    width: 100%;
7ff8adafe9e4atagen2026-10-22 12:30 UTC112
    min-width: 1400px;
7ff8adafe9e4atagen2026-10-22 12:30 UTC113
    border-spacing: 0;
7ff8adafe9e4atagen2026-10-22 12:30 UTC114
7ff8adafe9e4atagen2026-10-22 12:30 UTC115
    th, td {
7ff8adafe9e4atagen2026-10-22 12:30 UTC116
      white-space: nowrap;
7ff8adafe9e4atagen2026-10-22 12:30 UTC117
      padding: .15rem var(--space-small);
7ff8adafe9e4atagen2026-10-22 12:30 UTC118
    }
7ff8adafe9e4atagen2026-10-22 12:30 UTC119
7ff8adafe9e4atagen2026-10-22 12:30 UTC120
    thead {
7ff8adafe9e4atagen2026-10-22 12:30 UTC121
      position: sticky;
7ff8adafe9e4atagen2026-10-22 12:30 UTC122
      top: 0;
7ff8adafe9e4atagen2026-10-22 12:30 UTC123
      z-index: 100;
7ff8adafe9e4atagen2026-10-22 12:30 UTC124
      background: oklch(from var(--color-canvas) l c h / .8);
7ff8adafe9e4atagen2026-10-22 12:30 UTC125
      backdrop-filter: blur(5px);
7ff8adafe9e4atagen2026-10-22 12:30 UTC126
7ff8adafe9e4atagen2026-10-22 12:30 UTC127
      tr {
7ff8adafe9e4atagen2026-10-22 12:30 UTC128
        font-weight: bold;
7ff8adafe9e4atagen2026-10-22 12:30 UTC129
        height: 3em;
7ff8adafe9e4atagen2026-10-22 12:30 UTC130
      }
7ff8adafe9e4atagen2026-10-22 12:30 UTC131
    }
7ff8adafe9e4atagen2026-10-22 12:30 UTC132
7ff8adafe9e4atagen2026-10-22 12:30 UTC133
    tbody > tr {
7ff8adafe9e4atagen2026-10-22 12:30 UTC134
      position: relative;
7ff8adafe9e4atagen2026-10-22 12:30 UTC135
7ff8adafe9e4atagen2026-10-22 12:30 UTC136
      &:nth-child(even) {
7ff8adafe9e4atagen2026-10-22 12:30 UTC137
        background: var(--color-canvas-lighter);
7ff8adafe9e4atagen2026-10-22 12:30 UTC138
      }
7ff8adafe9e4atagen2026-10-22 12:30 UTC139
7ff8adafe9e4atagen2026-10-22 12:30 UTC140
      &:hover {
7ff8adafe9e4atagen2026-10-22 12:30 UTC141
        z-index: 2;
7ff8adafe9e4atagen2026-10-22 12:30 UTC142
        outline: 1px var(--color-canvas-lighter-3) dashed;
7ff8adafe9e4atagen2026-10-22 12:30 UTC143
        outline-offset: var(--space-very-small);
7ff8adafe9e4atagen2026-10-22 12:30 UTC144
        border-radius: var(--border-radius);
7ff8adafe9e4atagen2026-10-22 12:30 UTC145
      }
7ff8adafe9e4atagen2026-10-22 12:30 UTC146
7ff8adafe9e4atagen2026-10-22 12:30 UTC147
      &:target {
7ff8adafe9e4atagen2026-10-22 12:30 UTC148
        z-index: 2;
7ff8adafe9e4atagen2026-10-22 12:30 UTC149
        outline: 3px var(--color-yellow) solid;
7ff8adafe9e4atagen2026-10-22 12:30 UTC150
        outline-offset: .1rem;
7ff8adafe9e4atagen2026-10-22 12:30 UTC151
        border-radius: var(--border-radius);
7ff8adafe9e4atagen2026-10-22 12:30 UTC152
      }
7ff8adafe9e4atagen2026-10-22 12:30 UTC153
7ff8adafe9e4atagen2026-10-22 12:30 UTC154
      /* request ID */
7ff8adafe9e4atagen2026-10-22 12:30 UTC155
      > :nth-child(2) {
7ff8adafe9e4atagen2026-10-22 12:30 UTC156
        text-align: end;
7ff8adafe9e4atagen2026-10-22 12:30 UTC157
7ff8adafe9e4atagen2026-10-22 12:30 UTC158
        a {
7ff8adafe9e4atagen2026-10-22 12:30 UTC159
          color: inherit;
7ff8adafe9e4atagen2026-10-22 12:30 UTC160
        }
7ff8adafe9e4atagen2026-10-22 12:30 UTC161
      }
7ff8adafe9e4atagen2026-10-22 12:30 UTC162
7ff8adafe9e4atagen2026-10-22 12:30 UTC163
      /* status */
7ff8adafe9e4atagen2026-10-22 12:30 UTC164
      > :nth-child(3) {
7ff8adafe9e4atagen2026-10-22 12:30 UTC165
        &[data-status-family] {
7ff8adafe9e4atagen2026-10-22 12:30 UTC166
          --_background: var(--color-red);
7ff8adafe9e4atagen2026-10-22 12:30 UTC167
7ff8adafe9e4atagen2026-10-22 12:30 UTC168
          > span {
7ff8adafe9e4atagen2026-10-22 12:30 UTC169
            width: 3em;
7ff8adafe9e4atagen2026-10-22 12:30 UTC170
            display: inline-block;
7ff8adafe9e4atagen2026-10-22 12:30 UTC171
            text-align: center;
7ff8adafe9e4atagen2026-10-22 12:30 UTC172
            border-radius: var(--border-radius);
7ff8adafe9e4atagen2026-10-22 12:30 UTC173
            padding-inline: var(--space-very-small);
7ff8adafe9e4atagen2026-10-22 12:30 UTC174
            background-color: var(--_background, transparent);
7ff8adafe9e4atagen2026-10-22 12:30 UTC175
          }
7ff8adafe9e4atagen2026-10-22 12:30 UTC176
        }
7ff8adafe9e4atagen2026-10-22 12:30 UTC177
7ff8adafe9e4atagen2026-10-22 12:30 UTC178
        &[data-status-family="cancelled"] {
7ff8adafe9e4atagen2026-10-22 12:30 UTC179
          color: var(--color-canvas);
7ff8adafe9e4atagen2026-10-22 12:30 UTC180
          font-weight: bold;
7ff8adafe9e4atagen2026-10-22 12:30 UTC181
          --_background: var(--color-orange);
7ff8adafe9e4atagen2026-10-22 12:30 UTC182
        }
7ff8adafe9e4atagen2026-10-22 12:30 UTC183
        &[data-status-family="2"] { --_background: var(--color-green) }
7ff8adafe9e4atagen2026-10-22 12:30 UTC184
      }
7ff8adafe9e4atagen2026-10-22 12:30 UTC185
7ff8adafe9e4atagen2026-10-22 12:30 UTC186
      /* domain and path */
7ff8adafe9e4atagen2026-10-22 12:30 UTC187
      > :nth-child(5) { --_column-width: 15ch; --_dir: ltr }
7ff8adafe9e4atagen2026-10-22 12:30 UTC188
      > :nth-child(6) { --_column-width: 18ch; --_dir: rtl }
7ff8adafe9e4atagen2026-10-22 12:30 UTC189
      > :nth-child(5),
7ff8adafe9e4atagen2026-10-22 12:30 UTC190
      > :nth-child(6) {
7ff8adafe9e4atagen2026-10-22 12:30 UTC191
        direction: var(--_dir);
7ff8adafe9e4atagen2026-10-22 12:30 UTC192
        text-overflow: ellipsis;
7ff8adafe9e4atagen2026-10-22 12:30 UTC193
        max-width: var(--_column-width);
7ff8adafe9e4atagen2026-10-22 12:30 UTC194
        overflow: hidden;
7ff8adafe9e4atagen2026-10-22 12:30 UTC195
      }
7ff8adafe9e4atagen2026-10-22 12:30 UTC196
7ff8adafe9e4atagen2026-10-22 12:30 UTC197
      /* request timeout, request size and response size */
7ff8adafe9e4atagen2026-10-22 12:30 UTC198
      > :nth-child(7),
7ff8adafe9e4atagen2026-10-22 12:30 UTC199
      > :nth-child(8),
7ff8adafe9e4atagen2026-10-22 12:30 UTC200
      > :nth-child(9) {
7ff8adafe9e4atagen2026-10-22 12:30 UTC201
        text-align: end;
7ff8adafe9e4atagen2026-10-22 12:30 UTC202
      }
7ff8adafe9e4atagen2026-10-22 12:30 UTC203
7ff8adafe9e4atagen2026-10-22 12:30 UTC204
      /* time */
7ff8adafe9e4atagen2026-10-22 12:30 UTC205
      > :nth-child(10) {
7ff8adafe9e4atagen2026-10-22 12:30 UTC206
        font-size: small;
7ff8adafe9e4atagen2026-10-22 12:30 UTC207
        font-variant-numeric: slashed-zero tabular-nums;
7ff8adafe9e4atagen2026-10-22 12:30 UTC208
      }
7ff8adafe9e4atagen2026-10-22 12:30 UTC209
7ff8adafe9e4atagen2026-10-22 12:30 UTC210
      > :last-child {
7ff8adafe9e4atagen2026-10-22 12:30 UTC211
        --_end-at: var(--end-at, 100);
7ff8adafe9e4atagen2026-10-22 12:30 UTC212
7ff8adafe9e4atagen2026-10-22 12:30 UTC213
        width: 100%;
7ff8adafe9e4atagen2026-10-22 12:30 UTC214
7ff8adafe9e4atagen2026-10-22 12:30 UTC215
        --_grid-step: 15%;
7ff8adafe9e4atagen2026-10-22 12:30 UTC216
        --_grid-width: 2px;
7ff8adafe9e4atagen2026-10-22 12:30 UTC217
        background: linear-gradient(
7ff8adafe9e4atagen2026-10-22 12:30 UTC218
          90deg,
7ff8adafe9e4atagen2026-10-22 12:30 UTC219
          var(--color-canvas-lighter-2) var(--_grid-width),
7ff8adafe9e4atagen2026-10-22 12:30 UTC220
          transparent var(--_grid-width)
7ff8adafe9e4atagen2026-10-22 12:30 UTC221
        );
7ff8adafe9e4atagen2026-10-22 12:30 UTC222
        background-size: var(--_grid-step);
7ff8adafe9e4atagen2026-10-22 12:30 UTC223
7ff8adafe9e4atagen2026-10-22 12:30 UTC224
        position: relative;
7ff8adafe9e4atagen2026-10-22 12:30 UTC225
7ff8adafe9e4atagen2026-10-22 12:30 UTC226
        .span {
7ff8adafe9e4atagen2026-10-22 12:30 UTC227
          --_start-at: var(--start-at, 0);
7ff8adafe9e4atagen2026-10-22 12:30 UTC228
          --_timeout: var(--timeout, 0);
7ff8adafe9e4atagen2026-10-22 12:30 UTC229
          --_duration: var(--duration, 0);
7ff8adafe9e4atagen2026-10-22 12:30 UTC230
          --_end-gutter: 10ch; /* spaces for the labels */
7ff8adafe9e4atagen2026-10-22 12:30 UTC231
7ff8adafe9e4atagen2026-10-22 12:30 UTC232
          display: block;
7ff8adafe9e4atagen2026-10-22 12:30 UTC233
          position: absolute;
7ff8adafe9e4atagen2026-10-22 12:30 UTC234
          top: .15rem;
7ff8adafe9e4atagen2026-10-22 12:30 UTC235
          left: calc((var(--_start-at) * (100% - var(--_end-gutter))) / var(--_end-at));
7ff8adafe9e4atagen2026-10-22 12:30 UTC236
          width: max(1px, calc((var(--_duration) * (100% - var(--_end-gutter))) / var(--_end-at)));
7ff8adafe9e4atagen2026-10-22 12:30 UTC237
          height: 1.2rem;
7ff8adafe9e4atagen2026-10-22 12:30 UTC238
          background: var(--_background);
7ff8adafe9e4atagen2026-10-22 12:30 UTC239
7ff8adafe9e4atagen2026-10-22 12:30 UTC240
          --_duration-color: var(--color-accent);
7ff8adafe9e4atagen2026-10-22 12:30 UTC241
          --_timeout-color: var(--color-violet);
7ff8adafe9e4atagen2026-10-22 12:30 UTC242
          --_timeout-stop: calc((var(--_timeout) * 100%) / var(--_duration));
7ff8adafe9e4atagen2026-10-22 12:30 UTC243
7ff8adafe9e4atagen2026-10-22 12:30 UTC244
          background: linear-gradient(
7ff8adafe9e4atagen2026-10-22 12:30 UTC245
            90deg,
7ff8adafe9e4atagen2026-10-22 12:30 UTC246
            var(--_timeout-color) var(--_timeout-stop),
7ff8adafe9e4atagen2026-10-22 12:30 UTC247
            var(--_duration-color) var(--_timeout-stop)
7ff8adafe9e4atagen2026-10-22 12:30 UTC248
          );
7ff8adafe9e4atagen2026-10-22 12:30 UTC249
          border-radius: var(--border-radius);
7ff8adafe9e4atagen2026-10-22 12:30 UTC250
7ff8adafe9e4atagen2026-10-22 12:30 UTC251
          tr:has(> td[data-status-family="cancelled"]) & {
7ff8adafe9e4atagen2026-10-22 12:30 UTC252
            width: 3px; /* to be sure it is seen */
7ff8adafe9e4atagen2026-10-22 12:30 UTC253
            --_duration-color: var(--color-orange);
7ff8adafe9e4atagen2026-10-22 12:30 UTC254
          }
7ff8adafe9e4atagen2026-10-22 12:30 UTC255
7ff8adafe9e4atagen2026-10-22 12:30 UTC256
          > span {
7ff8adafe9e4atagen2026-10-22 12:30 UTC257
            position: absolute;
7ff8adafe9e4atagen2026-10-22 12:30 UTC258
            font-size: .855em;
7ff8adafe9e4atagen2026-10-22 12:30 UTC259
            top: .1em;
7ff8adafe9e4atagen2026-10-22 12:30 UTC260
            left: calc(100% + var(--space-very-small));
7ff8adafe9e4atagen2026-10-22 12:30 UTC261
          }
7ff8adafe9e4atagen2026-10-22 12:30 UTC262
        }
7ff8adafe9e4atagen2026-10-22 12:30 UTC263
7ff8adafe9e4atagen2026-10-22 12:30 UTC264
        details {
7ff8adafe9e4atagen2026-10-22 12:30 UTC265
          text-align: end;
7ff8adafe9e4atagen2026-10-22 12:30 UTC266
7ff8adafe9e4atagen2026-10-22 12:30 UTC267
          summary {
7ff8adafe9e4atagen2026-10-22 12:30 UTC268
            pointer: cursor;
7ff8adafe9e4atagen2026-10-22 12:30 UTC269
            height: 1em;
7ff8adafe9e4atagen2026-10-22 12:30 UTC270
            width: 100%;
7ff8adafe9e4atagen2026-10-22 12:30 UTC271
7ff8adafe9e4atagen2026-10-22 12:30 UTC272
            list-style: none;
7ff8adafe9e4atagen2026-10-22 12:30 UTC273
            &::marker,
7ff8adafe9e4atagen2026-10-22 12:30 UTC274
            &::-webkit-details-marker {
7ff8adafe9e4atagen2026-10-22 12:30 UTC275
              content: none; /* all browsers */
7ff8adafe9e4atagen2026-10-22 12:30 UTC276
              display: none; /* WebKit */
7ff8adafe9e4atagen2026-10-22 12:30 UTC277
            }
7ff8adafe9e4atagen2026-10-22 12:30 UTC278
7ff8adafe9e4atagen2026-10-22 12:30 UTC279
            &::after {
7ff8adafe9e4atagen2026-10-22 12:30 UTC280
              position: absolute;
7ff8adafe9e4atagen2026-10-22 12:30 UTC281
              top: 0;
7ff8adafe9e4atagen2026-10-22 12:30 UTC282
              right: var(--space-small);
7ff8adafe9e4atagen2026-10-22 12:30 UTC283
7ff8adafe9e4atagen2026-10-22 12:30 UTC284
              content: '+';
7ff8adafe9e4atagen2026-10-22 12:30 UTC285
              font-weight: bold;
7ff8adafe9e4atagen2026-10-22 12:30 UTC286
            }
7ff8adafe9e4atagen2026-10-22 12:30 UTC287
          }
7ff8adafe9e4atagen2026-10-22 12:30 UTC288
7ff8adafe9e4atagen2026-10-22 12:30 UTC289
          &[open] {
7ff8adafe9e4atagen2026-10-22 12:30 UTC290
            margin-bottom: var(--space-small);
7ff8adafe9e4atagen2026-10-22 12:30 UTC291
7ff8adafe9e4atagen2026-10-22 12:30 UTC292
            summary {
7ff8adafe9e4atagen2026-10-22 12:30 UTC293
              margin-bottom: var(--space-small);
7ff8adafe9e4atagen2026-10-22 12:30 UTC294
7ff8adafe9e4atagen2026-10-22 12:30 UTC295
              &::after {
7ff8adafe9e4atagen2026-10-22 12:30 UTC296
                content: '−' !important;
7ff8adafe9e4atagen2026-10-22 12:30 UTC297
              }
7ff8adafe9e4atagen2026-10-22 12:30 UTC298
            }
7ff8adafe9e4atagen2026-10-22 12:30 UTC299
          }
7ff8adafe9e4atagen2026-10-22 12:30 UTC300
7ff8adafe9e4atagen2026-10-22 12:30 UTC301
          summary ~ * {
7ff8adafe9e4atagen2026-10-22 12:30 UTC302
            text-align: start;
7ff8adafe9e4atagen2026-10-22 12:30 UTC303
            font-size: small;
7ff8adafe9e4atagen2026-10-22 12:30 UTC304
          }
7ff8adafe9e4atagen2026-10-22 12:30 UTC305
        }
7ff8adafe9e4atagen2026-10-22 12:30 UTC306
      }
7ff8adafe9e4atagen2026-10-22 12:30 UTC307
    }
7ff8adafe9e4atagen2026-10-22 12:30 UTC308
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC309
7ff8adafe9e4atagen2026-10-22 12:30 UTC310
  code {
7ff8adafe9e4atagen2026-10-22 12:30 UTC311
    /* Thanks modernfontstacks.com */
7ff8adafe9e4atagen2026-10-22 12:30 UTC312
    font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
7ff8adafe9e4atagen2026-10-22 12:30 UTC313
    font-weight: normal;
7ff8adafe9e4atagen2026-10-22 12:30 UTC314
    font-size: .9em;
7ff8adafe9e4atagen2026-10-22 12:30 UTC315
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC316
7ff8adafe9e4atagen2026-10-22 12:30 UTC317
  .text-overflow {
7ff8adafe9e4atagen2026-10-22 12:30 UTC318
    display: inline-block;
7ff8adafe9e4atagen2026-10-22 12:30 UTC319
    max-width: 25ch;
7ff8adafe9e4atagen2026-10-22 12:30 UTC320
    text-overflow: ellipsis ellipsis;
7ff8adafe9e4atagen2026-10-22 12:30 UTC321
    overflow-x: auto;
7ff8adafe9e4atagen2026-10-22 12:30 UTC322
    vertical-align: text-bottom;
7ff8adafe9e4atagen2026-10-22 12:30 UTC323
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC324
7ff8adafe9e4atagen2026-10-22 12:30 UTC325
  .hidden {
7ff8adafe9e4atagen2026-10-22 12:30 UTC326
    display: none;
7ff8adafe9e4atagen2026-10-22 12:30 UTC327
  }
7ff8adafe9e4atagen2026-10-22 12:30 UTC328
  </style>
7ff8adafe9e4atagen2026-10-22 12:30 UTC329
7ff8adafe9e4atagen2026-10-22 12:30 UTC330
  <title>Network viewer</title>
7ff8adafe9e4atagen2026-10-22 12:30 UTC331
</head>
7ff8adafe9e4atagen2026-10-22 12:30 UTC332
7ff8adafe9e4atagen2026-10-22 12:30 UTC333
<body class="content-grid">
7ff8adafe9e4atagen2026-10-22 12:30 UTC334
7ff8adafe9e4atagen2026-10-22 12:30 UTC335
<header>
7ff8adafe9e4atagen2026-10-22 12:30 UTC336
  <h1>Analyse of <code>{log_file}</code></h1>
7ff8adafe9e4atagen2026-10-22 12:30 UTC337
</header>
7ff8adafe9e4atagen2026-10-22 12:30 UTC338
7ff8adafe9e4atagen2026-10-22 12:30 UTC339
<main class="full-width">
7ff8adafe9e4atagen2026-10-22 12:30 UTC340
7ff8adafe9e4atagen2026-10-22 12:30 UTC341
<table>
7ff8adafe9e4atagen2026-10-22 12:30 UTC342
  <thead>
7ff8adafe9e4atagen2026-10-22 12:30 UTC343
    <tr>
7ff8adafe9e4atagen2026-10-22 12:30 UTC344
      <th scope="col"><abbr title="Connection">Conn.</abbr> ID</th>
7ff8adafe9e4atagen2026-10-22 12:30 UTC345
      <th scope="col"><abbr title="Request">Req.</abbr> ID</th>
7ff8adafe9e4atagen2026-10-22 12:30 UTC346
      <th scope="col">Status</th>
7ff8adafe9e4atagen2026-10-22 12:30 UTC347
      <th scope="col"><abbr title="Method">Meth.</abbr></th>
7ff8adafe9e4atagen2026-10-22 12:30 UTC348
      <th scope="col">Domain</th>
7ff8adafe9e4atagen2026-10-22 12:30 UTC349
      <th scope="col">Path</th>
7ff8adafe9e4atagen2026-10-22 12:30 UTC350
      <th scope="col"><abbr title="Request">Req.</abbr> timeout</th>
7ff8adafe9e4atagen2026-10-22 12:30 UTC351
      <th scope="col"><abbr title="Request">Req.</abbr> size</th>
7ff8adafe9e4atagen2026-10-22 12:30 UTC352
      <th scope="col"><abbr title="Response">Resp.</abbr> size</th>
7ff8adafe9e4atagen2026-10-22 12:30 UTC353
      <th scope="col">Time</th>
7ff8adafe9e4atagen2026-10-22 12:30 UTC354
      <th scope="col">Timeline</th>
7ff8adafe9e4atagen2026-10-22 12:30 UTC355
    </tr>
7ff8adafe9e4atagen2026-10-22 12:30 UTC356
  </thead>
7ff8adafe9e4atagen2026-10-22 12:30 UTC357
7ff8adafe9e4atagen2026-10-22 12:30 UTC358
  <tbody style="--end-at: {end_at}">
7ff8adafe9e4atagen2026-10-22 12:30 UTC359
    {rows}
7ff8adafe9e4atagen2026-10-22 12:30 UTC360
  </tbody>
7ff8adafe9e4atagen2026-10-22 12:30 UTC361
</table>
7ff8adafe9e4atagen2026-10-22 12:30 UTC362
7ff8adafe9e4atagen2026-10-22 12:30 UTC363
</main>
7ff8adafe9e4atagen2026-10-22 12:30 UTC364
7ff8adafe9e4atagen2026-10-22 12:30 UTC365
</body>
7ff8adafe9e4atagen2026-10-22 12:30 UTC366
</html>