I am a heading

You can delete or duplicate the blocks (Item), they automatically interleave. If you don’t want them to interleave, simply remove the CSS class from the block.

I am a heading

You can delete or duplicate the blocks, they automatically interleave.

Feb.
11
2023

I am a heading

You can delete or duplicate the blocks, they automatically interleave.

Feb.
12
2023

I am a heading

You can delete or duplicate the blocks, they automatically interleave.

Feb.
13
2023

I am a heading

You can delete or duplicate the blocks, they automatically interleave.

Feb.
14
2023

I am a heading

You can delete or duplicate the blocks, they automatically interleave.

Feb.
15
2023

I am a heading

You can delete or duplicate the blocks, they automatically interleave.

Feb.
16
2023
<script>
 
const timelineContent = document.querySelector('.timeline01__content');
let firstDiv = null;
let lastDiv = null;

for (let i = 0; i < timelineContent.children.length; i++) {
  let child = timelineContent.children[i];
  if (child.nodeName === "DIV") {
    if (!firstDiv) {
      firstDiv = child;
    }
    lastDiv = child;
  }
}

const firstDivHeight = firstDiv.offsetHeight;
const lastDivHeight = lastDiv.offsetHeight;
const averageDivHeight = (firstDivHeight + lastDivHeight) / 2;

const timelineContentBar = document.querySelector('.timeline01__content__bar');
timelineContentBar.style.height = "calc(100% - " + averageDivHeight + "px)";

const topPosition = firstDivHeight / 2;
timelineContentBar.style.top = topPosition + "px";



</script>