<a href={`#${slug}`}>

        <span className="text-5xl" style={{lineHeight: 0.75}}>{ENCOUNTER_NAMES[props.encounterId] || props.encounterId}</span>

        <a href={`#${slug}`}>
          <span className="text-5xl" style={{lineHeight: 0.75}}>{ENCOUNTER_NAMES[props.encounterId] || props.encounterId}</span>
        </a>

    </a>

      padding: 1,

      { calculate: 'if(datum.kill, 0, datum.bossPct)', as: 'bossPct' }

      { calculate: 'if(datum.kill, 0, datum.bossPct / 100)', as: 'bossPct' }

              domain: [0, 100]

              domain: [0, 1]

            axis: null,

            axis: null,

            axis: {
              values: [0, 0.5],
              format: '%',
              ticks: false,
              labelFlush: true,
              labelBaseline: 'line-bottom',
              labelPadding: 8,
              labelAlign: 'left',
              domain: false,
            }

  const hideText = { labels: false };

        <section className="border border-gray-100 m-1 p-1" style={{gridArea: 'w'}}>
          <legend className="font-bold ml-1">Week {props.week}</legend>
          <div className="grid grid-flow-col auto-cols-min">
            {logs.map(({ iid, startTime, fights, code }) => (

        <section className="border border-gray-100 m-1 p-2" style={{gridArea: 'w'}}>
          <legend className="font-bold ml-1">{(ix === 0) ? `Week ${props.week}` : ''}</legend>
          <div className="grid grid-flow-col auto-cols-min gap-2">
            {logs.map(({ iid, startTime, fights, code }, iix) => (

                <LogProgChart data={{ fights: JSON.parse(JSON.stringify(fights)) }} actions={false} />

                <LogProgChart data={{ fights: JSON.parse(JSON.stringify(fights)) }} actions={false} config={{ axisY: (iix === 0 && props.week === 1) ? undefined : hideText }}/>