ds
Components
Timeline

Timeline

The work log rail with milestones.

Jul 2026

Jio Cloud
AI datacenter foundations
Cloud and network base for GPU pods.
May 2026

Jio Cloud
Structured Streaming migration
400+ jobs off DStreams, about 25% faster.
Jul 2025

Jio Cloud
Cloud SLA engine
How availability is measured and reported.

Show code

<ol class="timeline" id="tl">
  <li class="tl-fill" aria-hidden="true"></li>
  <li class="tl-item ms on">
    <div class="tl-when">Jul 2026</div><div class="tl-rail"></div>
    <div class="tl-body"><p class="org">Jio Cloud</p><h3>AI datacenter foundations</h3><p>Cloud and network base for GPU pods.</p></div>
  </li>
  <li class="tl-item on cur">
    <div class="tl-when">May 2026</div><div class="tl-rail"></div>
    <div class="tl-body"><p class="org">Jio Cloud</p><h3>Structured Streaming migration</h3><p>400+ jobs off DStreams, about 25% faster.</p></div>
  </li>
  <li class="tl-item">
    <div class="tl-when">Jul 2025</div><div class="tl-rail"></div>
    <div class="tl-body"><p class="org">Jio Cloud</p><h3>Cloud SLA engine</h3><p>How availability is measured and reported.</p></div>
  </li>
</ol>

The work log's rail. Milestones (.ms) get a ringed dot. On fin1te.com a scroll-linked fill grows down the rail and marks entries .on as it passes them; set --p (0 to 1) on .tl-fill to drive it. Scroll the page to see this one move.

Class	On	What it does
`.timeline`	ol	The list.
`.tl-item`	li	An entry: when, rail, body.
`.ms`	.tl-item	Milestone: ringed dot.
`.on / .cur`	.tl-item	Passed by the fill / the one in view.
`.tl-fill`	li	The scroll-linked fill. Set --p.
`.tl-when / .tl-rail / .tl-body`	div	The three columns. Collapses to two under 640px.